佈景主題區分為兩大部分:

  一、程式部分

  包含整個 WordPress 的 PHP 函式,或者自己寫的一些 PHP 與 JavaScript 程式。 WordPress 的 PHP 函式主要是用來呈現 WordPress 的功能,而自己寫的 PHP 與 JavaScript 程式則是用來補強 WordPress 的功能。

  二、網頁排版

  這部分有兩大點,一是 (X)HTML 二是 CSS ,這兩點是不可分割的!雖然單純的使用 HTML 就可以排版,但是這樣的版面會比較單調,況且在管理上也不易管理,而 CSS 正是補 (X)HTML 所不足的地方,在管理上也比較好管理。

  製作佈景主題一定要會 PHP 程式嗎?
  答案是否定的,製作佈景主題最大的難度是在於「網頁排版」而不是「程式」,因為這些程式主要是用來處理資料或傳遞資料。

  製作佈景主題一定要會 (X)HTML 與 CSS 嗎?
  答案是肯定的,一位不懂 (X)HTML 與 CSS 的人是很難上手的。懂這兩種東西的朋友自然而然也就會知曉那些是屬於 PHP 程式。

  一個佈景主題基本上有底下這些東西,那就可以呈現大部分 WordPress 的功能:

引用:
佈景主題資料夾
  ├ images 資料夾(用來存放佈景主題的相關圖片。)
  ├ screenshot.png(用來在後台顯示該佈景主題的圖片。)
  ├ style.css(佈景主題的所有樣式設定。)
  ├ index.php(整個首頁的結構與文章的顯示。)
  ├ header.php(整個 HTML 文件頁面的上半部。)
  ├ footer.php(整個 HTML 文件頁面的底部。)
  ├ sidebar.php(整體架構的側邊欄。)
  ├ single.php(單篇文章頁面。)
  ├ archive.php(顯示文章彙整的相關頁面。)
  ├ comments.php(顯示書寫評論的格式。)
  ├ page.php(顯示 Page 的頁面。)
  ├ 404.php(顯示 404 錯誤的頁面。)
  ├ searchform.php(顯示搜尋框的格式。)
  └ functions.php(側邊欄位資訊與一些後台相關控制的函式。)
  在

引用:
  index.php
  single.php
  archive.php
  page.php
  404.php
  中,皆包含以下三個 PHP 函式:

代碼:
  
  
  
  為什麼我會在這邊提出這三個函式呢?因為它們跟版面之間有重要的關係。前頭我們曾說到用 HTML 來排版,而這三個函式皆是屬於排版當中的一部分,換句話說這五個檔案的內容是差不多的 (頁面架構是一樣的) ,而相互之間的差異性只在於想顯示出來的內容不同而已 (顯示其它資料的函式不同) 。

  那我們到底要如何開始呢?我的答案是先從 index.php 索引頁開始,一開始該檔的內容先讓它只有:

代碼:
  
  這意味著什麼呢?這代表我們先要去完成 header.php 當中的內容。之後在 index.php 加入顯示文章內容的一些相關函式。然後完成 sidebar.php 與 footer.php 接著就是準備開始要排版了…

  我們可以先將

代碼:
  
  顯示文章內容
  
  
  想像成四個大區塊,然後使用 (X)HTML 標籤與 CSS 來編排這四個區塊之間的關係,這四個區塊並無先後之分,因為這是端看其網頁排版的方式而定。當整個 index.php「完全」做好後,那正也差不多代表著完成佈景主題的時間越來越近。

文章來源:WordPress = 我的普立茲 !? http://Blog.BeYes.tw/
文章標籤
全站熱搜
創作者介紹
創作者 Una Nico 的頭像
Una Nico

情如春水 愁似秋月

Una Nico 發表在 痞客邦 留言(1) 人氣(10)