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