【WordPress教學】子主題建立(Theme Editor)

【WordPress教學】子主題建立(Theme Editor)

Sandra / 2021-01-28

子主題(Child Theme)的建立在 WordPress 設計中是一項非常重要且實用的技巧,尤其是當你需要對網站的外觀與功能進行客製化修改時。透過子主題的方式,你可以保留對原始主題的所有設計,但又能靈活地進行變更,且不會因為主題更新而遺失修改內容。

當我第一次遇到這個問題時,真的感到非常挫折——原本設計好的頁面,卻因為主題的更新或是操作疏忽而被覆蓋。如果你和我一樣正為這樣的情況困擾,那麼這篇文章的工具與教學,將能為你解決問題!

今天要介紹兩款非常實用的外掛,Theme Editor 與 Child Theme Configurator,它們可以幫助你快速建立子主題,甚至不需要進行複雜的手動設定。

子主題的優勢

為什麼需要建立子主題?

  1. 防止更新覆蓋: 主題的更新有時是不可避免的,但直接修改主題檔案的內容可能導致你的客製化設定被重置。透過子主題,所有修改都能安全保存。
  2. 簡化問題排查: 如果網站出現問題,子主題的結構讓你可以輕鬆回溯,確認是哪些變更造成影響,而不會干擾主題的核心功能。
  3. 學習與實驗平台: 子主題是學習 WordPress 主題設計的絕佳工具,你可以安心地修改程式碼,因為即使有錯誤也不會影響到主要主題。

Theme Editor 步驟教學

下載與安裝

首先,下載並安裝 Theme Editor 外掛。這個工具功能強大,操作簡單,即使是初學者也能快速上手。

子主題建立步驟

開啟 Theme Editor

到你的 WordPress 後台,找到「外掛 > 已安裝外掛」,啟用 Theme Editor。

選擇 Child Theme 功能

在外掛的選單中,選擇 Child Theme。

按下 Analyze

外掛會自動分析你目前使用的主題,並準備建立子主題的必要資料。

設定子主題

當分析完成後,拉到選項頁的第八點,勾選相關選項(通常是「啟用客製化樣式表」或其他重要功能),接著按下 Configure。

切換主題

子主題建立完成後,前往「外觀 > 主題」,選擇剛剛建立的子主題,並啟用。

提示:這款外掛主要介面是英文,但使用上其實非常直觀。如果需要中文化的替代方案,可以參考以下介紹的 Child Theme Configurator。

Child Theme Configurator 步驟教學

下載與安裝

Child Theme Configurator 是另一款熱門工具,針對中文使用者特別友善,操作方式與 Theme Editor 類似,但多了中文翻譯介面,讓理解起來更輕鬆。

建立子主題步驟

開啟工具頁面

安裝並啟用外掛後,從後台進入「工具 > 子佈景主題」。

選擇主題範本

選擇你目前使用的主題作為範本,接著按下 分析 按鈕。

設定選項

外掛會分析主題結構,並顯示多項設定選項。如果你對設定不熟悉,可以直接使用預設值,然後按下 Create New Child Theme。

切換主題

前往「外觀 > 主題」,啟用剛剛建立的子主題。

注意事項與小技巧

備份你的網站

在進行任何主題或外掛的安裝之前,請務必先備份網站,以免發生意外。

測試功能相容性

不同主題與外掛可能存在相容性問題,因此在啟用子主題後,請檢查網站是否正常運作。

客製化樣式表(style.css)

子主題建立後,進一步的客製化可以在子主題資料夾中的 style.css 檔案進行修改。

主題的更新管理

若主題有重大更新,先確認新版本是否與子主題相容,避免導致功能或外觀異常。

sandra avatarSandra