前面給大家介紹了《WordPress主題制作全過(guò)程（二）：主題文件構(gòu)成》，本文繼續(xù)給大家?guī)?lái)《WordPress主題制作全過(guò)程（三）：HTML靜態(tài)模板制作》，下面一起來(lái)看一下吧~

制作WordPress需要了解PHP，但是不管怎樣，你的博客頁(yè)面都是一張網(wǎng)頁(yè)，網(wǎng)頁(yè)之所以能夠在瀏覽器中顯示出來(lái)，是因?yàn)樽罱K傳送給瀏覽器的是HTML、CSS和JS等終端代碼，最終由這些代碼控制瀏覽器的顯示結(jié)果。制作WordPress主題也不例外，它們都是網(wǎng)頁(yè)，網(wǎng)頁(yè)最基本的是HTML。要想制作WordPress主題，首先得設(shè)計(jì)主題界面，含蓄、簡(jiǎn)約、厚重、奔放……，風(fēng)格完全隨你，接著再將你的設(shè)計(jì)理念轉(zhuǎn)化為.html，并能在瀏覽器中正常顯示出來(lái)。

本系列教程不會(huì)教你如何去設(shè)計(jì)博客的界面，也不會(huì)教你HTML和CSS基礎(chǔ)知識(shí)，而是假定你已經(jīng)有HTML和CSS基礎(chǔ)了，如果你不會(huì)HTML，也不會(huì)CSS，后面的東西恐怕對(duì)你來(lái)說(shuō)就像天書了。

本系列教程將使用由tutsplus無(wú)償提供的html模板Aurelius為例，來(lái)講解WordPress主題的制作過(guò)程，其他模板的制作也類似。下面提供該HTML模板文件下載，我們將以此來(lái)練習(xí)如何將HTML靜態(tài)頁(yè)面與PHP代碼結(jié)合，制作WordPress主題。下載后，里面的html文件都是可以直接雙擊打開的。

php入門到就業(yè)線上教程：進(jìn)入學(xué)習(xí)

可能這個(gè)模板并不適合每個(gè)人的口味，但這個(gè)用于我們的主題制作練習(xí)已經(jīng)足夠了。另外你可能會(huì)詫異，怎么是英文版的？放心，到了后面你就會(huì)知道，是否英文版都沒(méi)多大關(guān)系。下面說(shuō)說(shuō)下載到的這些文件的用途：

• 首頁(yè)：index.html
• 存檔頁(yè)：archive.html
• 頁(yè)面：page.html
• 文章頁(yè)：single.html
• 聯(lián)系頁(yè)：contact.html
• 無(wú)邊欄頁(yè)：full_width.html
• 圖片：/images/
• 樣式表：style.css
• 縮略圖：screenshot.png

大多數(shù)博客所能看到的頁(yè)面類型也基本就這些。你可能已經(jīng)注意到，不管你用哪個(gè)WordPress主題，不同的文章頁(yè)面除了標(biāo)題和內(nèi)容不同以外，其他東西基本都是一樣，這就是所謂的模板。

今天的重點(diǎn)就是下載我上面提供的靜態(tài)html網(wǎng)頁(yè)文件，敬請(qǐng)期待下面的內(nèi)容。

推薦學(xué)習(xí)：《WordPress教程》