.jpg)
前面給大家介紹了《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ō)就像天書(shū)了。
本系列教程將使用由wordpress主題制作全過(guò)程（二）：主題文件構(gòu)成無(wú)償提供的html模板wordpress主題制作全過(guò)程（二）：主題文件構(gòu)成為例，來(lái)講解WordPress主題的制作過(guò)程，其他模板的制作也類(lèi)似。下面提供該HTML模板文件下載，我們將以此來(lái)練習(xí)如何將HTML靜態(tài)頁(yè)面與PHP代碼結(jié)合，制作WordPress主題。下載后，里面的html文件都是可以直接雙擊打開(kāi)的。
wordpress主題制作全過(guò)程（二）：主題文件構(gòu)成
可能這個(gè)模板并不適合每個(gè)人的口味，但這個(gè)用于我們的主題制作練習(xí)已經(jīng)足夠了。另外你可能會(huì)詫異，怎么是英文版的？放心，到了后面你就會(huì)知道，是否英文版都沒(méi)多大關(guān)系。下面說(shuō)說(shuō)下載到的這些文件的用途：
立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；
- 首頁(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è)面類(lèi)型也基本就這些。你可能已經(jīng)注意到，不管你用哪個(gè)WordPress主題，不同的文章頁(yè)面除了標(biāo)題和內(nèi)容不同以外，其他東西基本都是一樣，這就是所謂的模板。
今天的重點(diǎn)就是下載我上面提供的靜態(tài)html網(wǎng)頁(yè)文件，敬請(qǐng)期待下面的內(nèi)容。
推薦學(xué)習(xí)：《wordpress主題制作全過(guò)程（二）：主題文件構(gòu)成》
.png)
