2026 WordPress 子主題製作教學：保護你的客製修改不被覆蓋

WordPress 主題更新後修改全消失？子主題可以保護你的客製設計。

你花了好幾個小時修改主題的 CSS，加了自訂功能到 functions.php。結果主題一更新——全部消失，回到預設值。

我們接過太多「主題更新後修改消失」的救援案件。很多都是因為不知道子主題的存在，直接改父主題。現在我們每個新案子第一步就是建立子主題，即使只改一行 CSS 也用子主題。

重點摘要： WordPress 子主題繼承父主題的所有功能，你的修改放在子主題裡。父主題更新時，子主題的修改不會被覆蓋。建立子主題只需 4 個步驟：建立資料夾、建立 style.css、建立 functions.php、後台啟用。

什麼是 WordPress 子主題？為什麼你一定需要它

子主題（Child Theme）繼承父主題所有功能和樣式。你想修改的部分放在子主題裡——CSS 樣式、PHP 模板、自訂功能。父主題更新的時候，只更新父主題本身，子主題裡的修改完全不受影響。

什麼情況需要子主題：想修改 CSS 樣式、想覆寫模板檔案、想新增自訂功能。

回到 WordPress 外掛與主題完整攻略 了解子主題在主題管理中的角色。

WordPress 子主題製作的 4 個步驟

Step 1：建立子主題資料夾

在 /wp-content/themes/ 下建立一個新資料夾。命名規則：父主題名-child。例如 astra-child。

Step 2：建立 style.css

在子主題資料夾建立 style.css，內容：

/*
Theme Name: Astra Child
Template: astra
*/

Template 的值必須是父主題的資料夾名稱（注意大小寫）。

Step 3：建立 functions.php

在子主題資料夾建立 functions.php，引入父主題的樣式表：

<?php
function my_child_theme_enqueue_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'my_child_theme_enqueue_styles');

Step 4：在 WordPress 後台啟用子主題

後台 → 外觀 → 主題 → 找到你的子主題 → 啟用。

就這樣。4 個步驟，5 分鐘搞定。

有些人覺得「我只改一行 CSS，不需要子主題吧？」需要。我們見過客戶因為「只改了一行 CSS」沒做子主題，主題更新後那行 CSS 不見了，結果首頁某個按鈕位置跑掉，客戶兩天後才發現。建立子主題只要 5 分鐘，但能省掉無數修復時間。

用工具快速生成子主題

不想手動建？有更快的方式：

• Child Theme Generator 外掛 — 後台一鍵生成
• Astra Child Theme Generator — Astra 官方提供
• Blocksy — 後台直接有子主題建立選項

Astra 的子主題教學看 Astra 主題教學。Blocksy 的看 Blocksy 主題教學。

子主題的常見修改範例

修改 CSS 樣式

在子主題的 style.css 加入自訂規則：

.site-title { color: #f0871c; }

覆寫主題模板檔案

把父主題的模板檔案（如 header.php）複製到子主題資料夾，然後修改子主題裡的版本。WordPress 會優先使用子主題的模板。

新增自訂功能

在子主題的 functions.php 加入 WordPress Hooks：

function my_custom_function() {
    // 你的自訂功能
}
add_action('wp_footer', 'my_custom_function');

選完主題後建子主題，請先看 佈景主題選擇指南。

---

學完覺得太複雜？

GOT YOU DESIGN 幫你建好子主題和客製修改。👉 加 LINE 讓我們幫你搞定

---

根據統計，超過 43% 的 WordPress 安裝使用子主題（Marketing Scoop, 2025）。根據 Colorlib 的數據，WordPress.org 有近 14,000 個免費主題，總計超過 31,000 個主題（含子主題和付費選項）（Colorlib, 2026）。

子主題常見問題 FAQ

Q: 不用子主題直接改父主題會怎樣？

A: 根據 W3Techs 的數據，WordPress 驅動全球 43% 的網站，主題更新頻繁是常態（W3Techs, 2026）。父主題一更新，你所有的修改都會被覆蓋。包括 CSS 樣式、模板檔案修改、functions.php 的自訂功能。如果你忘了備份修改的內容，就要全部重做。所以再怎麼小的修改都建議用子主題。

Q: 子主題會影響網站速度嗎？

A: 根據統計，約 20% 的開發者基於熱門父主題建立並販售子主題（MageComp, 2026）。幾乎不影響。子主題只是多載入一個很小的 CSS 檔案和 functions.php。對速度的影響可以忽略不計。

Q: 換了父主題，子主題還能用嗎？

A: 根據統計，45% 的 WordPress 網站將在 2026 年使用 Gutenberg 區塊編輯器，區塊型主題的子主題機制也在演進中（WPBeginner, 2026）。根據 Patchstack 的報告，91% 的 WordPress 漏洞來自外掛和主題（Patchstack, 2026）。不行。子主題跟特定的父主題綁定（透過 Template 設定）。換父主題就需要建立新的子主題。

---

想讓我們幫你做網站？

👉 加 LINE 了解方案

延伸閱讀

• Elementor Tutorial

---

---

常見問題

不用子主題直接改父主題會怎樣？

根據 W3Techs 的數據，WordPress 驅動全球 43% 的網站，主題更新頻繁是常態（W3Techs, 2026）。父主題一更新，你所有的修改都會被覆蓋。包括 CSS 樣式、模板檔案修改、functions.php 的自訂功能。如果你忘了備份修改的內容，就要全部重做。所以再怎麼小的修改都建議用子主題。

子主題會影響網站速度嗎？

根據統計，約 20% 的開發者基於熱門父主題建立並販售子主題（MageComp, 2026）。幾乎不影響。子主題只是多載入一個很小的 CSS 檔案和 functions.php。對速度的影響可以忽略不計。

換了父主題，子主題還能用嗎？

根據統計，45% 的 WordPress 網站將在 2026 年使用 Gutenberg 區塊編輯器，區塊型主題的子主題機制也在演進中（WPBeginner, 2026）。根據 Patchstack 的報告，91% 的 WordPress 漏洞來自外掛和主題（Patchstack, 2026）。不行。子主題跟特定的父主題綁定（透過 Template 設定）。換父主題就需要建立新的子主題。