创建Divi子主题的7个步骤

如果你已经安装了Divi主题WordPress的网站，您可以使用Divi Builder和预先设计的布局包，快速轻松地创建和自定义您的网站。

但是如果你想添加大量的自定义CSS和PHP函数来为你的网站创建一个真正独特的外观，那么你就需要创建一个Divi子主题。子主题是继承父主题的外观、感觉和功能的子主题。当您对子主题进行修改时，它们与父主题的文件保持分离。

让我们来看看创建Divi儿童主题的好处，然后通过如何做到这一点。

为什么创造一个Divi儿童主题

创建一个儿童主题因此，在主题中保持您的修改 - 提供许多好处。

首先也是最重要的是，您将能够更新父主题而不丢失您的自定义。这在使用像迪瓦，经常更新。

其次，您也可以从一个站点轻松复制或移动此子主题文件夹，以加快多个站点的开发过程。因此，创建一个子主题是为许多客户创建WordPress网站的自由职业者或机构特别理想。

第三，创建子主题可以让与其他用户合作更容易。假设你正在与其他设计师或开发人员合作。使用子主题，您将在一个有组织的文件夹中拥有您的所有自定义 - 而不是在仪表板中的设置页面和WordPress自定义程序中传播。这可以显着加速开发时间。此外，在单独的文件夹中保留自定义可以防止某些用户样客户端 - 汇率搞乱主题设置页面和WordPress自定义程序中设置的代码和配置。

第四，创建一个孩子主题就像创建WordPress暂存网站这样您就可以在低风险环境中开始涉足主题开发。假设您开始自定义子主题，但出现了错误或您对更改不满意。在这种情况下，您可以禁用子主题。它将恢复父主题和您的网站，因为它是-没有必要担心破坏您的网站或必须回滚所有的更改。

既然你了解创建Divi儿童主题的好处，让我们走过怎么样。

步骤1:创建一个Divi子主题文件夹。

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

图像源码

• 打开文件管理器。
• 然后点击public_html.文件夹。
• 点击WP内容文件夹。

图像源码

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

图像源码

• 将此文件夹命名为“divi-child”。

此文件夹将是Divi子主题的目录。

第2步：为Divi子主题创建样式表。

接下来，您需要创建样式表来包含Divi子主题的所有CSS。为此，您需要使用文本编辑器。为了这个演示，我将使用sublime文本，因为它是其中之一最佳HTML和CSS编辑器。

接下来，添加标题评论。样式表实际工作需要此标题评论。它包含有关子主题的基本信息，包括它是Divi父主题的子主题。

您真的只需要在此标题中包含两件事：主题名称和模板（即父主题的名称）。您可以包括其他信息，包括描述，作者姓名和版本，如果您要发布或销售您的儿童主题。

这是Divi子主题的完整标题评论的示例：

/ *

主题名称：Divi Child

主题URI：https://example.com/divi-child/

描述:二十一儿童主题

作者：安娜菲茨杰拉德

作者的URI: https://example.com

模板：DIVI.

版本:1.0.0

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

许可证URI: http://www.gnu.org/licenses/gpl-2.0.html

* /

斜线和星号表示此代码将是在CSS中“评论”所以WordPress不会尝试在前端渲染它。

后来，我们会走路如何添加自定义CSS。现在，点击保存因此，这个样式表将保存在子主题的目录中。

步骤3:将父主题和子主题的样式表排队。

现在是时候浏览你的父母主题的样式表了。这将确保两件事。

首先，子主题继承了其父主题的造型。否则，当您激活您的孩子主题时，您只需看一束一个未售出的文本。

其次，在父主题之前加载子主题的样式表 - 但不会覆盖它。这样，一旦添加自定义CSS并以否则修改子主题，这些修改将添加到或替换父主题的某些样式和功能。

要浏览这些样式表，您需要在子主题目录中创建另一个文件。

你应该仍然打开cPanel，并在Divi-child文件夹中。

• 点击+文件从屏幕顶部的工具栏。

图像源码

• 命名文件“clusers.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步：安装并激活您的Divi子主题。

你以同样的方式安装一个孩子主题安装任何主题。您有两个选项：您可以使用FTP将文件夹复制到站点，或创建和上载子主题文件夹的zip文件。让我们概述后者的步骤。

• 登录您的WordPress仪表板。
• 点击外貌>主题。

• 点击添加新按钮。

• 点击上传主题。

• 然后，选择子主题的文件夹。

• 一旦上传，点击启用。

您的孩子主题现在实入 - 但它看起来与您的父主题相同。时间定制！

第5步：编辑您的子主题的style.css文件。

有三种主要方法可以自定义您的孩子主题。最简单的方法是编辑子主题目录中的样式.css文件

定制配色方案，填充，排版或父主题的其他基本设计元素，只需将CSS添加到您的孩子主题的样式表中。此CSS将覆盖父主题样式表中的代码。

首先，打开子主题目录中的style.css文件。这时,一个DD CSS下方注册评论。

/ *

主题名称：Divi Child

主题URI：https://example.com/divi-child/

描述:二十一儿童主题

作者：安娜菲茨杰拉德

作者的URI: https://example.com

模板：DIVI.

版本:1.0.0

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

许可证URI: http://www.gnu.org/licenses/gpl-2.0.html

* /

/ *在此添加自定义CSS * /

当您准备好时，保存更改。您应该在实时站点上立即看到这些更改。

步骤6：编辑您的子主题的函数.php文件。

要修改子主题而不是其外观的功能，您需要编辑子主题文件夹中的函数.php文件。重要的是要了解此文件不会完全覆盖父主题的函数 - 它将简单地添加或修改它。

要启动，请在子主题目录中打开函数.php文件。然后，在脚本下方添加您想要的任何功能，以延长父母和子主题的样式表。

<？PHP.
add_action（'wp_enqueue_scripts'，'enqueue_parent_styles'）;
函数enqueue_parent_styles（）{
wp_enqueue_style（'parent-style'，get_template_directory_uri（）。'/ style.css'）;
}
//在此添加函数

步骤7:向子主题目录添加模板。

如果您遵循上述步骤，则只会在子主题目录中看到一个style.css和function.php文件 - 但您不仅限于编辑这两个文件。如果您想编辑主题的其他部分，则可以将原始主题文件复制并粘贴到您的子主题文件夹中并编辑它。只需注意将文件名和位置保持在子主题的目录中完全相同。

例如，假设您要编辑子主题的导航。然后，您将在父主题的目录中找到Naviginal.php文件，并将其复制并粘贴到您的子主题的目录中。

完成复制，粘贴和对子主题文件中的主题文件进行更改后，请务必保存它们。您应该在实时站点上立即看到这些更改。

创造你的Divi儿童主题

安装Divi主题是创建WordPress网站的一个很好的第一步。由于Divi的布局包和强大的前端页面构建器，您将有充足的选项来自定义您的网站。但是为了更好地控制定制其设计和功能，您将想要创建Divi子主题。按照上面的步骤创建自己的。