主題框架可以説是無比強大的!對於非技術型的 WordPress
用户來説,主題框架使得建立一個獨一無二並看起來像是運行一個量身定製的主題的網站成為可能,並且對於 WordPress
開發者來説,它們能夠幫助你在運用 DRY(切勿複製自己) 原則的同時,快速建立起一個自定義網站。
如果你使用了一段時間的第三方框架之後,發現其代碼臃腫並缺乏靈活性,並對此感到十分沮喪的話,又或者你僅僅是想能完全掌控你自己的代碼,那麼建立一個你自己的主題框架無疑就是最好的選擇了!
在
本系列教程中,你將學習如何去創建你自己的 WordPress
主題框架,從而為你自己或者你的客户建立一個網站,又或者發佈分享給其他用户。你將會經過以下幾個階段的學習,包括創建具備框架基礎的父主題、添加額外的
功能、鈎子 (也可以叫 「掛鈎」) 等等。同時,你也將會學習如何在你的子主題和插件中使用這些技巧,並且知道如何向公眾公開分享你的代碼等等。
但是在開始之前,你需要知道主題框架是如何工作的,並且到底是什麼使得它們不同於一個標準父主題。
我花了一些時間開發了兩個主題框架,分別應用於兩種類型的客户網站,隨着時間的推移我不斷地加強和改進它們的一些應用。我也曾與第三方合作開發過一些主題框架。以我的經驗來看,一個主題框架應該有以下幾個主要特點:
- 通常它主要由一個父主題組成,這個父主題會被設計成能與子主題聯合使用。在某些情況下,父主題也會單獨使用,但是在其他一些情況下,父主題非得和子主題連在一起才能使用——WordPress 法典將其分別定義為 「基礎/入門主題」 和 「代碼庫」 。
- 通常它包括一些可以被子主題和插件利用的鈎子和函數。你的主題框架是整個生態系統的基礎,它還包括部分與框架鈎連的插件。
- 如果是給由不會編程的用户使用,它會包括主題選項頁面,這樣可以讓用户根據自己的需求來自定義主題。設計、佈局、功能和內容等等都可以是多樣且混合的。在某些情況下,一些功能可以經由主題定製器來提供。
- 它可能包括多個小工具區域,因而非技術用户可以通過 WordPress 小工具 (包括你專門為框架編寫的通過插件添加的小工具) 添加內容或代碼。
- 它可能還包括腳本庫功能,如 jQuery 滑塊或燈箱特效。根據你和用户的需要,你可能會需要在主題框架中將這些合併到一起,或提供一些與框架相鈎連的插件。
- 通常它是可擴展的,並能用鈎子讓你通過子主題和相關插件擴展其功能。
上述第一點和第二點是最根本的——如果沒有一個父主題,你就不會有一個主題框架。而一個不具備那些鈎子和函數的父主題僅僅只能算是一個基本父主題,不能説是一個真正的主題框架。
以上所述就是關於主題框架的部分了,但它們究竟是如何運作的呢?讓我們先來看看一個主題框架的要素:
- 父主題和可供選擇的子主題
- 動作和過濾掛鈎
- 函數
- 主題選項
- 小工具
- 腳本
- 可擴展性
父主題和子主題
一個主題框架的主要組成成分是父主題,它可以用兩種方式來設計:
- 作為初始主題,可以自行通過主題選項界面或主題定製器來自定義。這方面的例子包括 Atahualpa 和 Thematic 。這兩個可以作為不使用子主題的獨立主題的典範。
- 由於網站的一個基礎需要通過一個子主題來添加,所以如果沒有這個子主題的話,主題框架將不能有效地運用於網站。這樣的例子有 Hybrid Core 和 Genesis 。這些將包括一些基本的代碼,你通常會在一個有着一系列鈎子和函數的主題中找到,這些鈎子和函數可以通過子主題加以利用,當然也可以通過相關插件。所有這些便構成了適用於主題框架的 API(應用程序界面) 。
由於主題框架的關鍵特徵之一是 DRY 原則,所以只要有可能,你的父主題就會利用模板部件和包含文件,這意味着你可以在你的主題的多個位置訪問同一代碼。這也使得你在子主題中重新改寫代碼變得更加容易,因為你只需更換一個模板部件或者是創建一個包含文件就行了。
暫時我不會在這裏解釋父主題和子主題的概念,因為在 「子主題教程」 中會有相關的介紹。雖然很多主題框架配備了一系列支持自身的子主題,但是如果你想要有其他更適合自己的子主題就只有自己動手開發了。
如果你正在開發自己的主體框架,我建議你創建至少一個 「初始」 子主題,以避免重複參與制定每個項目的工作:你可能會針對不同類型的項目決定去創建多個子主題作為其基礎,例如一些子主題博客和非博客網站。
動作掛鈎和過濾掛鈎
當添加自定義代碼或更改主題的行為方式時,一個主題框架會包括一系列與子主題和插件相聯繫的掛鈎:
- 行
動掛鈎 (Action
hooks) 會出現在代碼中的多個地方,使你能夠通過主題框架中編寫的函數將相關代碼添加到你的模板文件中,而這個主體框架可以通過子主題來覆蓋。我自己
的主題框架大量地運用了動作掛鈎,這些掛鈎在所有的模板文件中都有提供,從而讓用户可以在諸如小工具區域、聯繫方式等內容上自由發揮,並根據需要隨時隨地
調用行動按鈕和站點特定代碼。 - 過濾掛鈎 (Filter hooks) 可以用來改變使用子主題或特定插件行為的方式,例如自定義循環、修改靜態內容等等。任何靜態文本 (或從你的網站外部調用的代碼) 應該包裹在一個過濾器內,以便它可以根據子主題的需要而變化。
在早期階段花一些時間來考慮你想要包含什麼掛鈎是非常值得的,因為這樣你就知道什麼內容需要通過一個鈎子來包含進去,什麼可以直接編寫到你的模板文件之中。你會在接下來的教程中瞭解到這些。
函數
你的主題框架也可能包括一系列的函數。其中的一些會與你已經定義過的動作掛鈎和過濾掛鈎相鈎連,而其他的一些則是例如模板標籤之類的函數,並且子主題可以使用這些函數。
如果你曾在一些客户網站上使用過任何自定義函數,那麼你也可以將它們添加到你的主題框架之中。另外,你不必激活所有的函數:你只需要在你的子網站使用 add_action() 函數激活跟父主題相關的函數就行。
主題選項
主題選項界面對任何複雜的主題來説都是很有用的,對於非技術用户來説,更是如此。一些主要的主題框架都會在自己的管理區域內包含多個主題選項界面,其選項包括開關功能、修改佈局、添加內容和改變設計元素,如顏色、背景圖片、字體和標題圖像等等。
您可以選擇使用主題定製器來完成您的許多選項,其優點是可以讓你的用户在定製主題的同時能直接地看到它們的變化。對於 Edupress 主題框架,我便採取了這種做法,其中的學校網站是我和馬克·威爾金森一起開發的。
小工具區域
你是否需要選擇添加一系列小工具區域將取決於你的主題框架的受眾:如果僅僅是你自己或者是一個小團隊的開發人員來使用的話,你也許並不需要在標準側邊欄和頁腳上面添加任何小工具區域。
但是,如果你的主題框架面對的是非技術用户的話,你可以通過在主題框架的各個地方註冊多個小工具區域從而給予其更多的靈活性。你也可以在網站頭部、標準側欄和頁腳中,在內容之前和/或之後,以及在頁腳下方註冊小工具區域。
我的客户網站所使用的主題框架在頁腳中包含四個小工具區域:主題會檢查哪些被填充了並據此添加 CSS 類,因此被填充的小工具區域將會各自佔據頁面適當的寬度。
你的小工具區域可能會被直接編寫到你的模板文件中,或者你可能會決定 (就像我一樣) 通過動作掛鈎將其添加到您網站的相關位置。這意味着它們可以在子主題中被覆蓋,無論是可供選擇性的小工具區域還是自定義代碼。
腳本
如
果一個給定的腳本很可能被一些建立在你自己主題框架之上的網站所使用,或者如果你的用户是非技術型的,你又想要提供更多的選項,那麼你可以在你的框架中包
含一些特定的腳本,如一個滑塊或燈箱特效腳本。這可以讓用户無需去安裝額外的插件,但如果實際上這些腳本並非必要,那麼這些代碼就會顯得臃腫,這也是它的
不足之處。
同樣的,這將取決於你的受眾和預期的需求:如果它只是你用來工作的框架,我建議使用這些腳本開發 (或標識) 這些插件,什麼時候需要便可以拿來使用。
如果你真的包含了這些腳本,那麼就等於是包含了在主題選項界面上的啓用和禁用選項。
可擴展性
如果目前你的框架對某一系列網站非常有用,那麼在將來你也許希望它具有可擴展性。構成框架核心的父主題相當於是這個生態系統的心臟,你和你的主題用户將會為自己的網站進一步完善開發並添加更多的選項和功能。這將包括:
- 子主題或初始主題——這些名單很可能隨着時間的推移而有所變化,特別是如果你向公眾發佈了你的主題。
- 專為你的框架設計的插件往往要通過框架特定的掛鈎激活。
它還可能包括一些對於其他想要使用你的框架的開發人員有用的文檔:最重要的主題框架配備了大量的文檔,開發人員可以用來自定義他們在框架上建立的網站或者為其他用户創建一些子主題或插件。
小結
主
題框架是 WordPress 開發者武器庫中一個十分強大的工具。正如我們所看到的,它不僅對成千上萬使用其來創建自定義 WordPress
網站的所有者 (非技術型) 來説至關重要,對任何其他的開發者來説,也是一個不可多得的工具,無論這些開發者是想為自己還是為其客户創建多種多樣的網站。
主題框架通常有一些這樣的特徵:可擴展性和靈活性,而且讓你或者你的用户能夠很容易地通過使用子主題,以及訪問相關函數和你的框架所提供的鈎子來自定義網站。
我們已經知道了主體框架是如何工作的,在這個系列接下來的課程中,你會瞭解你的框架需要做什麼,它需要為誰工作等問題,而這將幫助你決定你的主題框架最合適的發展途徑。