WordPress 儿童主题设计 – 提示和技巧

WordPress 主题是所有 WordPress 驱动的网站都需要的。 在某个时间点，我们需要改造网站以改善其外观和性能。 我们在博客中收集了各种 WP 主题。 每个网站所有者都应该查看这些主题，看看它们中的任何一个是否符合他们的网站及其要求。 但是，还有一个概念称为 WordPress 子主题。 子主题是一个 WordPress 主题，它从另一个主题中获取模板文件和功能。 这里，提取特征的主题称为父主题。 使用子主题有很多好处，但最重要的是，当父主题的核心功能更新时，您在子主题中的自定义设置保持不变。

让我们深入一点，了解儿童主题的含义和重要性。 此外，我们还将了解在 WordPress 中设计子主题时的提示和技巧。

1. 定义 WordPress 子主题：

别针

因此，您一定想知道 WordPress Child 主题的含义。 子主题是从另一个主题借用或提取模板和文件的主题。 因此，子主题继承了父主题的功能和特性。 因此，从另一个主题中提取特征的主题称为子主题。 为子主题提供文件和功能的称为父主题。

WordPress 子主题的文件夹可以包含一个 CSS 文件。 而且，父主题往往会在每隔一小段时间后得到更新。 但是，您可以自定义主题的代码，将其变成您网站所需的内容。 在这种情况下，如果您更新主题，您将丢失所有自定义项。 您可以选择忽略更新，但这意味着安全性会降低。

据说子主题以类似于父主题的方式工作。 发生这种情况是因为我们提到子主题占用了父主题的功能。 主题仍然像父主题一样运行，而无需将文件从父主题复制到子主题。 秘诀在于父主题的 style.css 文件。 要创建子主题，您必须在 WordPress 主题主目录中构建一个文件夹。 相应地命名文件夹。 并将以下代码行放入子主题文件夹中的 style.css 文件中：

/*

主题名称：子主题的名称（例如，WordPress 子主题）

主题 URI：http://www. 子主题示例 .com（您的子主题的 URL）

描述：儿童主题的简短概述

作者：这里是子主题开发者的名字

模板：父主题的目录名称（例如，Parent-Theme、Main-theme 等）

版本：1.0.0

*/

现在，编辑上面给出的代码中的第六行并放置以下代码：

模板：父主题目录的名称

这让 WordPress 子主题知道哪个是它的父主题。 这就是子主题可以从中获取功能和特性的主题。 完成此操作后，子主题会从指定的父主题中获取功能和文件。 并且子主题已成功安装在您的平台上。 简而言之，模板行决定了子主题被触发时对父主题的继承。

2. 在您的网站上激活儿童主题的好处：

别针

正如我们已经确定的那样，父主题在子主题中提供了一些或更多的特性和功能。 这使您可以在升级可用时更新父主题。 在这种情况下，您可以在子主题中使用父主题的功能。 因此，随着父主题升级，您可以安全地更新父主题。 并且在这个过程中完全不会干扰儿童主题。

儿童主题带来的灵活性是数不胜数的。 它允许您构建不来自父主题的新模板。 此外，还可以添加新特性和扩展功能。 为此，您可以访问商业和免费提供的工具。

在使用子主题时，最好的一点是，很容易处理错过代码行时出现的问题。 WordPress 使用父主题快速为此类问题提供解决方案。 但如果父主题中也存在代码行，则这是可能的。

3. 创建 WordPress 子主题：

尽管看起来令人生畏，但构建儿童主题的过程却毫不费力且简单明了。 您可以访问空子主题的子主题构建器、使用插件或创建您的子主题。 让我们详细了解一下。

1. 使用子主题生成器：

别针

Divi Space 提供了一个很棒的工具，您可以使用它来使用子主题构建器来构建一个。 您可以免费使用该工具。 在此工具中，您必须在提供的文本框中输入所有详细信息，然后下载所有内容。 完成后，您所要做的就是将 zip 文件夹上传到 WordPress 控制台。 这应该在主题的安装和激活完成后完成。

2. 使用插件创建子主题：

别针

为了使该过程更加简单，您可以使用一个插件来支持构建子主题的过程。 下载并安装相关插件后，子主题构建器会显示在菜单项中。 这一切都发生在 WordPress 控制台的设置菜单中。 当您到达这一点时，为生成的子主题和描述一起指定一个新标题。 现在点击“创建孩子”。 执行此操作时，会生成一个空主题。

3.建立你的孩子主题：

别针

