最近在學習自己開發 WordPress 主題。感覺好多東西需要去學習。一些簡單的前端的東西自己都已經忘了。網上看見一個比較不錯的 WordPress 主題開放的教程介紹,所以也借鑑一些,自己也記錄一下一些學習的過程。以後忘了也可以回過頭來看看。也希望對有需要的朋友起到一些幫助。
首先是 WordPress 主題製作的一個最基本的介紹。開始之前一定要搞清楚 WordPress 主題的一些基本層式結構。
當然一定要懂 HTML 標籤,會一些基本的 html 語言 (超文本標記語言) 代碼編寫,否則就沒法進行了,也就不用繼續看了。
一般來説每個主題至少要有這兩個文件 – style.css 和 index.php 。 index.php 告訴主題中所有的元素如何佈局,style.css 則告訴主題中所有的元素該如何展示和樣式。下面是一個完整的主題含有的文件列表 (就不詳細標明每個文件的意思了,網上一搜一大把。):
- style.css
- index.php
- home.php
- single.php
- page.php
- archive.php
- category.php
- search.php
- 404.php
- comments.php
- author.php
- date.php
專業術語:
Template(模板) 其實就是一個代碼集,主題中很多地方會利用到這個代碼集,所以把它們整合成一個模板,這樣就就不必一遍遍輸入這些重複代碼。
Template file(模板文件)一個包含一個或者多個代碼集 (模板) 文件。每個主題是由多個模板文件組成的,如:index.php,style.css,sidebar.php 等等。
WordPress theme(WordPress 主題) 所有你正在使用的文件:文本,圖像,代碼等等。注意: WordPress theme(主題) 和 WordPress template(s)(模板) 是兩個不同的東西,儘管有些人認為他們一樣。
Post(日誌) 現在你讀的就是一篇日誌。此外,它是你 blog 的一個簡單的條目,如:一個頁面或者一篇日記。
Page(靜態頁面) 一種特殊的 post,它不是以分類組織的。它有別於你其他的日誌。注意:在 WordPress,page(頁面) 和 Page(靜態頁面) 是兩種不同的東西。
層式結構:
下圖就是 WordPress 的層式結構圖,它簡單的向你展示,一旦你主題中的某個文件丟失了,WordPress 主題系統將會尋找什麼模板文件來代替。這裏列出了 6 個文件而不是完整的 13 個,因為這 6 個是相對更重要一些。
我們可以通過上面這的所處位置知道各個主題文件的重要性,越靠左越重要。當然你也可以去了解一下 WordPress 文件系統結構詳細介紹。
這裏可能大家有個疑問,為什麼會存在 WordPress 模板文件的層式結構,或者説是重要性級別呢?
因為 WordPress 利用這個層式結構去尋找相應的模板文件顯示頁面,並且在相應的文件丟失之後如何處理。
如果 archive.php 模板文件 (用來顯示存檔頁面) 丟失了,那麼 WordPress 將會使用 index.php 來控制存檔頁面如何顯示。
如果 single.php 模板文件丟失了呢,哪個模板文件它會去尋找用來顯示單一日誌呢?它會尋找 index.php 。