製作 WordPress 需要了解 PHP,但是不管怎樣,你的部落格頁面都是一張網頁,網頁之所以能夠在瀏覽器中顯示出來,是因為最終傳送給瀏覽器的是 HTML 、 CSS 和 JS 等終端程式碼,最終由這些程式碼控制瀏覽器的顯示結果。製作 WordPress 主題也不例外,它們都是網頁,網頁最基本的是 HTML 。要想製作 WordPress 主題,首先得設計主題介面,含蓄、簡約、厚重、奔放……,風格完全隨你,接著再將你的設計理念轉化為.html,並能在瀏覽器中正常顯示出來。

本系列教程不會教你如何去設計部落格的介面,也不會教你 HTML 和 CSS 基礎知識,而是假定你已經有 HTML 和 CSS 基礎了,如果你不會 HTML,也不會 CSS,後面的東西恐怕對你來說就像天書了。

本系列教程將使用由 tutsplus 無償提供的 html 模板 Aurelius 為例,來講解 WordPress 主題的製作過程,其他模板的製作也類似。下面提供該 HTML 模板檔案下載,我們將以此來練習如何將 HTML 靜態頁面與 PHP 程式碼結合,製作 WordPress 主題。下載後,裡面的 html 檔案都是可以直接雙擊開啟的。

下載該檔案

可能這個模板並不適合每個人的口味,但這個用於我們的主題製作練習已經足夠了。另外你可能會詫異,怎麼是英文版的?放心,到了後面你就會知道,是否英文版都沒多大關係。下面說說下載到的這些檔案的用途:

  1. 首頁:index.html
  2. 存檔頁:archive.html
  3. 頁面:page.html
  4. 文章頁:single.html
  5. 聯絡頁:contact.html
  6. 無邊欄頁:full_width.html
  7. 圖片:/images/
  8. 樣式表:style.css
  9. 縮圖:screenshot.png

有了靜態檔案,只需要把這些靜態檔案改成模板檔案就好了。