WordPress主題制作全過程（三）：HTML靜態(tài)模板制作

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

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

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

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

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

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

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

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

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

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