什么是 WordPress 子主題？

WordPress 子主題是繼承另一個(gè)主題（稱為父主題）的功能和樣式的主題。子主題是一種無需直接編輯父主題文件即可修改 WordPress 主題的安全方法。

當(dāng)你創(chuàng)建子主題時(shí)，它會(huì)將主題文件存儲(chǔ)在 WordPress 根目錄中父主題文件夾之外的單獨(dú)文件夾中。這樣，編輯子主題時(shí)，只會(huì)更改這些文件，而不會(huì)更改父主題文件。這可確保自定義設(shè)置不會(huì)在更新父主題時(shí)丟失。

父主題和子主題的區(qū)別

差異點(diǎn)	父 WordPress 主題	子 WordPress 主題
依賴	獨(dú)立運(yùn)行，不依賴其他主題。包含所有獨(dú)立運(yùn)行所需的組件。	依賴于父主題運(yùn)行，需要安裝并激活父主題才能繼承其特性和功能。
功能	提供核心設(shè)計(jì)、布局和功能，包括創(chuàng)建完整網(wǎng)站所需的所有模板、CSS、JavaScript 和其他文件。	添加或覆蓋父主題中的特定功能或樣式，通常僅包含需要更改或添加的文件。
更新	由主題開發(fā)人員更新，可能包括新功能、安全補(bǔ)丁和錯(cuò)誤修復(fù)。	不受父主題更新的影響，自定義設(shè)置保持不變，可以安全地更新父主題而不會(huì)丟失更改。
定制	直接對(duì)父主題文件進(jìn)行的定制可能會(huì)在更新期間丟失。	自定義設(shè)置會(huì)在父主題更新時(shí)保留，更改在子主題的文件中發(fā)生，而父主題的文件保持不變。
用法	適合希望按原樣使用主題的用戶或希望從頭開始創(chuàng)建新主題的開發(fā)人員。	適合想要定制現(xiàn)有主題而不擔(dān)心更新時(shí)丟失更改的用戶，或希望擴(kuò)展或修改父主題的功能和設(shè)計(jì)的開發(fā)人員。

使用 WordPress 子主題的好處

1. 簡(jiǎn)化的開發(fā)流程

從頭開始創(chuàng)建自定義主題非常耗時(shí)，而使用子主題可以利用父主題作為基礎(chǔ)，根據(jù)需要修改各個(gè)元素。

2. 擴(kuò)展功能和定制

子主題允許修改包括 PHP、CSS 和 HTML 在內(nèi)的所有文件，創(chuàng)建自定義樣式并擴(kuò)展父主題功能，而無需更改原始文件。

3. 原始主題文件的安全性

子主題的文件保存在獨(dú)立文件夾中，確保父主題文件保持不變，即使更新父主題，子主題也會(huì)保留所有編輯和自定義。

4. 風(fēng)險(xiǎn)緩解

如果在設(shè)計(jì)子主題時(shí)犯了錯(cuò)誤，可以隨時(shí)恢復(fù)父主題或基于原始主題創(chuàng)建新的子主題。

5. 易于共享和重復(fù)使用

子主題的文件存儲(chǔ)在單獨(dú)的文件夾中，方便在多個(gè)網(wǎng)站上重復(fù)使用和共享。

如何創(chuàng)建 WordPress 子主題

方法一：手動(dòng)創(chuàng)建子主題

1. 創(chuàng)建子主題文件夾：
   • 使用 FTP 客戶端或托管服務(wù)提供商的控制面板訪問 WordPress 根目錄，在 /wp-content/themes 文件夾中創(chuàng)建一個(gè)新的子主題文件夾，例如命名為 nexter-child。

2. 創(chuàng)建 CSS 樣式表文件：

下一步是創(chuàng)建子主題的 CSS 樣式表文件。此文件將存儲(chǔ)子主題的所有 CSS 樣式。

創(chuàng)建文件：

• 在托管控制面板中，找到菜單中的“+ 文件”圖標(biāo)，單擊它以創(chuàng)建一個(gè)新文件。

文件位置：

• 確保在子主題文件夾中創(chuàng)建此文件。

命名文件：

• 將文件命名為 style.css。完成后，單擊“創(chuàng)建新文件”以完成過程。

文件內(nèi)容：

• 這個(gè)文件將包含所有子主題的必要信息，并充當(dāng)其主要樣式表。

如果你使用的是 FTP 客戶端，請(qǐng)使用計(jì)算機(jī)上的記事本應(yīng)用程序創(chuàng)建 CSS 文件。然后，可以將其上傳到 WordPress 安裝中的子主題文件夾中。

3. 編輯 CSS 樣式表文件

右鍵單擊新創(chuàng)建的 CSS 文件并從上下文菜單中選擇“編輯”選項(xiàng)。該文件將在新選項(xiàng)卡中作為空白文件打開。

復(fù)制下面的文本并將其粘貼到你的 CSS 文件中：

Theme Name: Nexter Child Theme

Theme URI: https://nexterwp.com

Description: This is a Child Theme for Nexter

Author: POSIMYTH

Author URI: https://posimyth.com

Template: nexter

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: responsive-layout, two-column, responsive-layout

Text Domain: nexter-child-theme

點(diǎn)擊右上角的“保存更改”按鈕保存文件。

4. 創(chuàng)建函數(shù)文件：
   • 在子主題文件夾中創(chuàng)建一個(gè)名為 functions.php 的文件，并添加以下代碼：

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

5. 激活子主題：
   • 登錄到 WordPress 管理面板，導(dǎo)航到外觀 > 主題，找到子主題并點(diǎn)擊“激活”按鈕。

方法二：使用插件創(chuàng)建子主題

1. 安裝子主題配置器插件：

登錄到 WordPress 管理面板，導(dǎo)航至插件 > 添加新插件，搜索并安裝 Child Theme Configurator 插件，然后點(diǎn)擊“激活”。

2. 創(chuàng)建子主題：

在 WordPress 儀表板中導(dǎo)航至工具 > 子主題

在“父/子”選項(xiàng)卡下選擇父主題，點(diǎn)擊“分析”按鈕，確保主題適合作為父主題。

在命名新主題目錄：字段中，添加子主題文件夾名稱。然后，在選擇保存新樣式的位置：字段中保留默認(rèn)選項(xiàng)，因?yàn)檫@是樣式的保存位置。

然后點(diǎn)擊“創(chuàng)建新子主題”按鈕。

3. 預(yù)覽并激活子主題：

導(dǎo)航至儀表板，“外貌”>“主題”，選擇預(yù)覽子主題

確認(rèn)一切正常后，點(diǎn)擊“激活并發(fā)布”按鈕。

如何自定義你的 WordPress 子主題？

可以使用 WordPress 經(jīng)典編輯器或 Elementor 頁(yè)面構(gòu)建器來編輯子主題。Elementor 頁(yè)面構(gòu)建器易于使用且對(duì)初學(xué)者友好。還可以安裝 Elementor 的 Plus Addons 插件，為網(wǎng)站添加更多功能和小部件。

總結(jié)：

本文詳細(xì)介紹了通過創(chuàng)建子主題，你可以安全地定制和擴(kuò)展現(xiàn)有主題，而不必?fù)?dān)心在父主題更新時(shí)丟失自定義設(shè)置。

文章提供了兩種創(chuàng)建子主題的方法：手動(dòng)創(chuàng)建和使用插件創(chuàng)建，步驟清晰易懂。還強(qiáng)調(diào)了子主題在開發(fā)過程中的實(shí)用性和安全性，使其成為定制 WordPress 站點(diǎn)的理想選擇。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息