子主題
子主題

什麼是子主題(Child-theme)?WordPress佈景主題介紹

架設WordPress網站一定會碰到佈景主題,甚至是第一個步驟就要安裝佈景主題,那什麼是子主題呢?跟佈景主題有什麼不同?讓這篇文章詳細地告訴你
目錄
WordPress子主題
WordPress佈景主題

什麼是WordPress佈景主題?

WordPress作為強大的內容管理系統,擁有許多實用的功能,例如佈景主題、外掛等等,許多開發者致力於開創新的佈景主題及外掛,不斷擴充網站的視覺及功能,讓 WordPress 逐漸成為最多人使用的架站系統。

佈景主題是網站的視覺設計,並會以其設計呈現你的網站內容(即頁面、文章、文字、圖片)。佈景主題定義了選單、標誌和小工具在網站上的位置,以及預設顏色配置、字型和其他設計功能。

子佈景主題則會沿用了父佈景主題的功能和樣式。(會在下方更詳盡介紹子主題)

如何選擇佈景主題

截圖 2022 07 03 下午3.52.08
預覽及安裝佈景主題

佈景主題選項這麼多,你可能會面臨選擇困難!挑選佈景主題時,建議考慮以下因素:

  • 你喜歡頁首區(header)的設計嗎?這裡通常會顯示網站的標題、選單和標誌。
  • 你喜歡佈景主題在手機和平板電腦上呈現的外觀嗎?(若要查看實際外觀,請開啟「即時預覽」,使用底部的選擇器在桌上型電腦、平板電腦和行動裝置之間切換。)
    所有 WordPress 佈景主題會自動調整版面以符合不同螢幕大小,包括手機。
  • 能夠根據自己的喜好自訂設計嗎?你可以使用「試用和自訂」選項 ,查看如何自訂顏色、選單和頁首圖片等元素。

選擇第三方佈景主題

如果你考慮使用非 WordPress.org 開發的佈景主題(如 Themeforest 等市集),挑選時請注意以下事項:

  • 佈景主題多久更新一次?頻繁更新是好的跡象。
  • 佈景主題有好評嗎?網友的使用心得都可以好好地參考一下。
  • 佈景主題很精簡?還是使用大量自訂功能(如小工具、短代碼和特殊外掛程式)?
  • 有很多人安裝嗎?如果佈景主題廣受歡迎,可能顯示出其功能良好。
  • 佈景主題開發人員是否提供可靠的支援服務,協助你解決錯誤和問題?

什麼是WordPress子主題(Child-theme)?

WordPress child theme

WordPress子主題是一種特殊的WordPress主題,它從另一個主題(稱為「父主題」)繼承功能和風格。子主題的主要作用是讓你能夠修改或添加到父主題的功能,而不需要直接更改父主題的文件。這種方式非常有用,因為它允許進行自定義,同時確保在父主題更新時,這些自定義不會丟失。

使用子主題的好處包括:

  1. 安全更新:當父主題發布更新時,你可以安全地應用這些更新而不會覆蓋你在子主題中所做的任何自定義更改。
  2. 易於維護:子主題讓你的更改組織有序,使網站更容易維護。
  3. 靈活性:你可以實驗不同的設計或功能,而不會影響原始的父主題。

子主題是實現WordPress網站高度自定義化的一個有效工具,尤其適合希望保持主題更新能力的用戶。

舉個例子

子主題是一種在不直接更改原始(父)主題的情況下,允許你自定義或增強WordPress網站的方法。想象一下你買了一件白色的T恤(這就是父主題),你決定在上面添加一些圖案或文字使其更符合你的風格(這些修改就像是子主題)。

例如,假設你使用了一個名為”OceanWP”的WordPress主題,這是你的父主題。你想對其進行一些修改,如改變顏色方案、添加特定的社交媒體按鈕或更改版面設計,而不希望在父主題更新時失去這些自定義設定。這時,你就可以創建一個子主題。

要創建一個子主題,你需要在你的網站主題文件夾下創建一個新文件夾,給它起一個名字(如”OceanWP-child”),然後在這個文件夾內創建至少兩個文件:一個是style.css,用來寫入你的CSS代碼來覆蓋原主題的樣式;另一個是functions.php,用來添加或修改功能。

這樣,當”OceanWP”父主題接收更新時,你的修改將保持不變,因為它們存儲在子主題中,未直接修改父主題文件。

為什麼需要子主題?

WordPress child theme 1

以前還沒有子主題的時候,在客製化WordPress網站時,可能會直接修改到主佈景主題的檔案,但是,WordPress 核心程式一直在更新進化,佈景主題也會需要跟著WordPress版本更新,以相容,佈景主題一更新,就會把客製化的檔案又覆蓋過去了

為了避免這種情況的發生,子主題應運而生,子主題的設定本身繼承了父主題所有的功能,但是子主題可以讓客製化的檔案分開存放,就不會被父主題的更新的檔案直接覆蓋掉。

也可以這樣想,將主要的佈景主題,想像成WordPress本身,若直接修改WordPress的核心程式,當WordPress版本一更新時,之前所修改的內容就會被覆蓋掉,因此才會使用外掛進行擴充,如此一來就不用擔心擴充的部分被蓋掉。而子主題也是同樣的概念,它會繼承父主題的功能和樣式,再透過子佈景主題進行擴充,當父佈景主題更新時,先前所作的調整就不會被蓋掉,甚至透過子佈景主題,也可自行擴充版型上的需求。

若沒使用子主題,更新程式碼會很危險,尤其當你的網站有很多客製化的內容時,更要特別注意,避免一更新整個網站跑版、功能全不見,真的會欲哭無淚。(當然,更新前一定要進行備份!)

正常架站的流程都會先建立子主題,這樣子主題裡面的東西就不會被影響,防止主題裡面的程式碼會被蓋掉。如果你正在架設網站,或是網站已經架設好了,不妨檢查一下唷!

若佈景主題有子主題與父主題,請啟用子主題

當您使用佈景主題時,應該啟用子主題,而不是父主題。子主題依賴父主題的核心功能和樣式,但您對子主題所做的所有修改都將保留,即使父主題更新也不會被覆蓋。這使得子主題成為實施自定義改動的理想選擇,因為它保護了這些更改免受未來更新的影響。

若佈景主題沒有子主題,可以自行創建

如果您選擇的主題沒有提供子主題,您可以自己創建一個。創建子主題相對簡單,只需要在您的WordPress主題目錄中創建一個新的子目錄,然後在其中創建一個style.css文件和一個functions.php文件。style.css文件需要包含一些基本的頭部信息來聲明它是哪個父主題的子主題,而functions.php則用於加載父主題的樣式和添加任何特定的功能。(建議閱讀:WordPress官方建立子佈景主題教學

這樣,即使原來的主題沒有自帶子主題,您也可以自行創建和自定義,從而靈活地應用於您的網站需求。

資料來源:https://wordpress.com/zh-tw/support/themes/choose-a-theme/

延伸閱讀:

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
數位轉型
數位轉型是什麼?簡單說給你聽

數位轉型聽起來很複雜?其實它就是利用數位科技來提升效率、改善服務。這篇文章將用最簡單的方式,帶您了解數位轉型的概念與重要性。

Selected Post
精選文章