如果您有兴趣了解从头开始构建子主题的内容，那么您应该采取这一步。 如果您想获得一些关于如何从头开始构建儿童主题的智慧，那么采取这一步是一个好主意。

此过程需要在您的系统上运行的集成开发环境 (IDE)。 然后您必须创建并保存一些相关文件。 但是 Brackets 和 Sublime 是您可以免费使用的编辑器。 它们还带有颜色代码，使一切变得更容易。 此外，您还可以在 MAC 系统上使用 TextEdit 或在 PC 上使用 TextEditor。 在任何一种工具中，在编写和编辑代码行时都必须小心。 一个错误，整个代码都可能付诸东流。 所以你必须遵循以下两个步骤：

• 在网站的目录中建立一个主题目录。
• 生成一个 style.css，其中包含子主题的详细信息和信息。
• 截图。

如果您一直在使用本地主机服务器，则必须转到网站目录中的正确文件夹。 在这里，您可以找到一个包含所有文件的文件夹。 但是，如果您正在处理实时服务器，请配置所有文件夹和文件，并在一切完成后使用 FTP 客户端。 在主题文件夹下，构建一个新文件夹并为其指定与客户端相关的标题。 例如，您可以在文件夹标题的末尾将其命名为“child-theme”。

1.创建主题目录：

别针

在主题目录中为您要构建的子主题创建一个文件夹。 为其添加名称。 例如，让我们将其命名为 DiviChild。

2.样式.css：

别针

现在，为名为“style.css”的主题创建一个样式表文件。 将以下代码放入 IDE。 根据您的要求重命名文件。

/*

主题名称：Divi 儿童主题

主题 URI：https://MyWebsite.com

描述：儿童主题，根据 Divi

作者：主题作者姓名

作者 URI: https://iamauthor.com // 你的网址

模板：Divi

*/

确保更改必须提供信息的详细信息。 但代码中的基本内容是“主题名称”和“模板”部分。 “主题名称”中指定的文本显示在 WordPress 主题列表的外观>主题中。 “模板”定义了应该从中获取功能集的父主题的名称。

3.函数.php：

别针

从 functions.php 文件开始并打开 IDE。 占用第一块 PHP 代码或使用下面给出的代码：

<?php

Add_action('wp_enqueue_scripts', 'enqueue_parent_styles');

函数 enqueue_parent_styles()

{

wp_enqueue_styles('parent_style', get_template_directory_uri().'/style.css');

}

?>

将此代码放在一个新文件中，并确保正确提及所有文件路径和目录。 应正确给出父文件夹和子文件夹的这些目录路径。 将文件另存为 functions.php 在子主题的目录中。

4. 安装 WordPress 子主题的方法：

别针

由于 WordPress 子主题已经成功构建，现在是时候安装它并在您的网站上使用它了。 无论您是在本地服务器还是实时服务器上工作，该过程都保持不变。

要安装它，请将所有文件放入一个文件夹并压缩该文件夹以创建一个 zip 文件。 确保 WordPress 实例已安装并在您的系统上运行。 使用 WordPress 仪表板的主题>添加新部分安装 Divi.zip 文件。 完成安装后，单击激活。 现在，Divi 在这里作为父主题运行。

现在，返回 WordPress 仪表板的主题>添加新部分。 选择您构建的子主题的 zip 文件。 安装完成后，可以激活它以使其运行。

5.自定义子主题：

构建子主题的目的是定制一个已经存在的主题。 因此，让我们看看如何自定义 WordPress 子主题。

一个。 在子主题中应用自定义：

别针

当我们创建第一个文件 style.css 时，我们应该开始更改该文件中的代码。 在此文件中添加自定义代码，您可以覆盖父主题的行为和功能集。 使用 CSS 文件，可以对子主题进行各种修改。 使用此文件，您可以更改生成的子主题中的所有样式。

为此，您必须在 WordPress 子主题的 CSS 文件底部添加自定义代码。

结论：

使用现成的 WordPress 主题是一回事，从现有主题中创建自定义主题是另一回事。 此外，所有在线可用的主题都可以安装。 但是如果你想要一个定制的主题，你没有很多选择可以让它们现成。 为此，您必须写下代码行以确保您想要的主题是定制的。 因此，在 WordPress 行话中，自定义主题称为子主题。 这背后的原因是子主题来自现成的主题。 而子主题则选取父主题或现成主题的特征集。 因此，在推出父主题时，子主题不会获得升级。 这可以确保自定义不会丢失。 此博客可帮助您了解使用子主题的用法、创建和好处。