在開(kāi)始制作WordPress主題之前,首先得了解WordPress主題到底由哪些文件構(gòu)成,你得清楚WordPress程序是怎樣與主題文件連接的。
以下是WordPress默認(rèn)主題default文件夾下的所有模板文件。看了下圖,可能你還摸不著頭腦,到底這些文件是干什么的。WordPress的主題是用PHP編寫(xiě)的,而不是純HTML + CSS,所以模板文件的后綴名是.php,如果你想精通WordPress的主題制作,完美控制你的博客,最好要熟悉PHP編程。要是不會(huì)PHP編程怎么辦?就做不了WordPress主題了嗎?那也不是,至少看完本系列教程,你也能夠掌握基本的WordPress主題制作方法。
下面是WordPress主題文件層次結(jié)構(gòu),它會(huì)告訴你:當(dāng)WordPress顯示特定的頁(yè)面類(lèi)型時(shí),會(huì)使用哪個(gè)模板文件呢?只有了解了以下主題層次結(jié)構(gòu),你才能知道你的WordPress主題到底需要寫(xiě)哪些文件。
怎么看下面的文件層次結(jié)構(gòu)?
以主頁(yè)為例,下面有2個(gè)文件home.php和index.php,WordPress程序會(huì)從你的主題文件夾中依次查找這兩個(gè)文件:
如果找到home.php,則使用home.php作為博客首頁(yè)模板,即使你的主題文件夾中有index.php;
如果home.php未找到,則使用index.php作為首頁(yè)模板;
如果home.php和index.php都找不到,你的主題將不會(huì)被WordPress識(shí)別,等于廢物。
主頁(yè)
home.php
index.php
文章頁(yè):
single-{post_type}.php - 如果文章類(lèi)型是videos(即視頻),WordPress就會(huì)去查找single-videos.php(WordPress 3.0及以上版本支持)
single.php
index.php
頁(yè)面
自定義模板 - 在WordPress后臺(tái)創(chuàng)建頁(yè)面的地方,右側(cè)邊欄可以選擇頁(yè)面的自定義模板
page-{slug}.php - 如果頁(yè)面的縮略名是news,WordPress將會(huì)查找 page-news.php(WordPress 2.9及以上版本支持)
page-{id}.php - 如果頁(yè)面ID是6,WordPress將會(huì)查找page-6.php
page.php
index.php
分類(lèi)
category-{slug}.php - 如果分類(lèi)的縮略名為news,WordPress將會(huì)查找category-news.php(WordPress 2.9及以上版本支持)
category-{id}.php -如果分類(lèi)ID為6,WordPress將會(huì)查找category-6.php
category.php
archive.php
index.php
標(biāo)簽
tag-{slug}.php - 如果標(biāo)簽縮略名為sometag,WordPress將會(huì)查找tag-sometag.php
tag-{id}.php - 如果標(biāo)簽ID為6,WordPress將會(huì)查找tag-6.php(WordPress 2.9及以上版本支持)
tag.php
archive.php
index.php
作者
author-{nicename}.php - 如果作者的昵稱(chēng)為rami,WordPress將會(huì)查找author-rami.php(WordPress 3.0及以上版本支持)
author-{id}.php - 如果作者ID為6,WordPress將會(huì)查找author-6.php(WordPress 3.0及以上版本支持)
author.php
archive.php
index.php
日期頁(yè)面
date.php
archive.php
index.php
搜索結(jié)果
search.php
index.php
404 (未找到)頁(yè)面
404.php
index.php
附件頁(yè)面
MIME_type.php - 可以是任何MIME類(lèi)型 (image.php, video.php, audio.php, application.php 或者其他).
attachment.php
single.php
index.php
WordPress主題制作全過(guò)程完整列表:
WordPress主題制作全過(guò)程(一):基礎(chǔ)準(zhǔn)備
WordPress主題制作全過(guò)程(二):主題文件構(gòu)成
WordPress主題制作全過(guò)程(三):HTML靜態(tài)模板制作
WordPress主題制作全過(guò)程(四):小試牛刀
WordPress主題制作全過(guò)程(五):制作header.php
WordPress主題制作全過(guò)程(六):制作footer.php
WordPress主題制作全過(guò)程(七):制作sidebar.php
WordPress主題制作全過(guò)程(八):制作index.php
WordPress主題制作全過(guò)程(九):制作single.php
WordPress主題制作全過(guò)程(十):制作comments.php
WordPress主題制作全過(guò)程(十一):制作page.php