如何创建WordPress子主题：逐步指南

一个WordPress主题更改您网站的设计。

在构建或选择主题时，有许多选项可供选择。例如，您的主题可以有一列或两列布局。它可以指定哪些设备或用户操作使内容可见。它可以自定义排版和设计元素。它可以在任何你想要的地方显示内容，包括图像和视频。

但WordPress主题不仅仅是布局和排版。最好的主题看起来很漂亮，让您的内容更多吸引访客。

确保你为用户体验而设计，您可能需要创建一个子主题。子主题允许您修改WordPress网站不直接编辑主题文件。

要理解为什么这是有价值的，首先理解父母和孩子主题之间的关系是很重要的。

WordPress中的父主题是什么？

父主题是一个完整的主题。意思，它包括主题工作所需的WordPress模板文件和资产。

index.php和style.css文件（分别是主要模板和样式文件）是唯一必需的模板文件。但是，大多数主题还将包括PHP文件，本地化文件，图形，JavaScript和/或文本文件。

所有的主题都被认为是父主题——除了子主题。下面让我们来仔细看看什么是儿童主题，以及它为WordPress网站所有者提供的好处。

WordPress中的儿童主题是什么？

子主题是一种继承父主题的外观，感觉和功能的子主题。当您对子主题进行修改时，它们与父主题的文件分开。

创建子主题的好处

首先，最重要的是，创建子主题允许您更新父主题而不会丢失自定义。如果没有儿童主题，您必须直接编辑主题文件，随时更新主题，您的自定义会丢失。因此，您面临不可能的选择：不要将您的主题保持最新，这是一个巨大的安全风险，或丢失自定义以及您投入创建的时间。

其他两个与创建和定制子主题的好处与第一个有关。将这些修改从主题中保留在单独的文件夹中使它们易于复制或从一个站点复制或移动到下一个站点。

它还使您能够在低风险环境中开始学习和涉及主题开发。如果您开始自定义您的孩子主题和出现问题，或者不满意，您只能禁用子主题。这将根据它恢复父主题和您的网站。

然而，创建子主题并不总是最好的选择。如果您主要添加自定义CSS，则创建子主题是理想的。但是，如果您对主题功能进行了广泛的自定义，那么您将更好地创建父主题，或者选择具有现有子主题的选项，然后可以立即编辑。

既然我们了解创建和定制儿童主题的好处和理想用例，让我们走过以下过程。

如何在WordPress中创建一个子主题，一步一步

在WordPress中创建子主题只需要几个步骤。下面我们将深入介绍每一个，以便您可以继续学习。这个演示将使用默认的WordPress主题二千零二十一年举个例子。

步骤1：创建子主题文件夹。

首先，您需要创建一个文件夹，在其中可以放置子主题的所有模板文件和资产。要创建此文件夹，您将使用文件管理器在您的控制面板中WordPress托管提供商．

图片来源

打开文件管理器后，单击public_html文件夹。然后单击wp-content文件夹。

图片来源

找到标记为“主题”的文件夹。然后点击+文件夹从屏幕顶部的工具栏。

图片来源

使用父主题的名称命名此文件夹并将“-Child”添加到末尾。因此，如果您正在创建一个二十二十一岁的儿童主题，您将命名文件夹“TwentyTwentyone-Child”。

此文件夹将是您儿童主题的目录。

第2步：为您的孩子主题创建样式表。

接下来，您需要创建一个样式表文件来包含子主题的所有CSS规则和声明。为此，创建一个新的文本文件，命名为“style.css”。

您必须在文件的顶部添加所需的标题评论，以使样式表实际工作。此注释包含有关子主题的基本信息，包括它是具有特定父主题的子主题。

您真的只需要包含两件事：主题名称和模板（即父主题的名称）。您可以包含其他信息，包括描述，作者姓名，版本和标记。如果您要发布或销售您的孩子主题，这些额外的细节很重要。

这是二十二十一位儿童主题的完整标题评论的示例：

/ *
主题名称:Twenty- 21
主题URI: https://example.com/twenty-twenty-one-child/
描述：二十二十一位儿童主题
作者：安娜菲茨杰拉德
作者URI：https://example.com
模板：Twentytswentyone.
版本：1.0.0.
许可证：GNU通用公共许可证v2或更高版本
许可证URI：http：//www.gnu.org/licenses/gpl-2.0.html
标签:两列,responsive-layout
文本域：TwentytWentyOchild
* /

注意斜线和星号。这些表示此代码将是在CSS中“注释掉”所以WordPress不会尝试执行它。

您可以在准备好开始自定义子主题时添加自定义CSS。目前，单击“保存”，此样式表将保存在您的子主题的目录中。

