如何在您的子主题中创建小部件

如果您想在基本更改之外自定义您的 WordPress 网站，您需要学习如何在您的子主题中创建小部件。 WordPress 小部件是可以添加到网站侧边栏或其他小部件就绪区域的小块内容。 这些区域通常位于您网站的页脚或页眉中。 小部件可以包含从文本和图像到视频和音频播放器的任何内容。 您甚至可以找到将侧边栏变成社交媒体源的插件。 在本文中，我们将向您展示如何在您的子主题中创建一个小部件并解释使用它的好处。

我制作了一个儿童主题，我想在页脚上方添加一个赞助徽标区域。 我认为这样做的方法是使用小部件？ 如何创建新的小部件或利用现有的页脚小部件之一，以便它显示在我想要的位置？ 通过外观。 如果您想要完全控制侧边栏或想要更改其设置，则需要执行第 1 步。 在技​​术上可以完成您的要求，但需要定制开发。 您可以查看 https://theme.co/x/member/custom-development 了解更多信息。

如何在 WordPress 中创建自定义小部件？

您可以从外观菜单中找到并选择小部件。 您应该在小部件可用列表中看到 Hostinger 示例小部件。 通过拖动小部件，您可以将其上传到页面右侧的侧边栏。 进行更改后，您可以访问您的网站。

WordPress 小部件是添加到特定小部件区域的一小部分内容集合。 有多种类型的小部件可让您在任何页面上显示各种类型的信息，具体取决于您放置它们的位置。 一些小部件可作为标准功能使用，而其他小部件可作为插件或主题使用。 如果您要创建基本小部件，则必须将上面列出的所有四种方法都包含在您的类中。 要在仪表板中使用小部件，您还必须使用 register_widget() 函数注册它。 在研究我们为本文提供的示例之前，我们将回顾代码的每个部分的目的，并解释为什么每个部分都很重要。 Custom_Widget 的四个方法中的每一个都是唯一的。

小部件是使用 custom_widget 参数通过 __construct() 方法创建的。 通过最后使用 register_widget() ，可以注册相同的小部件。 因为每个部分都必须使用 if*...* 语句添加到小部件选项中，所以我们确保它仅在包含时才显示。 widget() 方法提供了一种显示多段文本的方法，我们使用了 nl2br() 函数来做到这一点。 sanitize_text_field() 函数删除任何不必要的空格、制表符或换行符。 最后一个在选择字段中也有一个默认值设置为默认值，这意味着链接目标默认设置为 -blank。 您可以选择标题、文本、链接以及链接是否应出现在新选项卡中。

填写完选项后，按保存按钮。 如果您为小部件选择不同的主题，它将以不同的方式输出。 在我们的例子中，Lekker WordPress 有一个与下图类似的小部件。

如何创建子主题

要创建子主题，您需要为子主题创建一个新文件夹并添加一个样式表。 子主题将继承父主题的样式和功能，但您可以在子主题的样式表中添加自定义 CSS 规则以覆盖父主题的样式。 您还可以将自定义函数添加到子主题的 functions.php 文件中以覆盖父主题的函数。

只要不继承父主题的功能，您就可以向子主题添加新功能。 子主题和父主题之间没有联系； 子主题与父主题分开。 使用子主题，您可以使您的网站保持最新并轻松维护它。 它还将帮助您减少覆盖和丢失网站外观的可能性。 重要的是要注意子主题包含与父主题相同的所有元素。 我们在此类别中包含所有模板文件、函数和资产，例如 JavaScript 和图像。 可以更改子主题的 style.css 文件以满足孩子的需要。

为您的孩子创建WordPress 主题的最简单方法之一是使用插件。 如果您的父主题显示错误消息，请从下拉菜单中选择它并双击分析。 接下来，系统会要求您输入子主题的目录。 文件夹名称将出现在构成您网站的文件中。 如果该术语对您的网站来说是唯一的，您可以随意命名。 如果您打算使用您的父主题作为新主题的基础，您可能需要包含简短描述和唯一名称。 如果您想对您的网站进行更改，请确保在此之前它已启动并运行。

