在 WordPress 網站開發中,WordPress Child Theme(子佈景主題)是一個極為重要的概念。無論你是網站開發新手還是經驗豐富的開發者,使用 Child Theme 都令增加網站之安全性。
什麼是 WordPress Child Theme?
WordPress Child Theme 是基於現有主題(Parent Theme,父佈景主題)所創建的一個獨立主題。它繼承了父主題的所有功能和外觀,但允許你在不影響父主題原始碼的情況下進行自定義修改。
為什麼要使用 Child Theme?
1. 保護自定義修改
當你直接修改父主題的程式碼時,一旦主題更新,這些修改可能會被覆蓋。使用 Child Theme 可以避免這種情況,因為所有的自定義修改都保存在子主題中,不會受到父主題更新的影響。
2. 提升網站安全性
直接修改父主題的程式碼可能會導致網站出現錯誤或漏洞。Child Theme 提供了一個安全的環境,讓你可以自由進行測試和修改,而不必擔心影響整個網站。
3. 簡化開發流程
Child Theme 讓開發者能夠專注於自定義功能和外觀,而不必從頭開始設計一個全新的主題。這不僅節省時間,還能確保與父主題的兼容性。
4. 便於維護與更新
使用 Child Theme 可以讓你的網站更容易維護。當父主題發布新版本時,你只需更新父主題,而無需擔心自定義功能受到影響。
如何設置 Child Theme?
設置 WordPress Child Theme 並不複雜,以下是具體步驟:
1. 創建 Child Theme 資料夾
使用 FTP 功能,登入你的 WordPress 安裝目錄中,進入 wp-content/themes/ 資料夾,並創建一個新的資料夾,命名為 yourtheme-child(請根據你的父主題名稱命名)。
2. 創建 style.css 檔案
在 Child Theme 資料夾中,創建一個名為 style.css 的檔案,並加入以下程式碼:
/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: A child theme for GeneratePress
Author: Replace_Your_Name
Author URI: Replace_your_website_URL
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
/*
其中,Theme Name 是子主題的名稱,Template 則是主題 theme 資料夾的名稱。注意:大小字母和符號需要和 Parent Theme 一致。 比如,我現在使用 generatepress 主題, 我的 Theme Folder Name 就是 generatepress。

3. 創建 functions.php 檔案
在 Child Theme 資料夾中,創建一個名為 functions.php 的檔案,並加入以下程式碼:
<?php
function child_theme_enqueue_styles() {
wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'child_theme_enqueue_styles');
?>
這段程式碼會載入父主題的樣式表,確保子主題繼承父主題的外觀。
4. 啟用 Child Theme
完成上述步驟後,進入 WordPress 後台的「外觀」>「佈景主題」頁面,找到你剛剛創建的 Child Theme 並啟用它。
不懂設置? 可以找 AI 幫手
如果你對程式碼不熟悉,或者希望更快速地完成 Child Theme 的設置,可以借助 AI Coding 工具來協助。
參考: AI 編程工具:Cursor、GitHub Copilot 與 Codeium Windsurf 的全面解析
1. 使用 AI 工具生成程式碼
AI 工具如 Grok 或 GitHub Copilot 可以根據你的需求生成 Child Theme 所需的程式碼。你只需輸入簡單的指令,例如「幫我創建一個 WordPress Child Theme 的 style.css 檔案」,AI 就會提供完整的程式碼。
2. 使用 WordPress Plugin
有些 WordPress 插件可以自動生成 Child Theme,例如「Child Theme Generator」。這些插件通常提供直觀的介面,讓你可以輕鬆完成設置。
3. 參考線上教學與範例
Hostinger 網站也有提供詳細的 Child Theme 設置教學。你可以參考這些資源,並根據自己的需求進行調整。
創立 WordPress Child Theme 的總結
WordPress Child Theme 可以保持你使用的佈景主題升級和更新,也可以保留你自己所作的修改和自訂化內容。若果你的網站想有更多自訂化的功能,創立一個 Child Theme 是必須要用的方法。