最近在學習自己開發 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 。