您可以通过手动创建WordPress 子主题在特定时间点进行所有您想要的更改。 第 1 步是为您孩子的主题创建一个文件夹。 来自父主题和子主题的样式表。 是时候重命名 style.css 文件了。 第四步是将 style.css 文件包含在子主题的目录中。 如果您转到外观，您将能够手动配置您的子主题。 使用子主题可确保您不必直接编辑父主题。

您可以使用子主题轻松对您的网站进行重大更改，因为它易于调整。 您还必须找到可靠的托管服务提供商。 DreamHost 的共享主机包将使您以可承受的价格提高网站的性能。

创建儿童主题时要记住的 3 件事

创建子主题需要您创建一个文件夹来存储主题。 在该文件夹中设置样式表和函数。 然后，在子主题文件夹中，复制父主题的文件。 去睡觉吧。
应该从几个方面考虑儿童主题。 请记住在第一步中包含父主题的文件名。 例如，如果您的父主题是 WPBakery Page Builder，则您的子主题应命名为 WPBakery Page BuilderChild。 第二件事是保存父主题的文件，除了样式表和functions.php 文件。 确保主题的文件是最新的并且它们位于正确的位置。
如果您正在为插件创建子主题，您需要将插件的文件保存在子主题文件夹中。 WPBakery Page Builder 插件子主题应包括 WPBakery Page Builder 插件的文件夹以及 WPBakery Page Builder 插件的子主题文件夹。

WordPress儿童主题

WordPress 子主题是继承另一个主题（称为父主题）功能的主题。 子主题是修改现有主题的推荐方式。 当子主题被激活时，它将覆盖父主题的样式表、模板文件和函数。

使用 WordPress 平台，您可以完全自定义网站，而无需了解 HTML、CSS 或 PHP。 缺点是开发人员更新主题后对主题所做的任何更改都将被删除。 除了使用子主题，您可以使用一个允许您对网站进行更改而无需重新修改原始文件的主题。 现有主题的文件可以修改或添加为子主题。 此主题只会更改您要更改的部分，并将使用父主题中的相同部分。 子主题最重要的三个部分是文件夹、样式表和functions.html 文件。 子主题必须具有三个组件：它自己的文件夹、样式表和它的 functions.php 文件。

与所有主题一样，子主题位于 WordPress 安装的 WP-content/themes 中。 您需要做的就是输入主题的名称和模板。 重要的是要记住，只有您打算使用您的主题，而不是我。 functions.php 文件是使您能够更改和添加功能和特性到 WordPress 网站的代码库。 创建文件就像创建样式表一样简单。 如果您将来不打算使用 PHP 来修改您的主题，您可以不使用它。 如果您使用的是父主题，您可能已经知道您的网站应该是什么样子。

要获得此状态，您必须复制并粘贴父主题的样式表。 您可以使用 CSS 或 @import 规则来做到这一点。 如果其他一切都按计划进行，您孩子的主题应该与其父主题完全相同。 我们现在可以开始定制我们的主题并改变周围的事物以达到预期的结果。 自定义可以通过多种方式执行，我们将介绍其中的很多方式。 自定义样式可以添加到子主题，但不能添加到父主题。 按照以下步骤，您可以对您的网站进行任意数量的更改。

确保子主题遵循与父主题相同的文件夹结构。 如果您想修改父主题中名为 page templates 的文件夹中的文件，您将在子主题的目录中创建一个名为 page templates 的文件夹。 我们只需从父主题重命名 custom-full-width.php 即可创建我们的自定义页面模板。 例如，在 footer-custom.php 中，我们在 footer 元素中创建了一个全角类。 唯一剩下的就是在我们的样式表中输入一些代码。 结果，您可以看到我们的全角页面。 我们很好，直到我们需要打磨它。

主题挂钩允许您自定义子主题，而无需修改核心文件。 主题挂钩是出现在主题文件中的小图标，允许您添加内容、功能和其他项目。 钩子有两种：动作钩子和过滤器钩子。 过滤器钩子修改在钩子位置找到的函数，而动作钩子将自定义功能添加到现有函数。 在 WordPress 中构建子主题很简单：您只需要一行代码。 出于这个原因，我们打算针对处理二十五主题中的页脚信用的函数。 应删除子主题中 functions.html 文件中修改后的 footer.php 文件。