第3步：浏览父母主题的样式表。

现在是时候浏览你的父母主题的样式表了。这将确保两件事：首先，孩子主题继承了其父主题的样式，因此当您激活您的孩子主题时，您不只是看一堆未售出的文本。

第二，子主题的样式表是在父主题之前加载的——而不是覆盖它。这样，一旦您添加了自定义CSS并修改了子主题，这些修改将增加或替换父主题的某些样式和功能。

为此，请在您的子主题目录中创建另一个文件。将其命名为“函数.php”并添加以下代码：

< ?php

add_action（'wp_enqueue_scripts'，'enqueue_parent_styles'）;

函数enqueue_parent_styles（）{

Wp_enqueue_style ('parent-style'， get_template_directory_uri().'/style.css');

｝

？>

第4步：安装并激活您的子主题。

您可以在安装任何主题的情况下安装子主题。您有两个选项：您可以使用FTP将文件夹复制到站点，或创建和上载子主题文件夹的zip文件。

要上传文件，请到你的WordPress仪表盘并点击外貌>主题>上传．然后，选择您的孩子主题的目录

上传完成后，点击激活．

好消息：你raybetapp的孩子主题现在住！唯一的问题是它看起来就像你的父主题一样。是时候定制了。

步骤5:定制您的儿童主题。

要自定义子主题，您可能需要先将CSS添加到子主题目录中的style.css文件中。这是改变主题最简单的方法之一。是否要自定义配色方案，填充，排版或其他基本设计元素的父主题，只需将代码添加到您的子主题的样式表下方的标题评论。此代码将覆盖父主题样式表中的代码。

另一方面，要修改父主题的功能，需要将函数添加到子主题目录中的functions.php文件中。

例如，如果要允许作家和其他用户以不同的方式格式化其帖子，则可以使用add_theme_support（）函数。要允许它们将帖子格式化为Notes，Links，Images，引号，单个映像或视频图库，然后将以下内容添加到您的子主题目录中的Clusers.php文件中：

add_theme_support（'后格式'，array（'旁边'，'gallery'，'quote'，'图像'，'视频'））;

您可以在文件的开始和结束PHP标记之间放置任意多或任意少的函数。

完成的！你的孩子主题是好的。测试您的网站WordPress分期环境，然后推动您的更改。

Wordpress儿童主题不工作

你的孩子主题不工作吗？以下是一些要检查的东西。

1.仔细检查functions.php文件。

确保已经将子主题的样式表列在了functions.php文件中。如果你没有将它放入队列，你的子主题将不会加载。你的网站将保持父主题，所以它会看起来很好;问题是您对子主题所做的更改不会显示在前端。参考上面的第3步，将排队代码添加到PHP文件中。

2.确保您命名为“style.css”。

检查并确保您的CSS表命名为“style.css”，而不是“stylesheet.css”。因为“style.css”是WordPress的标准命名约定，使用这个文件名可以让你的functions.php文件自动知道这就是你的样式表。如果您将样式表命名为其他名称，那么functions.php文件将无法检索它并将其呈现给最终用户。

3.明确你的缓存。

尝试清除WordPress缓存- 您的浏览器可能会向您显示您的网站的旧版本。或者，在隐姓埋名窗口中打开您的网站，以查看发布的更改。如果你安装了一个缓存插件为了提高您的网站的速度，在您在您的孩子主题时停用它。

4.将!添加到您的CSS代码中。

如果父主题仍在覆盖子主题的CSS代码，则添加！对您更改的元素很重要。这将强制覆盖写在父主题的CSS表上写入的内容。您可以添加！在分号之前重要，如下所示：

P{背景颜色:灰色!重要;｝

重要的规则可以用于ids.，CSS类，以及标准的HTML元素，如段落，表格，标题等。

要了解有关此属性的更多信息，请退房如何在CSS中使用！重要的财产．

5.联系主题的支持或查看主题论坛。

如果您拍摄了所有这些步骤，并且CSS仍未加载，则是时候向您的主题支持团队联系或检查主题在WordPress.org论坛。虽然这应该是你的最后一个手段，但它有利于给您对您的主题特定的答案。您的WordPress主题的开发人员可能已经使用自定义代码或实现了主题文件的其他命名系统。

创建你的WordPress儿童主题

安装WordPress主题是创建WordPress网站的第一步。要定制它，可以使用内置的Gutenberg编辑器或主题构建器(如果附带的话)。但是为了进一步定制它的设计和功能，您需要创建一个子主题。

编者注：这篇文章最初于2020年10月发布，并已更新全面。