使用子主题配置器在 WordPress 中创建子主题

已发表: 2022-11-07

子主题是从父主题继承其功能的 WordPress 主题。 当您想要更改现有主题而不失去更新父主题的能力时,通常会使用子主题。 创建子主题最简单的方法是使用像 Child Theme Configurator 这样的插件。 该插件将允许您轻松创建子主题并对其进行更改,而无需编辑任何代码。 安装并激活插件后,您需要选择一个父主题作为子主题的起点。 然后您可以开始对子主题进行更改,例如添加您自己的 CSS 或修改模板文件。 完成更改后,您只需激活子主题,您的更改就会在您的网站上生效。

本文将介绍您必须使用 Child Theme Configurator 插件的步骤。 在这种情况下,插件将通过将其附加到父主题的名称来创建子主题的目录名称。 我们相信免费扩展对初学者来说已经足够了,但也有高级扩展可用。 使用 Child Theme Configurator 插件,您可以快速轻松地为您的网站创建新的子主题。 该插件允许您以两种方式保存子主题的样式表。 您的子主题的目录必须填充一个 style.css 文件,该文件可以使用主要样式表选项创建。 如果你有Genesis这样的主题框架,你可以选择忽略父主题样式表

您可以从您的父母更改您孩子的菜单、小部件和其他自定义设置。 当您选择所有必要的自定义时,您将能够创建一个新的子主题。 您可以通过单击“文件”选项卡查看所有可修改的模板。 您可以通过两个选项卡从父主题中识别样式:查询/选择器和属性/值。 在手动子主题中,主要问题是找到 CSS 属性和选择器。 使用 Child Theme Configurator 插件可以轻松解决此问题。 使用 @import 查询导入任何 Web 字体,例如 Google 字体,就像将它们拖放到 Web Fonts 选项卡中一样简单。

在父/子选项卡下,您可以删除、复制或分析子主题。 如果您使用此插件在您孩子的名字中有一个有效的子主题,您将只能看到这些选项。 在 WordPress 管理仪表板中,您可以在外观下找到新创建的子主题。

如何在 WordPress 中使用子主题?

图片来源:wp

如果要在 WordPress 中使用子主题,首先需要安装子主题。 然后,您可以通过转到 WordPress 管理面板中的外观 > 主题页面来激活它。

因为 WordPress 子主题可以使用父主题或框架中的强大功能进行自定义,所以它们非常适合创建可自定义性。 主题可以从另一个主题复制并修改,而无需修改其父主题的代码,因为所有功能和外观都是从其父主题复制的。 什么是 WordPress 子主题,为什么我应该将其视为我的默认主题? 如果您的子主题是 zip 文件,您必须首先单击“上传主题”按钮。 父主题的安装将取决于 WordPress.org 主题目录中可用的主题。 如果您不希望脚本自动安装,这将通知您必须手动安装父主题。 一旦您安装了父主题和子主题,您就可以激活子主题。 无需激活父主题即可使用子主题。 我们关于在 WordPress 主题中编辑哪些文件的指南也可以在这里找到。

当您使用子主题时,WordPress 会为您处理所有管理细节,包括创建永久链接结构、上传适当的版权声明以及创建必要的文件和文件夹。 对于任何想要在不重写任何代码的情况下更改其网站外观的网站所有者来说,这是一个绝佳的选择。 修改您网站的外观和感觉需要以下步骤:您必须下载并安装父主题并激活它,然后是子主题。 在 WordPress 主题存储库中,有大量免费和高级儿童主题可供选择。 如果您没有找到所需的内容,WordPress 主题创建工具可以帮助您创建自己的主题。 使用子主题允许您自定义您的 WordPress 网站,而无需重写任何代码。 WordPress 主题 GitHub 是各种免费和高级儿童主题的所在地。 如果找不到所需的内容,您可以随时使用 WordPress 主题创建工具创建自己的主题。

为什么使用儿童主题?

使用这两个文本,一个子主题可以让您加快 WordPress 网站的开发,同时还可以对其进行自定义。 如果您使用的是父主题,您可以随时删除对主题文件所做的任何更改。 如果您需要自定义功能或想要覆盖主题模板,您应该使用子主题。

我可以删除子主题配置器吗?

是的,创建子主题后,您可以删除主题编辑器插件。

你可以卸载主题吗?

为了开始,您必须首先导航到外观。 在主题页面上,您可以删除主题。 现在,当 WordPress 处于活动状态时,主题详细信息将在弹出窗口中可见。 要从计算机中删除项目,请按弹出窗口右下方的删除按钮。 然后将要求您确认是否要删除该主题。

什么是儿童主题插件?

简而言之,子主题配置器插件是一种快速简单的方法来分析任何主题的常见问题,创建子主题,并在定制器的能力之外对其进行自定义。 使用此工具,您可以组合现有父布局中的各种子主题。

如何将代码添加到子主题?

图片来源:droplr

您可以通过几种不同的方式将代码添加到子主题。 一种方法是在子主题的目录中创建一个新文件并在那里添加您的代码。 另一种方法是直接将代码添加到子主题中的现有文件中,例如functions.php 文件。