子主题中的钩子可以以多种方式使用。 如果我们使用子主题，我们可以完全自定义网站，而无需更改其底层文件。 如果您想添加主题或框架，您无需从头开始编写，您的更改不会被更新； 如果出现问题，主题将永远存在。

3 个儿童主题有利的场合

在某些情况下，儿童主题会是有益的。 父主题不包括所有必要的功能。 父主题发生了变化，但这些没有出现在子主题上。 它与最新的 WordPress 更新不兼容。

如何在 WordPress 中逐步创建子主题

子主题是从另一个 WordPress 主题（称为父主题）继承其功能的 WordPress 主题。 当您想要自定义或更改现有 WordPress 主题的样式而不失去更新该主题的能力时，通常会使用子主题。 为了创建子主题，您需要对如何使用 PHP 进行编码有一个基本的了解。 创建子主题后，您可以在子主题的目录中添加自己的自定义项。
1. 为您的子主题创建一个新目录。
2. 为您的子主题创建样式表。
3. 在您的子主题中包含样式表。
4.激活子主题。

如何在 WordPress 中创建子主题

您可以通过创建新文件夹将主题附加到名为 child 的文件夹中。 然后，您将在同一文件夹中拥有一个子样式表。 要完成任务，请创建一个函数。 您应该将 child.php 文件包含在与 parent.php 文件相同的文件夹中。 在开始使用新的子主题之前，您需要复制 WordPress 核心文件。 子主题继承其父母的文件和设置，因为这是他们的责任。 因此，如果您想使用任何父主题的功能或设置，您必须将它们复制到您的子主题中。

自定义 WordPress 小部件

自定义 WordPress 小部件是一种 WordPress 插件，可让您将自定义小部件添加到 WordPress 网站。 自定义 WordPress 小部件通常由第三方开发人员创建，可以在 WordPress.org 插件存储库中找到。

除了包含文本小部件之外，WordPress 还能做什么？ 本教程将引导您完成创建自定义 WordPress 小部件的步骤。 如果您是编程新手，本教程可能不适合您。 我们建议您查看我们的 WordPress 初学者开发系列以了解更多信息。 必须使用构造函数来指定小部件的 id、标题、类名和描述。 使用 widget() 方法，您可以生成小部件的实际内容。 对于我们的示例，我们将使用 get_bloginfo() 来显示小部件的标题。

否则，您只需使用WordPress 文本小部件来创建页面。 整个 widget() 方法必须嵌套在 jpen_Example_Widget 实例中。 form() 方法用于将设置字段添加到将显示在 WordPress 管理区域中的小部件。 这是许多具有很多选项的小部件的名称。 对于我们的示例小部件，我们只想让用户可以为其添加自定义标题。 我创建了一个教程来向您展示如何将任何 HTML5 模板转换为 WordPress 主题。 要列出所有类别，请按字母顺序对其进行排序，然后将它们排列在两个列表中。

来自博客文章 HTML5 模板的第二个小部件将是类别列表侧边栏小部件。 使用 WP_Widget 类来开发自定义侧边栏小部件至关重要。 您需要磨练自己的知识才能创建最强大的自定义小部件。 如果您将注意力集中在所有五个功能上，您将能够根据任何想法创建 WordPress 小部件。

如何向 WordPress 小部件添加自定义样式？

外观部分可以在这里找到。 通过在小部件页面上单击来选择要添加自定义样式的小部件。 之后，您必须向下滚动到“阻止面板”下的“高级”选项卡。 可以通过单击添加自定义 CSS 类。 通过单击更新按钮，您可以保存更改。

如何更改 WordPress 小部件的外观？

在 WordPress 管理屏幕中，转到外观 > 自定义。 您可以通过单击主题定制器中的小部件菜单访问小部件定制屏幕。 要查找已注册的小部件，请单击小部件区域中的向下箭头。