搜尋
首頁後端開發php教程WordPress 主題框架是如何運作的

主題框架可以說是無比強大的!對於非技術型的WordPress 用戶來說,主題框架使得建立一個獨一無二並看起來像是運行一個量身定制的主題的網站成為可能,並且對於WordPress 開發者來說,它們能夠幫助你在運用DRY(切勿複製自己)原則的同時,快速建立起一個自訂網站。

如果你使用了一段時間的第三方框架之後,發現其代碼臃腫並缺乏靈活性,並對此感到十分沮喪的話,又或者你僅僅是想能完全掌控你自己的代碼,那麼建立一個你自己的主題框架無疑就是最好的選擇了!

在本系列教學中,你將學習如何去創建你自己的 WordPress 主題框架,從而為你自己或你的客戶建立一個網站,然後發布分享給其他用戶。你將會經過以下幾個階段的學習,包括建立具備框架基礎的父主題、增加額外的功能、鉤子(也可以叫「掛鉤」)等等。同時,你也會學習如何在你的子主題和外掛中使用這些技巧,並且知道如何向公眾公開分享你的程式碼等等。

但是在開始之前,你需要知道主題框架是如何運作的,並且到底是什麼使得它們不同於一個標準父主題。

我花了一些時間開發了兩個主題框架,分別應用於兩種類型的客戶網站,隨著時間的推移我不斷地加強和改進它們的一些應用。我也曾與第三方合作開發一些主題框架。以我的經驗來看,一個主題框架應該有以下幾個主要特點:

  • 通常它主要由一個父主題組成,這個父主題會被設計成能與子主題聯合使用。在某些情況下,父主題也會單獨使用,但是在其他一些情況下,父主題非得和子主題連在一起才能使用——WordPress 法典將其分別定義為“基礎/入門主題”和“代碼庫” 。
  • 通常它包括一些可以被子主題和插件利用的鉤子和函數。你的主題框架是整個生態系統的基礎,它還包括部分與框架鉤連的插件。
  • 如果是給由不會編程的使用者使用,它會包括主題選項頁面,這樣可以讓使用者根據自己的需求來自訂主題。設計、佈局、功能和內容等等都可以是多樣且混合的。在某些情況下,一些功能可以經由主題定制器來提供。
  • 它可能包括多個小工具區域,因而非技術用戶可以透過 WordPress 小工具(包括你專門為框架編寫的透過外掛程式添加的小工具)添加內容或程式碼。
  • 它可能還包括腳本庫功能,例如 jQuery 滑桿或燈箱特效。根據你和使用者的需要,你可能需要在主題框架中將這些合併到一起,或提供一些與框架連結的插件。
  • 通常它是可擴展的,並能用鉤子讓你透過子主題和相關插件擴展其功能。

上述第一點和第二點是最根本的-如果沒有一個父主題,你就不會有一個主題框架。而一個不具備那些鉤子和函數的父主題僅僅只能算是一個基本父主題,不能說是一個真正的主題框架。

以上所述就是關於主題框架的部分了,但它們究竟是如何運作的呢?讓我們先來看看一個主題框架的要素:

  • 父主題和可供選擇的子主題
  • 動作和過濾掛鉤
  • 函數
  • 父主題和可供選擇的子主題
  • 小工具
  • 函數
  • 腳本
  • 主題選項
  • 小工具
性可擴展性腳本

AD:Web Studio

父主題和子主題

一個主題框架的主要組成成分是父主題,它可以用兩種方式來設計:
  • 作為初始主題,可以自行透過主題選項介面或主題自訂器來自訂。這方面的例子包括 Atahualpa  和 Thematic。這兩個可以作為不使用子主題的獨立主題的典範。
  • 由於網站的一個基礎需要透過一個子主題來添加,所以如果沒有這個子主題的話,主題框架將不能有效地運用於網站。這樣的例子有Hybrid Core 和 Genesis。這些將包括一些基本的程式碼,你通常會在一個有著一系列鉤子和函數的主題中找到,這些鉤子和函數可以透過子主題加以利用,當然也可以透過相關外掛程式。所有這些便構成了適用於主題框架的API(應用程式介面)。

由於主題框架的關鍵特徵之一是DRY原則,所以只要有可能,你的父主題就會利用模板部件和包含文件?,這意味著你可以在你的主題的多個位置訪問同一代碼。這也使得你在子主題中重新改寫程式碼變得更加容易,因為你只需更換一個模板部件或建立一個包含文件就行了。 🎜

