製作 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

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