WordPress主題製作全過程（三）：HTML靜態模板製作

前面為大家介紹了《WordPress主題製作全過程（二）：主題文件構成》，本文繼續為大家帶來《WordPress主題製作全過程（三）：HTML靜態模板製作》 ，下面一起來看一下吧~

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

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

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

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

• 首頁：index.html
• #存檔頁：archive.html
##頁：page.html
• 文章頁：single.html
• 聯絡頁：contact.html
• 無側邊欄頁：full_width.html
• 圖片：/images/
• 樣式表：style.css
• 縮圖：screenshot.png

#大多數部落格所能看到的頁面類型也基本上就這些。你可能已經注意到，不管你用哪個WordPress主題，不同的文章頁面除了標題和內容不同以外，其他東西基本上都是一樣，這就是所謂的模板。

今天的重點就是下載我上面提供的靜態html網頁文件，敬請期待下面的內容。

推薦學習：《

WordPress教學》

以上是WordPress主題製作全過程（三）：HTML靜態模板製作的詳細內容。更多資訊請關注PHP中文網其他相關文章！