什么是 WordPress 中的小部件？

WordPress 小部件是向您的网站添加额外内容、片段和交互性的好方法。

它们使您的网站不仅仅是一个博客，而且它们使您可以灵活地确定要在网站的每个页面上显示的内容，并确保人们不会错过它。

在本文中，您将了解有关 WordPress 小部件的所有信息。您将了解如何将它们添加到您的站点、它们的去向以及如何充分利用它们。我还将研究小部件的一些更技术方面的内容，并帮助您创建自己的小部件区域以显示小部件。我甚至会让您开始创建自己的小部件插件。

什么是 WordPress 小部件？

让我们从准确识别小部件是什么开始。

在 WordPress 中，小部件是位于页面流或发布内容之外的内容片段。

WordPress 小部件包含独立于实际帖子或页面的导航、信息或媒体。在大多数情况下，每个小部件都会显示在站点的每个页面上，但您也可以为特定页面（例如主页）注册小部件区域。

要将小部件添加到您的站点，请将其添加到小部件区域。小部件区域由您的主题创建，因为它们是您网站设计和布局的一部分。

大多数主题在侧边栏和页脚中都有小部件区域，尽管有些主题会在很多地方有多个小部件区域，例如内容下方或上方或标题中。或者它们可能在侧边栏和/或页脚中有多个小部件区域，这为您提供了更大的灵活性。

下面的屏幕截图来自我自己的网站之一，在侧边栏和页脚中显示了小部件。

如何使用小工具

您可以使用小部件做很多事情；事实上，选项仅受您的想象力的限制。

但这里有一些小部件的常见用途，您可能希望为自己的网站考虑：

• 使用预装的导航菜单小部件添加额外的导航菜单 – 在页脚中很有用，因此人们在到达帖子末尾时可以去某个地方。
• 添加带有文本小部件或自定义 HTML 小部件的号召性用语按钮，非常适合鼓励人们做一些特定的事情。
• 通过安装链接到您的社交媒体帐户的插件来添加社交媒体提要。将这些放在页脚中是很常见的。
• 添加购物车——大多数电子商务插件都带有购物车小部件。
• 使用图像小部件添加您最喜欢的图像。
• 使用“最近的帖子”小部件添加您最近发布的帖子列表 – 带有博客的网站最受欢迎的小部件之一。

还有很多选择。如果您通过在您的站点中转至插件 > 添加新来访问 WordPress 插件目录，然后搜索widget，您将找到数百个插件，这些插件为您提供了额外的小部件，您可以将其添加到侧边栏、页脚或其他小部件区域。

如何向您的网站添加小部件

WordPress 预装了一组小部件，因此您无需安装任何插件或编写任何代码即可使用它们。但是您也可以通过安装插件或自己编写代码来添加更多小部件。这些可以涵盖广泛的内容类型，例如媒体、社交媒体提要、导航、搜索、地图等等。在您的网站上，您可能想要的很少是您找不到小部件的。事实上，最大的挑战往往是在所有选项之间做出选择而不是过火。

让我们首先看看如何将预安装的小部件添加到您的站点。

   将预加载的小部件添加到您的站点

WordPress 已经安装了一些很棒的小部件：

• 档案：按月链接到档案，专为博客而设计，但现在已经过时。
• 音频：嵌入播客、歌曲或其他音频。
• 日历：您帖子的日历，同样适用于博客，特别是如果您的博客对时间敏感（但现在不太常见）。
• 类别：您博客中的类别列表，带有指向存档页面的链接。
• 自定义 HTML：最大的灵活性——通过在 HTML 中键入（或粘贴）添加您想要的任何内容。如果您对编码不满意，请避免使用此方法！
• 图库：比图像小部件更先进，让您显示图像库。
• 图像：显示媒体库中的图像。
• Meta：元数据，例如登录链接和 RSS 提要。WordPress 早期的宿醉，现在不是很有用。
• 导航菜单：显示主导航菜单或您专门创建的单独菜单。
• 页面：显示带有链接的站点页面列表。
• 最近的评论：最近的评论列表以及指向它们的链接。
• 最近的帖子：显示您最近的帖子列表，以鼓励人们阅读它们。
• 搜索：一个简单的搜索框。
• 标签云：云格式的标签列表，带有指向相关档案的链接。
• 文本：您要添加的任何文本，例如有关站点的信息。
• 视频：嵌入来自 YouTube 或 Vimeo 等流媒体服务的视频。

您可以从以下两个位置之一向您的站点添加小部件：定制器和小部件屏幕。

• 定制器允许您在保存更改之前预览更改，这意味着您可以尝试一下并查看它们的外观。
• 小部件屏幕添加了额外的功能，例如能够保存您可能已配置并希望保存以备后用的未使用小部件。它还可以更轻松地在小部件区域之间移动小部件，并且具有无需鼠标即可使用的辅助功能模式。

要访问定制器中的小部件，请转到外观 > 自定义 > 小部件。选择要使用的小部件区域。

然后单击添加小部件按钮并选择要添加的小部件。它将在右侧显示为预览，您可以对设置进行调整或尝试不同的小部件，直到您对它感到满意为止。完成后，单击顶部的“发布”按钮以保存更改。

注意：如果您离开定制器而不点击发布，您的任何更改都不会被保存。不要忘记！

要访问小部件屏幕，请转到外观 > 小部件。在这里，您将看到左侧的可用小部件列表和右侧的小部件区域。请记住，小部件区域是由您的主题创建的，因此如果您需要更多，您可能需要切换主题。（或者您可以使用代码添加新的小部件区域，我将在下面解释。）

然后你需要做的就是将你想要的小部件拖到你想要的小部件区域。然后您可以在小部件区域调整设置（如果小部件有设置），并用鼠标移动小部件。

小部件屏幕还具有辅助功能模式。要访问它，请单击屏幕右上角的启用辅助功能模式链接。

要退出辅助功能模式，请再次单击该链接 – 它会让您退出辅助功能模式。

if ( is_active_sidebar( 'after-content-widget-area' ) ) { ?>
            <aside class="after-content widget-area full-width" role="complementary">
                        <?php dynamic_sidebar( 'after-content-widget-area' ); ?>
            </aside>
<?php }