如果您想将自己的代码添加到主题中,您应该使用子主题。 WordPress 子主题是一种安全便捷的更改方式,无需更改父主题的文件。 Zakra 儿童主题有一个 zip 文件,您可以直接下载。 在 zakra-child 文件夹中创建一个名为 style.css 的文件,其中将包含如下所示的信息。 这是在添加文件后保存文件所必需的。 还需要确保父主题安装在子主题中。 将代码添加到模板文件就像调整模板文件一样简单。 如果要对 header.php 文件进行更改或添加代码,必须先复制父主题的父主题的 header.php 文件,然后将其粘贴到子主题中。

如何将代码片段添加到 WordPress 主题

WordPress 主题的代码片段可能很难添加,但如果您使用 WordPress.com 的 WPMU DEV 之类的代码编辑器,则不会。 下载并安装 WPMU DEV 后,您可以访问 FTP 客户端中的主题文件夹,从中可以找到主题。 通过右键单击主题文件并选择“在 DEV 中打开”,您可以进入 WPMU。
您现在可以在编辑后将代码片段添加到您的 WPMU DEV 主题文件中。 在添加代码片段之前,需要先打开 WPMU DEV 文件。 要添加代码片段,只需单击“添加代码片段”按钮。 添加代码片段窗口现已添加。 该片段可以添加到此窗口,您可以在添加代码后保存它们。

WordPress中的主题和子主题有什么区别?

图片来源:pinimg

从本质上讲,子主题是一种与父主题相同的主题,父主题是一种包括功能和样式的主题。 子主题是更新现有主题的好方法。

它是父主题的副本,但没有显示它所需的所有文件。 根据您的需要和兴趣,您可以更改子主题的 style.html、function.php 或 functions.html 文件。 它使开发人员和设计人员能够自定义主题并保留原始模板。 创建子主题是为了适应对父主题的微小更改,同时保留父主题的原始模板。 拥有一个子主题可以节省您的时间并让您快速学习新事物,因为它缺少很多文件但只包含两个。 此外,它使调试更容易,因为您不必搜索信息。 有两种类型的主题可以工作:父主题和由父主题确定的子主题。 子主题中有两个文件style.html和function.html,而不是整个文件列表。 尽管开发人员已经删除了您的父主题,但您仍然可以使用开源主题,只要您不使用其中任何一个即可。

子主题:如何包含父主题文件

父主题文件包含在与子主题相同的目录中至关重要,无论它是子主题还是父主题的子主题。 如果这没有发生,子主题将不会被激活。

子主题配置器插件

Child Theme Configurator 是一个 WordPress 插件,可让您轻松创建、编辑和管理 WordPress 站点的子主题。 使用此插件,您可以轻松自定义子主题的 CSS、HTML 和 PHP 代码,而无需编辑父主题的代码。 此插件还允许您在发布之前预览子主题的更改。

更改 WordPress 主题的最佳方式是通过子主题选项。 您可以更改子主题中的自定义 CSS 样式,以保留原始主题以及将来可以更新的主题。 我们将在本教程中向您展示如何使用 Child Theme Configurator 插件通过几个简单的步骤创建这些模板。

如何在多站点网络上安装 WordPress 子主题

如果您使用的是 WordPress 多站点网络,您应该为每个站点安装子主题。 将子主题文件夹复制到站点有两种选择:FTP 或构建一个 zip 文件,您可以通过单击外观上传该文件。

子主题配置器教程

子主题配置器教程是学习如何为您的 WordPress 网站设置子主题的好方法。 通过遵循教程,您可以确保正确配置和设置您的子主题以与您的特定 WordPress 网站一起使用。 此外,教程可以帮助您了解子主题配置器的各个方面以及如何充分利用它。

此子主题不加载配置器样式表

此子主题不加载配置器样式表。 这可能是因为配置器样式表未包含在子主题中,或者因为子主题未正确加载配置器样式表。 尝试检查子主题的文档或联系子主题作者寻求帮助。

一旦检测到呈现的主题,分析器就会配置您的子主题。 子主题配置器允许您从已安装的主题(甚至现有主题)中进行选择。 您的主题的结果现在应该保存在您的主题目录中。 当您激活子主题时,您的 WordPress 网站将自动采用自定义样式,因此请立即执行此操作。 在 IntelliWidget 中,可以组合一组不同的插件来创建一个既实用又灵活的小部件管理器。 使用子主题配置器,您可以根据 CSS 选择器和属性搜索样式。 您可以通过单击查询/选择器选项卡来编辑特定的 CSS 选择器。

Hook Highlighter 的内部程序流程为管理员提供了 WordPress 程序流程的清晰图片。 单击或按住鼠标从列表中进行选择。 Property/Value 让您可以找到某个属性的特定值,然后在 Property/Value 选项卡中为特定 CSS 选择器编辑该值。 通过在 Web Fonts 选项卡上的 textarea 中键入 @import 规则,您可以添加其他样式表和 Web 字体。 选择您要复制的模板,它将被添加到子主题的目录中。 主题编辑器可用于编辑主题。 通过选中这些框,您可以从子主题中删除图像。

