【轉載自我愛水煮魚】
從零開始制作 WordPress 主題的教程不會一次就教會你所有的東西,那樣也是不可能的,這個教程也不是 WordPress 主題制作的參考,我所做的是一步一步從零開始教你如何制作 WordPress 主題,所以一定要耐心。
所以這一篇介紹首先是 WordPress 主題制作的一個最基本的介紹。這里會涉及到 HTML 和 WordPress 的基本規則,一些專業朮語,以及 WordPress 主題的層式結。這些概念是很重要的,在接下來教程的很多地方都會涉及到,所以開始之前一定要搞清楚。
規則 #1:以正確順序關閉所有 HTML 標簽。
![]()
在上圖中在錯誤關閉標簽的演示中,關閉的 ul 標簽是不按次序的。
每個 HTML 標簽都是在 < 和 > 中,如果有斜線 /,則說明這個標簽是開始標簽,沒有則是結束標簽。如:<> 是開始標簽,而</> 是結束標簽。
在上面的例子中,使用 ul(無序列表)li (列表元素)標簽。注意 li 的開始和結束標簽在 ul 的開始和結束標簽的里面,這就是標簽正確嵌套方式。
規則 #2:每個主題至少要有這兩個文件 - style.css 和 index.php。index.php 告訴主題中所有的元素如何布局,style.css 則告訴主題中所有的元素該如何展示和樣式。下面是一個完整的主題含有的文件列表(現在我們不用詳細了解這個列表每個文件的意思,有個這樣的印象就可以了):
下圖就是 WordPress 的層式結果,它簡單的向你展示,一旦你主題中的某個文件丟失了,WordPress 主題系統將會尋找什么模板文件來代替。這里列出了 6 個文件而不是完整的 13 個,因為這 6 個是相對更重要一些,不過在接下來的教程中,余下的文件也都涉及到。
![]()
我們可以通過上面這張圖的所處位置知道各個主題文件的重要性,越靠左越重要。
這里可能大家有個疑問,為什么會存在 WordPress 模板文件的層式結搆,或者說是重要性級別呢?因為 WordPress 利用這個層式結搆去尋找相應的模板文件顯示頁面,并且在相應的文件丟失之后如何處理。
如果 archive.php 模板文件(用來顯示存檔頁面)丟失了,那么 WordPress 將會使用 index.php 來控制存檔頁面如何顯示。
如果 single.php 模板文件丟失了呢,哪個模板文件它會去尋找用來顯示單一日志呢?它會尋找 index.php。