Yoast.com制作了一幅講解WordPress主題架構(gòu)的圖,非常清晰的剖析了WordPress的主題模板結(jié)構(gòu),原圖為英文,下面翻譯成中文。
希望對制作WordPress主題(模板)有一些幫助。
中文文本如下:
圖解WordPress主題(模板)設(shè)計
(了解WordPress博客如何運作)
header.php(網(wǎng)站頭部)
這是一個全局文件(易IT注:WordPress產(chǎn)生的每個頁面都會包含header.php里的代碼),顯示頁面的題頭(header)和導(dǎo)航菜單,還包含了HTML文件的head代碼(<head>…</head>)。< /p>
循環(huán)部分(the loop,頁面主體)
通過一個個包含“循環(huán)(loop)結(jié)構(gòu)”的模板文件,在網(wǎng)站主要區(qū)域顯示網(wǎng)站的主要內(nèi)容。
sidebar.php(邊欄)
這個文件控制邊欄顯示什么。如果有多個邊欄,你可以在functions.php文件里設(shè)置,邊欄“小工具(widgets)”的內(nèi)容可以在 WordPress 的管理控制面板(wp-admin)里設(shè)置。
footer.php(底部)
包含了全局的底部文件和關(guān)閉HTML標(biāo)簽(</html>)的代碼。
WordPress 主題是由模板文件夾(易IT注:../wp-contents/themes/模板名稱/)里一系列文件組成,每個文件都控制著模板的不同部分。無論在網(wǎng)站的哪個頁面,這些頁面的某些部分一般來說都是靜態(tài)的,由header,siderbar和footer文件來控制。你可以通過修改這些文件,來看網(wǎng)站的哪些部分是通過哪些文件控制的。
主頁(home)
index.php
index.php用來控制如何顯示網(wǎng)站的主頁。index.php里缺省地包含了一段查詢和顯示最新文章的循環(huán)代碼(loop),并在底部顯示一個超鏈接,用來查看先前的文章。
另外,你也可以在wp-admin>settings>read里設(shè)置任何你在wordpress里創(chuàng)建的頁面作為主頁。也就是說,你可以設(shè)定不同的頁面(或url)作為常規(guī)的博客文章來作為主頁來顯示,而那個頁面還是通過index.php模板產(chǎn)生的.
文章頁(posts)
single.php
single.php用來控制文章頁面如何顯示。這個文件包含了查詢和顯示當(dāng)前文章的循環(huán)。
如果你想顯示邊欄(和其他想要顯示的元素),你可以在這個文件里指定。你也可以通過修改這個文件來使文章頁面和其他頁面有所區(qū)別。
頁面(pages)
page.php
page.php控制著WordPress Page(頁面,不同與文章posts)的顯示。你可以選擇去掉邊欄或其他元素,或增加一些只有page才有的元素。
WordPress同時允許你創(chuàng)建不同的page模板,用來顯示不同類型的page(頁面)。創(chuàng)建page模板很簡單,你只要拷貝page.php,改個你喜歡的名字,然后在文件頂部添加如下代碼:
<?php
/*
Template Name:你命名的頁面模板文件名
/*
?>
歸檔(archives)
archive.php, category.php,tag.php
你可以通過以上的文件來控制各種歸檔類頁面的顯示。如果沒有歸檔類頁面模板,那么歸檔頁面會使用index.php來做模板;不過,你可以創(chuàng)建一個 archive.php來替代index.php作為歸檔類頁面的模板。如果你創(chuàng)建了category.php,這個文件會替代archives.php 來作為分類頁面(categories)的模板。如果你創(chuàng)建了tag.php,這個文件會優(yōu)先作為標(biāo)簽頁面(tag)的模板。
循環(huán)(The Loop)
循環(huán)可能是WordPress模板里最強(qiáng)大的部分。它從一個查詢開始(來決定要抓取哪篇文章或頁面的數(shù)據(jù)),并已一個結(jié)束循環(huán)語句結(jié)束(endwhile)。循環(huán)里顯示什么取決于你的需要。你可以在循環(huán)里顯示文章標(biāo)題、文章內(nèi)容、元數(shù)據(jù)(作者,日期等)、自定義的域和評論等,這些元素都是某篇文章或頁面的輸出。你還可以在一個文章或頁面創(chuàng)建多個查詢和循環(huán);比如:在single.php(文章頁面模板),你可以創(chuàng)建一個循環(huán)來顯示單個文章的內(nèi)容,然后在文章內(nèi)容下用另外一個循環(huán)來顯示和這篇文章相關(guān)的文章的標(biāo)題和縮略圖。
文章和頁面的查詢機(jī)制
開始循環(huán)
(重復(fù)顯示這和endwhile之間的所有內(nèi)容,直到所有文章的相關(guān)內(nèi)容都輸出完)
the_title
(輸出文章的標(biāo)題)
the_excerpt
(輸出文章的簡介)
the_content
(輸出文章的主體內(nèi)容)
the_category
(輸出文章的分類名稱)
the_author
(輸出文章的作者)
the_date
(輸出文章的日期)
other tags
(可以在循環(huán)里插入其他各種模板里使用的標(biāo)簽)
Endwhile
(重復(fù)循環(huán)直到所有查詢都已被輸出)
幕后的其他機(jī)制
要讓W(xué)ordPress主題模板工作,還需要后臺的一些重要文件。你可以根據(jù)自己的需要修改這些文件,來定制網(wǎng)站的功能和如何顯示。
comments.php
這個文件控制評論如何顯示,文件里包含一個查詢某篇文章所有評論的循環(huán)。comments.php可以被一些插件(比如Disques)所覆蓋,即這些插件可以接管網(wǎng)站的評論功能。
functions.php
functions.php允許你加入自己的php代碼,來修改wordpress主題的核心元素。通常這可以用來給自己的主題加入多個邊欄(sidebars)、修改文章簡介(excerpt)的字符數(shù),或者給wp-admin添加自己的管理面板選項。
style.css
這是主題模板的主CSS樣式文件。同時在這個文件的頂端,包含了含有主題名稱、作者和你網(wǎng)站的URL等相關(guān)文字,這樣WordPress才能知道主題的這些信息。
其他
除了WordPress的核心功能外,其他類似插件(plugins)、自定義域(custom fields)和小工具(wedgets)允許你進(jìn)一步定制自己的網(wǎng)站。
插件(Plugins)
有很多開源開發(fā)者社區(qū)開發(fā)了非常多的插件,你可以免費的將它們添加到你的網(wǎng)站上,包括電子商務(wù)、幻燈片(slideshow)、緩存和社會化功能等。
自定義域(Custom Fields)
自定義域是在你創(chuàng)建一篇文章時,可以在文章內(nèi)容輸入框下方的輸入框輸入。通過自定義域,你可以創(chuàng)建自己的選項或內(nèi)容,然后可以在主題模板里使用或顯示它們。經(jīng)常用到的有縮略圖和用來包含javascript代碼(include)。
小工具(Widgets)
小工具是用于邊欄(sidebars)里的各種小模塊。在wp-admin里,你可以配置預(yù)設(shè)的小工具,也可以添加各種插件提供的小工具,或者php代碼。小工具通常包括搜索表單、熱門文章列表和廣告區(qū)塊等這樣的內(nèi)容。