暫時我不會在這裡解釋父主題和子主題的概念,因為在「子主題教學」中會有相關的介紹。雖然許多主題框架配備了一系列支持自身的子主題,但是如果你想要有其他更適合自己的子主題就只有自己動手開發了。

如果你正在開發自己的主體框架,我建議你創建至少一個「初始」子主題,以避免重複參與制定每個專案的工作:你可能會針對不同類型的專案決定去創建多個子主題作為其基礎,例如一些子主題部落格和非部落格網站。

動作掛鉤和過濾掛鉤

當添加自定義代碼或更改主題的行為方式時,一個主題框架會包括一系列與子主題和插件相聯繫的掛鉤:

  • 行動掛鉤(Action hooks)會出現在程式碼中的多個地方,使你能夠透過主題框架中編寫的函數將相關程式碼新增到你的模板檔案中,而這個主體框架可以透過子主題來覆蓋。我自己的主題框架大量地運用了動作掛鉤,這些掛鉤在所有的模板文件中都有提供,從而讓用戶可以在諸如小工具區域、聯繫方式等內容上自由發揮,並根據需要隨時隨地調用行動按鈕和站點特定代碼。
  • 過濾掛鉤(Filter hooks)可以用來改變使用子主題或特定外掛行為的方式,例如自訂循環、修改靜態內容等等。任何靜態文字(或從你的網站外部調用的程式碼)應該包裹在一個過濾器內,以便它可以根據子主題的需要而變化。

在早期階段花一些時間來考慮你想要包含什麼掛鉤是非常值得的,因為這樣你就知道什麼內容需要通過一個鉤子來包含進去,什麼可以直接編寫到你的模板文件之中。你會在接下來的教學中了解到這些。

函數

你的主題框架也可能包括一系列的函數。其中的一些會與你已經定義過的動作掛鉤和過濾掛鉤相連,而其他的一些則是例如模板標籤之類的函數,並且子主題可以使用這些函數。

如果你曾在一些客戶網站上使用過任何自訂函數,那麼你也可以將它們添加到你的主題框架之中。另外,你不必啟動所有的函數:你只需要在你的子網站使用 add_action() 函數啟動跟父主題相關的函數就行。

主題選項

主題選項介面對任何複雜的主題來說都是很有用的,對於非技術用戶來說,更是如此。一些主要的主題框架都會在自己的管理區域內包含多個主題選項介面,其選項包括開關功能、修改佈局、添加內容和改變設計元素,如顏色、背景圖片、字體和標題圖像等等。

您可以選擇使用主題定制器來完成您的許多選項,其優點是可以讓你的用戶在定制主題的同時能直接地看到它們的變化。對於Edupress主題框架,我便採取了這種做法,其中的學校網站是我和馬克·威爾金森一起開發的。

小工具區域

你是否需要選擇添加一系列小工具區域將取決於你的主題框架的受眾:如果僅僅是你自己或者是一個小團隊的開發人員來使用的話,你也許並不需要在標準側邊欄和頁腳上面添加任何小工具區域。

但是,如果你的主題框架面對的是非技術用戶的話,你可以透過在主題框架的各個地方註冊多個小工具區域從而給予其更多的靈活性。你也可以在網站頭、標準側邊欄和頁腳中,在內容之前和/或之後,以及在頁腳下方註冊小工具區域。

我的客戶網站所使用的主題框架在頁腳中包含四個小工具區域:主題會檢查哪些被填充了並據此添加CSS類,因此被填充的小工具區域將會各自佔據頁面適當的寬度。

你的小工具區域可能會被直接編寫到你的模板文件中,或者你可能會決定(就像我一樣)通過動作掛鉤將其添加到您網站的相關位置。這意味著它們可以在子主題中被覆蓋,無論是可供選擇性的小工具區域還是自訂程式碼。

腳本

如果一個給定的腳本很可能被一些建立在你自己主題框架之上的網站所使用,或者如果你的用戶是非技術型的,你又想要提供更多的選項,那麼你可以在你的框架中包含一些特定的腳本,如一個滑桿或燈箱特效腳本。這可以讓使用者無需去安裝額外的插件,但如果實際上這些腳本並非必要,那麼這些程式碼就會顯得臃腫,這也是它的不足之處。

同樣的,這將取決於你的受眾和預期的需求:如果它只是你用來工作的框架,我建議使用這些腳本開發(或標識)這些插件,什麼時候需要便可以拿來使用。

如果你真的包含了這些腳本,那麼就等於是包含了在主題選項介面上的啟用和停用選項。

可擴展性

