WordPress怎么創(chuàng)建子主題，詳細步驟指南

來自：素雅營銷研究院

方知筆記

2025年07月05日 02:42

在WordPress開發(fā)中，創(chuàng)建子主題(Child Theme)是修改主題而又不影響父主題更新的最佳實踐。本文將詳細介紹如何正確創(chuàng)建WordPress子主題。

為什么要使用子主題

安全更新：當父主題更新時，您的自定義修改不會被覆蓋
便于維護：所有自定義內(nèi)容集中在子主題中，便于管理和備份
開發(fā)效率：可以繼承父主題所有功能，只需覆蓋需要修改的部分

創(chuàng)建子主題的基本步驟

第一步：創(chuàng)建子主題目錄

通過FTP或文件管理器進入WordPress的/wp-content/themes/目錄
新建一個文件夾，命名為父主題名稱-child（例如twentytwentyone-child）

第二步：創(chuàng)建style.css文件

在子主題目錄中創(chuàng)建style.css文件，內(nèi)容如下：

/*
Theme Name: 父主題名稱子主題
Template: 父主題文件夾名稱
Version: 1.0
*/

注意：Template的值必須與父主題文件夾名稱完全一致。

第三步：創(chuàng)建functions.php文件

在子主題目錄中創(chuàng)建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' );
}

高級子主題配置

覆蓋父主題文件

要修改父主題的某個模板文件，只需在子主題中創(chuàng)建同名文件即可。例如：

覆蓋header.php：在子主題中創(chuàng)建header.php
覆蓋single.php：在子主題中創(chuàng)建single.php

添加自定義功能

在子主題的functions.php中可以添加各種自定義功能：

// 添加自定義CSS
function my_custom_styles() {
wp_enqueue_style( 'custom-style', get_stylesheet_directory_uri() . '/css/custom.css' );
}
add_action( 'wp_enqueue_scripts', 'my_custom_styles' );

// 添加自定義JavaScript
function my_custom_scripts() {
wp_enqueue_script( 'custom-js', get_stylesheet_directory_uri() . '/js/custom.js', array('jquery'), '', true );
}
add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );