如何在WordPress上创建和自定义子主题

儿童主题是什么，为什么如此重要？

在本文中，我们将为您提供这些问题的答案，并逐步向您展示如何使用插件或代码创建和自定义自己的子主题。

如果你想 更改WordPress网站的主题,您可能已经看到有人告诉您使用儿童主题。

但是什么是儿童主题，为什么儿童主题如此重要？

在这篇文章中，我们将为您提供这些问题的答案，以及对儿童主题的介绍，以及它们对您的理想情况。

然后，我们将逐步向您展示如何使用插件或代码创建和自定义自己的子主题。

但是，如果您从未安装过WordPress，请发现 如何安装WordPress博客7步骤 et 如何找到，安装和你的博客激活WordPress主题

然后让我们回到这里。

什么是儿童WordPress主题？

子主题不是独立主题。它是现有父主题的“子”，因此是名称。

您将在父主题旁边安装它，但是它使您有机会安全地对父主题进行更改，而无需编辑父主题本身。

子主题将从父主题获得大多数/所有设计设置。但是，在更改子主题的情况下，此更改将覆盖父主题的设置。

儿童主题的好处

在这一点上，您可能想知道： 您为什么不能直接对父主题进行更改？

这不是一个好主意的主要原因是 WordPress主题更新.

如果要保持WordPress网站的安全和正常运行，则需要在发布时快速应用更新，包括WordPress主题的更新。

如果您通过直接修改主题（非子主题）来自定义网站，则意味着每次更新WordPress主题时，都会覆盖所有更改。

这意味着您：

更新您的WordPress主题并失去工作。 不是很有趣的经历，对吗？
不要更新您的WordPress主题，以免丢失您的工作...这不利于 WordPress网站的安全性和运营.

使用子主题，您可以对子主题进行所有更改。然后，您将能够更新父主题，而不会丢失任何工作。

除了帮助您安全地进行更新之外，使用子主题通常还可以方便地进行自定义。因为它将所有更改都放在一个地方，所以很容易跟踪所有更改并根据需要进行更改。

倒过来也很容易。例如，如果您要停止使用更改并恢复为父主题，只需停用子主题即可。

某些码 WordPress主题甚至使用这种默认的父/子方法。例如，如果您想使用 Genesis 框架，您将需要父主题（基本框架）和子主题来控制设计。

何时使用儿童主题

除了我们将在下面列出的一些例外情况，您还必须 TOUJOURS 如果您打算对现有WordPress主题进行自己的修改，请使用子主题。

当您不需要使用子主题时

通常，每当您自定义WordPress主题时，使用子主题都是一个好习惯。

但是，该规则有一些例外，即可能有比使用子主题更好的选择。

首先，如果您只想进行一些小的CSS调整，那么只为进行一些调整而创建子主题可能就太过了。

相反，您可以使用功能添加自定义CSS 额外的CSS 集成到WordPress Customizer中。或者，您可以使用 一个免费的WordPress插件，例如Simple CSS.

其次，如果您要进行任何独立于主题的更改，则子主题可能不是最佳选择。

例如，如果您注册自定义分类法或 自定义帖子类型，您可能不想使用该文件 的functions.php 子主题的名称（因为即使更改主题也要保留它们）。相反，您应该只在主题之外添加带有插件的代码，例如 代码段 或您自己的自定义插件。

如何在上创建子主题 WordPress

既然您知道子主题为何如此重要，那么让我们开始了解如何为WordPress网站实际创建子主题。

首先，如果您正在使用 你好元素主题，我们已经为您创建了一个子主题-您不需要自己做。您可以 从WordPress.org获取Hello Elementor子主题。您可以像安装其他任何WordPress主题一样安装它（在本文后面的部分中，我们还将向您展示如何安装子主题）。

如果您使用的是不同的WordPress主题，那么快速浏览Google来查看WordPress主题开发人员是否正在提供子主题总是值得的。例如，Astra，GeneratePress和OceanWP都有工具/文件来帮助您下载子主题。