媒体库中的图像是最佳选择。 此处无法复制functions.php 文件。 子主题负责自动选择对父主题的更改。 任何看似随意的评论都是不允许的。 子主题必须启用网络才能预览和激活网络站点。 有一些商业主题不能正确加载父模板或使用样式表或 PHP 文件自动加载子主题。 您的子主题通常位于您的主题文件夹中(请参阅 [wordpress]/wp-content/themes/child-theme)。

如果您想防止将来发生这种情况,请始终使用实时预览(主题定制器)功能测试子主题。 要将许多选项复制到子主题,请转到父/子选项卡并选择复制父主题菜单、小部件和其他选项。 要编辑样式,请开始在文本框中输入内容。 它包括不与任何 At-rule 绑定的样式,使其成为查询组。 文件选项卡允许您复制父主题模板文件。 如果要添加新模板或目录,则需要通过 FTP 或 SSH 上传它们。 您可以使用“属性/值”选项卡全局更改特定值。

通过从查询/选择器选项卡中拖动原始 CSS 文本区域,您可以添加查询和选择器。 如何构建跨浏览器渐变? 子主题配置器仅支持双色渐变过渡,没有中间停止。 如何使主题具有响应性? 在短期内,响应式父主题是最好的解决方案。 您可以通过单击此处了解有关创建响应式主题的更多信息:制作主题响应式。 安装说明可以在插件存储库中找到:。

从 WordPress 管理菜单中选择已安装的插件。 在列表中,查找 Child Theme Configurator 并单击它。 您可以通过单击工具链接访问这些工具。 多站点网站的用户可以使用网络管理主题作为子主题。

如何解决 WordPress 中的子主题错误

一个主题在没有子主题的情况下运行良好的情况并不少见,但有时您可能需要一个。 儿童主题对于想要在不影响父主题的情况下添加新功能的 WordPress 网站特别有用。 如果您在使用子主题时遇到困难,可能是因为您没有遵循本文中概述的步骤。 解决任何问题; 这里有几点建议: 为确保您使用的是子主题,请检查它是否已启用。 通过返回您的 WordPress 仪表板,您可以访问外观部分。 它应该是子主题,应该与主题的其余部分分开。 您可以通过单击主题名称旁边的激活按钮以通常的方式开始您的网站。 如果您的子主题的文件结构不正确,您应该仔细检查是否正确。 如果您的子主题与父主题不属于同一目录,您可能需要更改 my_theme_enqueue_styles 函数的优先级以在父主题之后运行。 您可以通过使用 add_action 的第三个参数来完成此操作。 将子主题样式排入队列后,您将能够按预期使用 CSS。 如果您孩子的主题使用了正确的关键字,您应该仔细检查它。 如果您遇到问题,该主题可能无法正常工作。 子主题的 index.html 文件包含 style> 标签,您可以使用它来确定这一点。 如果您在帐户中看不到它们,则需要手动添加。 检查您的子主题中的文件是否正确。 如果您的子主题无法正常工作,很可能是由于文件不匹配。 为此,打开子主题的 index.php 文件并查找 head> 和 body> 标记。 如果您仍然遇到问题,您可能需要重新安装您的子主题。 WordPress 主题目录可用于下载和安装您孩子的主题。

WordPress儿童主题插件

WordPress 子主题插件是创建自定义 WordPress 网站而无需编辑主主题代码的好方法。 通过创建子主题,您可以在不影响主主题的情况下对 CSS、模板和功能进行更改。 这使您可以在不丢失自定义设置的情况下更新主题。

WordPress 子主题包含另一个称为父主题的所有功能。 子主题在设计上更加灵活,可以让您做出更令人满意的决定。 此外,即使您更新了系统,他们仍将继续保留对您的设计和代码的任何和所有更改。 在本教程中,我将引导您完成使用插件创建子主题的步骤。 使用 Child Theme Configurator 插件,您可以为您的 WordPress 网站创建一个新的子主题。 WordPress修改后,您可以使用插件保存子主题。 您还可以选择该插件的 Pro 版本,让您对自己的网站可以做的事情有更多的权力。

如果该功能成功,您将在页面顶部看到您的新子主题。 因为您的新 WordPress 子主题已经存在,所以您无需担心。 您有权浏览某些文件并按照您认为合适的方式操作代码。 该插件的开发人员创建了大量教程来帮助您浏览插件。

为什么使用儿童主题?

儿童主题与 WordPress 主题的不同之处在于它们是为儿童设计的。 WordPress 主题是您网站的基础,允许访问者查看您创建的内容。 WordPress 主题是定义站点外观和感觉的文件集合。 将子主题添加到您的 WordPress 主题是向其添加内容的好方法。 建议在保留其设计和编码的同时修改子主题。 子主题和 WordPress 主题之间的区别在于 WordPress 主题是您网站的基础,而子主题是包含在您现有 WordPress 主题中的扩展。 儿童主题与 WordPress 主题不同,因为 WordPress 主题是您网站的基础。