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文件都是可以直接雙擊打開的。

php入門到就業線上教程：進入學習

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

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

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

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

推薦學習：《WordPress教程》