如果您的WordPress主题还没有子主题，则可以为任何WordPress主题创建子主题：

使用 WordPress插件免费的儿童主题生成器。
手动创建自己的子主题。

我们将向您展示如何执行这两种方法。

如何使用子主题WordPress插件

子主题生成器插件可让您创建子主题，而无需离开WordPress仪表板。

最受欢迎的选择是 免费的子主题配置器插件，该网站活跃在超过300.000万个网站上。

子主题配置器不仅可以帮助您创建子主题文件，还可以根据需要分析您正在使用的主题以及主题和字体样式表。

如果您试图在已经添加了内容的网站上创建子主题，它还包含其他有用的功能。例如，它可以将现有的小部件和定制程序选项复制到子主题。

但是，如果您打算使用 插入在网站上opérationnel，我们建议您先进行完整备份，然后再继续。或者，理想情况下，将其全部设置在演示网站上。

准备好备份后，请先从WordPress.org安装并激活免费的Child Theme Configurator插件。然后转到菜单 工具→ 儿童主题 创建您的孩子主题。

在清单中 选择一个下拉菜单 父主题 选择要为其创建子主题的主题。然后点击分析:

然后，插件将分析父主题是否存在任何依赖关系。

完成后，您将看到更多选项来配置如何创建子主题。如果不确定特定设置的含义，可以将其保留为默认设置：

完成选择之后，请点击底部的按钮 创建一个 新孩子主题.

就这样！然后，该插件将为您创建子主题。但是，它不会激活 PAS 这个孩子的主题。

要激活它：

去吧 外观→主题。
使用此子主题预览您网站的外观（以确保其正常工作-如果您的网站看起来很奇怪，可能是因为CSS问题）。
与其他任何WordPress主题一样，激活您的子主题。但是，请确保保留您的父主题。

激活子主题后，“子主题配置器”插件还将提供其他有用的工具来帮助您管理子主题。例如，如果您转到标签档通过插件设置，您可以查看父主题和子主题中的所有相关文件。

然后，您可以将文件从父主题复制到子主题。

例如，如果您要对 single.php文件，您可以将此文件复制到子主题，以便可以安全地对其进行编辑：

您还将找到许多其他工具来帮助您使用CSS。

稍后我们将解释为什么这些工具有用。

如何手动创建子主题

在本节中，我们假设您对PHP和CSS有所了解。如果您对此处的说明不满意，建议使用上一部分中的免费插件。

要手动创建子主题，必须创建两个文件（以下是子主题的严格最低要求）：

style.css文件 -首先，您需要添加的只是样板代码。

的functions.php -这使您可以加载父主题的样式表。没有它，您的子主题将无法应用父主题的CSS，从而使您的网站变得非常丑陋！

style.css文件

首先，创建一个名为 style.css文件 并添加以下代码：

/*

主题名称：Hello Elementor Child

主题URI：https：//github.com/elementor/hello-theme/

描述：Hello Elementor Child是Hello Elementor的子主题，由Elementor团队创建

作者：Elementor团队

作者URI：https：//elementor.com/

模板：hello-elementor

版本：1.0.1

文字网域：hello-elementor-child

许可证：GNU通用公共许可证v3或更高版本。

许可URI：https://www.gnu.org/licenses/gpl-3.0.html

*/

确保用您的实际信息替换冒号后面的所有内容：

主题名称 -您的孩子主题的名称。

URI主题 -您主题的网站及其文档。

产品描述 -主题的简短说明。

导演 -主题作者的名称。

作者URI： -主题作者的网站。

模板 -父主题文件夹的名称（如在wp-content / themes文件夹中命名）。这是最重要的路线；没有它，您的孩子主题将无法工作。

版本 -您的孩子主题的版本号。

文本域 -这用于国际化。您可以在模板名称的末尾添加“ child”。