如果目前你的框架對某一系列網站非常有用,那麼在將來你也許希望它具有可擴展性。構成框架核心的父主題相當於是這個生態系統的心臟,你和你的主題使用者將會為自己的網站進一步完善開發並添加更多的選項和功能。這將包括:

  • 子主題或初始主題——這些名單很可能隨著時間的推移而有所變化,特別是如果你向公眾發布了你的主題。
  • 專為你的框架設計的插件往往要透過框架特定的掛鉤來啟動。

它還可能包括一些對於其他想要使用你的框架的開發人員有用的文檔:最重要的主題框架配備了大量的文檔,開發人員可以用來自定義他們在框架上建立的網站或者為其他用戶創建一些子主題或外掛程式。

小結

主題框架是 WordPress 開發者武器庫中一個十分強大的工具。正如我們所看到的,它不僅對成千上萬使用其來創建自訂WordPress 網站的所有者(非技術型)來說至關重要,對任何其他的開發者來說,也是一個不可多得的工具,無論這些開發者是想為自己還是為其客戶創建多種多樣的網站。

主題框架通常有一些這樣的特徵:可擴展性和靈活性,而且讓你或你的用戶能夠輕鬆地通過使用子主題,以及訪問相關函數和你的框架所提供的鉤子來自訂網站。

我們已經知道了主體框架是如何運作的,在這個系列接下來的課程中,你會了解你的框架需要做什麼,它需要為誰工作等問題,而這將幫助你決定你的主題框架最適合的發展途徑。

版權聲明:轉載請註明來源網址

以上就介紹了WordPress 主題框架是如何運作的,包括了方面的內容,希望對PHP教程有興趣的朋友有所幫助。

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
wordpress后台乱码怎么办wordpress后台乱码怎么办Feb 03, 2023 pm 01:48 PM

wordpress后台乱码的解决办法:1、在wordpress的“wp-admin”文件夹下找到“admin.header.php”文件;2、将“charset”属性值设置为“UTF-8”格式即可恢复正常。

如何解决wordpress标签错误问题如何解决wordpress标签错误问题Feb 03, 2023 pm 02:03 PM

wordpress标签错误的解决办法:1、找到并打开wordpress的“wp-includes”目录下的“class-wp.php”文件;2、修改内容为“$pathinfo = isset( $_SERVER['PATH_INFO'] )?mb_convert_encoding($_SERVER['PATH_INFO'],'utf-8','GBK') : '';”即可。

WordPress设置独立的Description和KeywordsWordPress设置独立的Description和KeywordsFeb 21, 2023 am 11:14 AM

你下载的WordPress主题提供的keywords和description这两个meta标签一般都做得很差,或者根本就不提供,这样不利于SEO。本文将指导你如何给主页、分类、页面以及文章页添加单独的Description 和 Keywords。

wordpress乱码怎么办wordpress乱码怎么办Mar 09, 2023 am 09:13 AM

wordpress乱码的解决办法:1、修改“wp-config.php”文件里的“define(’DB_CHARSET’, ‘utf8′);”为“define(’DB_CHARSET’, ”);”;2、把新数据库的编码设置成“latin1_swedish_ci”;3、以uft8的格式导入备份的数据库文件即可。

wordpress进不去怎么办wordpress进不去怎么办Feb 23, 2023 am 09:41 AM

wordpress进不去的解决办法:1、把地址栏“wp-login.php”后面的参数删掉,然后重新输入密码登录;2、登录FTP,下载“pluggable.php”文件,然后找到“ADMIN_COOKIE_PATH”并将它替换为“SITECOOKIEPATH”即可。

wordpress是saas吗wordpress是saas吗Feb 21, 2023 am 10:40 AM

wordpress不是saas。SaaS是一种软件销售模式,它主要针对云端应用软件,而WordPress是一款CMS系统,它主要针对网站构建和管理。虽然WordPress可以作为SaaS提供服务,但它本质上不是一种SaaS应用。

2023年最新WordPress视频教程推荐2023年最新WordPress视频教程推荐Oct 25, 2019 pm 01:12 PM

本次PHP中文网整合了相关的视频教程,中文手册,以及相关的精选文章安利给大家,统统免费!!!通过我们分享的视频,可随时随地免费观看教程视频,也不需要迅雷或者百度网盘下载了。

wordpress是哪一年的wordpress是哪一年的Feb 01, 2023 am 10:26 AM

wordpress是2003年发布的;Matt于2003年5月27日宣布推出第一版WordPress,受到了社区的欢迎,它基于b2 Cafelog并有显著改进;WordPress的第一个版本包括全新的管理界面、模板、XHTML 1.1兼容模板、内容编辑器。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境