如何创建WordPress子主题？

哈喽，各位想折腾WordPress的小伙伴们！今天咱来聊聊「子主题」这玩意儿——听着好像挺专业，其实就是个给WordPress主题"打补丁"的神器！你是不是遇到过这种情况：好不容易把主题改得漂漂亮亮，结果主题一更新，之前改的代码全没了？血的教训啊朋友们！这时候子主题就派上用场了——它能让你随便改，随便折腾，父主题更新了也不怕，你的修改稳稳当当保存在子主题里！香不香？废话不多说，开整！

为啥非得搞子主题？听我一句劝！

你要是直接在父主题（就是你下载的那个主题，比如Twenty Twenty-Three）里改代码，下次主题作者一更新，你改的那些自定义样式、功能全得归零！就像你刚装修好的房子，房东突然给你换了个毛坯，崩溃不？子主题呢，就相当于在父主题的基础上搭个"小房间"，你在自己的"小房间"里随便折腾，父主题怎么更新，你的"小房间"都没事！对吧？所以啊，改主题前，先整个子主题，准没错！

开干！搞子主题就这几步，贼简单！

第一步：准备工具——别慌，不用啥高科技！

你只需要：

1. 一个能连服务器的工具（FTP软件，比如FileZilla；或者你主机后台的"文件管理器"，cPanel、宝塔面板里都有）；
2. 一个写代码的记事本（别用Windows自带的记事本！会乱码！推荐VS Code、Sublime Text，免费又好用，你懂我意思吧？）；
3. 已经安装好的父主题（比如默认的Twenty Twenty-Three，先在后台激活它）。

第二步：建个"子主题文件夹"——就像给文件建个新家！

打开你的服务器文件，找到wp-content/themes/文件夹（这是所有主题待的地方），在里面新建一个文件夹，名字随便起，但最好带上"child"，比如父主题叫twentytwentythree，子主题就叫twentytwentythree-child（英文小写，别用中文，服务器不认！）。

第三步：写个"身份证"——style.css文件必须有！

进入刚建的子主题文件夹，新建一个文件，命名为style.css（文件名别错，错了WordPress不认！）。用编辑器打开它，复制下面这段"身份证信息"，改改括号里的内容：

/*
 Theme Name:   Twenty Twenty-Three Child  // 子主题名字，随便起，比如"我的专属主题"
 Theme URI:    https://你的网站.com/  // 子主题的链接，没有就写父主题的链接
 Description:  这是Twenty Twenty-Three的子主题，我用来改样式的！  // 描述一下，随便写
 Author:       你的名字  // 作者名，写你自己的
 Author URI:   https://你的网站.com/  // 你的个人网站，没有就空着
 Template:     twentytwentythree  // 重点！父主题的文件夹名，必须和父主题文件夹一模一样！
 Version:      1.0.0  // 版本号，随便写
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentytwentythree-child  // 文本域，和子主题文件夹名保持一致
*/

这里划重点：Template: twentytwentythree这行绝对不能错！twentytwentythree是父主题的文件夹名，你用的父主题叫啥，这里就填啥（比如父主题文件夹是astra，就填astra）。写错了？那子主题在后台根本显示不出来！信我！

第四步：加载父主题样式——没这步，样式会乱！

光有style.css还不行，子主题得告诉WordPress："我要继承父主题的样式！" 所以还得建个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' );
}

啥意思？简单说就是"调用父主题的style.css文件"。为啥不用@import在style.css里加载？听我的，@import加载慢，影响网站速度，用wp_enqueue_style才是专业操作！

第五步：激活子主题——看看成果！

现在回到WordPress后台，点"外观"→"主题"，你就能看到刚创建的子主题了！点"激活"，刷新网站——如果样式和父主题一模一样，恭喜！子主题搞成了！要是样式乱了，回去检查style.css里的Template字段是不是填错了，或者functions.php代码有没有抄漏。

进阶操作：子主题里怎么改东西？

激活后，子主题就是你的"试验田"了！想改啥直接在子主题里操作：

• 改样式：直接在子主题的style.css里写CSS，比如改字体颜色：

  body { color: #333; } /* 覆盖父主题的字体颜色 */

• 改模板文件：比如想改网站头部，就去父主题文件夹复制header.php，粘贴到子主题文件夹，然后用编辑器改里面的代码——记住！只改子主题里的文件，别动父主题的！
• 加功能：想加个自定义函数？直接在子主题的functions.php里写，比如加个版权信息：

  add_action( 'wp_footer', 'my_footer_copyright' );
  function my_footer_copyright() {
    echo '<p>© 2024 我的网站 版权所有</p>';
  }

总结一下：子主题就这么简单！

核心步骤：建文件夹→写style.css（填对Template）→写functions.php（加载父样式）→激活。记住"复制粘贴再修改，别碰父主题文件"，随便折腾都不怕！新手刚开始可能会踩坑，比如样式加载不出来，多检查文件名、代码拼写，实在不行删掉重来——实践出真知嘛！

行了，教程到这儿，赶紧动手试试！搞出自己的子主题，成就感爆棚！有问题评论区问我，我看到就回！😎

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。