执照 -将此保留为默认值。

URI许可证 -将此保留为默认值。

排除行 模板， 输入的内容并不重要，所以不要过分强调。只要确保您正确输入了父主题的文件夹名称即可模板.

如果将来要添加自己的自定义样式，可以将其添加到样板代码下的此样式表中。

的functions.php

然后您需要创建文件 的functions.php 为您的孩子主题。同样，这是让您加载父主题的完整CSS样式表的原因。

在文件中 functions.php， 添加以下代码：

<?php

/ *从父主题入列样式表的功能* /

函数child_enqueue__parent_scripts（）{
wp_enqueue_style（'parent'，get_template_directory_uri（）。'/ style.css'）;
}
add_action（'wp_enqueue_scripts'，'child_enqueue__parent_scripts'）;

将文件上传到WordPress网站

拥有档案后 style.css文件 et 的functions.php，您需要将它们作为新主题上传到WordPress网站。

为此，请使用FTP连接到您的WordPress网站。

然后转到您网站的主题目录 （wp内容/主题）并为您的子主题创建一个新文件夹。

例如，如果您的父主题的文件夹是 你好元素，您可以命名子主题文件夹 你好，孩子 帮助您记住它。

然后上传您的文件 style.css文件 et 的functions.php 在此文件夹中：

下载完两个文件后，您可以转到 外观→主题 并像其他任何WordPress主题一样激活您的子主题。

如何安装子WordPress主题

我们已经在“特定方法”中介绍了其中一些方面，但是我们将再次介绍如何安装WordPress子主题。

如果您是从主题开发者的网站上下载了子主题，而不是自己创建，则这也将派上用场。

您可以像安装其他任何WordPress主题一样安装WordPress子主题：

访问 外观→主题 在你的WordPress仪表板。
点击 添加新的.
上载子主题的ZIP文件。

在安装过程中，WordPress检测到您正在下载子主题并验证父主题是否存在：

下载文件后，请确保 激活它。

请记住，要使您的儿童主题正常工作，您需要在以下位置安装 拉福伊斯父主题和子主题。

您的子主题应该是您的活动主题，但是您仍然应该安装父主题。

它应该是这样的：

儿童主题是活动主题
父主题仍已安装，但未激活

如何自定义子主题

就像自定义常规WordPress主题一样，您有多个选项可以“自定义”子主题。

更准确地说，您是并非真正自定义子主题-您正在使用子主题自定义现有（父）主题。

首先，我们将向您展示几种使用代码自定义子主题的方法。接下来，我们将分享一种更轻松的方法来个性化 Elementor主题生成器.

使用代码自定义子主题

如果要使用代码自定义子主题，则需要具有CSS，HTML和PHP的丰富知识。

您可以执行以下操作：

添加自定义CSS

要使用CSS自定义子主题，您可以将其直接添加到文件中 style.css文件 您的孩子主题。

在文件顶部现有代码下方添加CSS。

只要您使用相同的选择器，添加到子主题的任何CSS都将替换父主题的CSS。

替换现有模板

如果要替换父主题的模板，则可以：

将模板文件从您的父主题复制到子主题。
在您的子主题中编辑模板文件。

例如，如果您想更改 single.php， 你先复制文件 single.php文件 从您的父主题到子主题（确保保持相同的结构）。

然后，您可以在子主题版本的 single.php文件.

注意： 只要名称相同，WordPress就会使用您的子主题模板。因此，您几乎将现有模板隐藏在父主题中。

如果您使用的是我们上面提到的Child Theme Configurator插件，它可以帮助您将文件复制到child主题，而无需离开WordPress仪表板。

添加新模板

除了从父主题复制和修改现有模板之外，还可以在子主题中创建新的自定义模板。

例如，如果要为添加的自定义帖子类型创建模板，则可以将该模板添加到子主题中。

使用Elementor主题生成器自定义子主题

