如何创建和自定义 WordPress 子主题：完整教程与实用指南

什么是 WordPress 子主题？

WordPress 子主题是继承另一个主题（称为父主题）的功能和样式的主题。子主题是一种无需直接编辑父主题文件即可修改 WordPress 主题的安全方法。

当你创建子主题时，它会将主题文件存储在 WordPress 根目录中父主题文件夹之外的单独文件夹中。这样，编辑子主题时，只会更改这些文件，而不会更改父主题文件。这可确保自定义设置不会在更新父主题时丢失。

父主题和子主题的区别

使用 WordPress 子主题的好处

1. 简化的开发流程

从头开始创建自定义主题非常耗时，而使用子主题可以利用父主题作为基础，根据需要修改各个元素。

2. 扩展功能和定制

子主题允许修改包括 PHP、CSS 和 HTML 在内的所有文件，创建自定义样式并扩展父主题功能，而无需更改原始文件。

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

子主题的文件保存在独立文件夹中，确保父主题文件保持不变，即使更新父主题，子主题也会保留所有编辑和自定义。

4. 风险缓解

如果在设计子主题时犯了错误，可以随时恢复父主题或基于原始主题创建新的子主题。

5. 易于共享和重复使用

子主题的文件存储在单独的文件夹中，方便在多个网站上重复使用和共享。

如何创建 WordPress 子主题

方法一：手动创建子主题

1. 创建子主题文件夹：
   • 使用 FTP 客户端或托管服务提供商的控制面板访问 WordPress 根目录，在 /wp-content/themes 文件夹中创建一个新的子主题文件夹，例如命名为 nexter-child。

2. 创建 CSS 样式表文件：

下一步是创建子主题的 CSS 样式表文件。此文件将存储子主题的所有 CSS 样式。

创建文件：

• 在托管控制面板中，找到菜单中的“+ 文件”图标，单击它以创建一个新文件。

文件位置：

• 确保在子主题文件夹中创建此文件。

命名文件：

• 将文件命名为 style.css。完成后，单击“创建新文件”以完成过程。

文件内容：

• 这个文件将包含所有子主题的必要信息，并充当其主要样式表。

如果你使用的是 FTP 客户端，请使用计算机上的记事本应用程序创建 CSS 文件。然后，可以将其上传到 WordPress 安装中的子主题文件夹中。

3. 编辑 CSS 样式表文件

右键单击新创建的 CSS 文件并从上下文菜单中选择“编辑”选项。该文件将在新选项卡中作为空白文件打开。

复制下面的文本并将其粘贴到你的 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

点击右上角的“保存更改”按钮保存文件。

4. 创建函数文件：
   • 在子主题文件夹中创建一个名为 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 管理面板，导航到外观 > 主题，找到子主题并点击“激活”按钮。

方法二：使用插件创建子主题

1. 安装子主题配置器插件：

登录到 WordPress 管理面板，导航至插件 > 添加新插件，搜索并安装 Child Theme Configurator 插件，然后点击“激活”。

2. 创建子主题：

在 WordPress 仪表板中导航至工具 > 子主题

在“父/子”选项卡下选择父主题，点击“分析”按钮，确保主题适合作为父主题。

在命名新主题目录：字段中，添加子主题文件夹名称。然后，在选择保存新样式的位置：字段中保留默认选项，因为这是样式的保存位置。

然后点击“创建新子主题”按钮。

3. 预览并激活子主题：

导航至仪表板，“外貌”>“主题”，选择预览子主题

确认一切正常后，点击“激活并发布”按钮。

如何自定义你的 WordPress 子主题？

可以使用 WordPress 经典编辑器或 Elementor 页面构建器来编辑子主题。Elementor 页面构建器易于使用且对初学者友好。还可以安装 Elementor 的 Plus Addons 插件，为网站添加更多功能和小部件。

总结：

本文详细介绍了通过创建子主题，你可以安全地定制和扩展现有主题，而不必担心在父主题更新时丢失自定义设置。

文章提供了两种创建子主题的方法：手动创建和使用插件创建，步骤清晰易懂。还强调了子主题在开发过程中的实用性和安全性，使其成为定制 WordPress 站点的理想选择。