如果您不熟悉， Elementor主题生成器允许您使用可视界面自定义部分或全部WordPress主题。

使用Elementor Pro和Theme Builder，您可以为网站模板创建自定义模板：

头
页脚
单个（例如单个博客文章或页面）
存档（例如，列出您所有博客文章的页面）

这些模板将与子主题和父主题一起使用。

使用Elementor Theme Builder，您无需直接使用代码。无需添加自定义CSS或复制您的PHP模板文件-您只需拖放即可完成所有工作。

例如，假设您要自定义子主题的标题。无需复制文件 header.php文件 在您的子主题上，然后更改PHP，您可以使用Elementor的可视化和拖放界面来设计新的标头。然后，您可以在网站的任何位置或网站的特定部分应用此标头。

如果您不熟悉CSS，HTML和PHP，则可以使用这种无代码方法自定义子主题。即使这样做，与在模板文件中使用PHP相比，这种可视化方法仍可以节省大量时间。

使用Elementor Theme Builder创建新模板时，将可以选择模板类型。例如，标题。

然后，您可以从空白开始，也可以选择Elementor Pro型号之一：

从那里，您可以使用侧边栏的拖放选项来控制标题的外观：

完成后，您可以精确选择要使用此标题模板的位置：

如何删除上的子主题 WordPress

如果您想停止使用子主题，则可以像使用常规WordPress主题一样将其关闭。

这是：

去吧 外观→主题.
激活另一个主题。父主题或全新的WordPress主题。

请记住，如果关闭子主题并切换回父主题，则通过子主题添加的任何更改将不再存在。

相反，您将回到设计父主题。

开始使用WordPress子主题

子主题可帮助您安全地更改WordPress主题。

您的子主题将从其父主题继承其所有样式，但是您对子主题所做的任何更改都将覆盖父主题。这意味着您可以安全地更新父主题，而不会丢失对子主题所做的任何更改。

要开始使用WordPress子主题，您可以：

检查您的主题开发人员是否已经提供了子主题。如果您正在使用Hello Elementor，则可以 从GitHub下载一个子主题.
使用免费的子主题配置程序插件。
手动创建您的子主题。

从那里，您可以使用CSS，HTML和PHP自定义子主题。您还可以跳过代码，并使用Elementor Theme Builder通过可视化的拖放界面自定义主题。

还发现一些主题和高级WordPress插件

您可以使用其他 WordPress插件赋予现代外观并优化您的博客或网站的处理。

我们在这里为您提供了一些高级WordPress插件，它们将帮助您实现这一目标。

1。 AP定价表

AP定价表是 WordPress插件高级版，可以轻松创建具有直观界面的功能丰富的价目表。它提供 35 个预定义模板和无限数量的选项。

与此 WordPress插件易于使用，只需单击几下即可设计出令人惊叹的定价表将非常容易。它允许您通过提供添加行和列、设置列边框、列间距、列宽等功能来创建无限的价格网格。

阅读 如何自定义WooCommerce的“添加到购物车”按钮

该插件还允许您 添加音频内容，视频和Google Map。

下载| 演示 | 虚拟主机

2.wp页面构建器

WordPress Page Builder是WordPress网站的终极构建器，它带有强大的工具来生成任何自定义帖子，自定义分类法或自定义metabox。

它具有以下功能： 自定义帖子类型CPT, 个性化分类法，高级自定义字段，拖放功能，受支持的Google Map位置，受支持的可重复字段等等。

下载 | 演示 | 虚拟主机

3。 Rankie

Rankie是一个非常方便的WordPress模块，旨在定期检查Google在WordPress上的排名，同时密切监视每个关键字的位置。

作为排名跟踪器插件，Rankey会每天更新关键字排名并生成准确的报告。

另请阅读我们的 6常见问题与SEO和重定向有关

它还集成了功能强大的研究工具，可生成有价值的关键字列表。 Google已经将其用于研究。