如何使用新的基于块的 WordPress 小部件编辑器

在 WordPress 5.8（2021 年 7 月发布）中，WordPress 对 WordPress 小部件编辑器进行了重大更改，将其从长期存在的系统切换到新的基于块的小部件方法。

在 WordPress 小部件编辑器中使用自定义编辑器之前，您现在将使用块来控制站点小部件区域中的内容 - 与您在创建帖子或页面时使用的块相同。

在本文中，我们将向您介绍新的基于块的 WordPress 小部件编辑器，并向您展示它的工作原理。 然后，我们将介绍七个最有用的小部件，并向您展示如何充分利用它们。 让我们潜入水中！

基于块的 WordPress 小部件编辑器的工作原理

首先，让我们回顾一下如何访问和使用小部件编辑器。

如何访问小部件编辑器

您有两个选项可以访问 WordPress 小部件编辑器。

首先，您可以进入外观→小部件打开完整的小部件编辑器界面：

其次，您还可以通过转到外观→自定义→小部件来从 WordPress 定制器访问小部件编辑器：

使用定制器很好，因为它可以让您实时预览小部件在网站前端的外观。 但是，缺点是实际编辑器的空间较小。

出于这个原因，您可能需要转到外观 → 小部件进行繁重的小部件编辑，然后切换到定制器进行最后的润色。

如何使用 WordPress 小部件编辑器

无论您是在专用的 WordPress 小部件区域还是 WordPress 定制器中工作，编辑小部件的基本过程都是相同的。

然而，对于我们的屏幕截图，我们将使用专用的 WordPress 小部件区域（外观 → 小部件）。

借助新的块小部件系统，WordPress 小部件现在使用与您创建帖子和页面相同的块编辑器。 如果您不熟悉它的工作原理，可以查看我们的 WordPress 块编辑器指南。

要添加新块/小部件，您可以单击左上角的加号图标或您正在编辑的小部件区域内的加号图标：

在下一节中，我们将介绍一些您可以添加的最有用的块小部件。

要添加文本，您可以添加段落或标题块，然后单击并键入。

要编辑块小部件的完整设置，您只需单击它。 然后，您可以在侧边栏中编辑其设置（就像常规块编辑器一样）：

要在不同的小部件区域之间移动小部件，您可以单击“曲线”图标并使用下拉菜单选择要将其移动到的小部件区域：

如果要编辑不同的小部件区域，只需单击箭头将其展开。 例如，在上面的屏幕截图中，您可以单击Shop Sidebar小部件区域来编辑该小部件区域内的块。

总体而言，新 WordPress 小部件编辑器中的所有功能与块编辑器几乎相同，这很好，因为它为编辑 WordPress 网站创造了一致的体验，并让您可以更好地控制小部件区域。

最有用的 WordPress 块小部件

现在您知道如何使用新的基于块的 WordPress 小部件编辑器，让我们看看七个最有用的 WordPress 块小部件。

但是，请记住，这些不是您唯一的选择，您可能还想熟悉其他功能。

1. 档案

档案小部件按月和年组织您过去的帖子：

此导航帮助可以帮助您的受众快速访问较旧的内容。 如果您正在寻找一种简单的方法来为未来的用户组织所有这些新的博客文章创意，那么这可能是这项工作的最佳小部件。

我们强烈建议您打开显示为下拉设置。 这有助于在不限制其实用性的情况下最大限度地减少存档小部件占用的空间。 如果您有一个包含大量帖子的旧网站，您应该特别考虑这样做。

最后，您可能需要考虑激活显示帖子计数设置。 如果您过去没有坚持一致的发布时间表，这可以帮助将用户引导到您更有效率的月份。

2. 最新评论

顾名思义，此小部件显示您网站上的最新评论。 它还会显示评论与哪个帖子相关，因此您不必担心丢失任何上下文：

我们认为“最新评论”小部件的最佳部分是它如何有效地展示活动网站。 通过激活显示日期选项，您可以进一步了解这一点。

如果用户看到其他人正在与您的帖子互动，他们可能会被鼓励这样做。 此外，那些被推荐的人可能会欣赏这种认可。 如果您的观众使用独特的个人资料图片，这种个性化的感觉会特别强烈。

尽管有所有这些潜在的积极因素，您还是应该注意此小部件的显示设置。 即使是最快的 WordPress 主题，太多的评论也会减慢速度。 因此，我们建议您限制一次显示的评论数量。

3. 最新帖子

最新帖子块可以帮助您的受众保持在循环中，无论他们在您网站的哪个位置。 这是因为添加此小部件将生成您最近的内容列表：

因此，这是一种快速访问您最近工作的简单方法。 因此，用户不必返回您的主页或主博客来获取新内容——他们可以直接访问引起他们注意的帖子。

最重要的是，这个小部件是高度可定制的。 例如，您可以选择包含详细信息，例如帖子摘录或作者姓名。 如果您的网站严重依赖视觉效果，您还可以选择显示特色图片。

如果您只想显示部分内容，您还可以过滤掉来自特定类别和/或作者的帖子。

4. 社会偶像

为您的用户提供在社交媒体上与您联系的机会有助于扩大您的影响力。 这就是社交图标小部件的用武之地：

此功能可帮助您提供指向 Facebook 等流行社交媒体网站的链接。 您还可以添加不太常见的，例如亚马逊。 如果您参与了他们的会员计划，这可以帮助您进行更多销售。

如果您对在风格上使用 WordPress 小部件编辑器感到满意，您可能还需要考虑调整图标调色板。 您可能不想偏离可识别的设计太远，但即使是细微的变化也可能有助于这些图标更好地适应您网站的主题。

5.标签云

您的 WordPress 网站可能有某种标记系统。 标签云通过在一个组中显示您的所有标签来将此功能放在首位和中心位置：

此外，每个标签的大小取决于使用它的帖子数量。 您可以通过打开显示帖子计数设置来更清楚地说明这一点。 通过直观地传达这些信息，您可以帮助您的用户直观地探索您博客上最受欢迎的主题。

然而，一些网站有一个明确的标签系统供搜索引擎使用。 这可能会导致一长串标签，即使是标签云也无法组织。 如果这听起来像您，请考虑使用此小部件来显示类别。 您将获得相同的导航优势，而无需创建大量文本。

6.导航菜单

导航菜单小部件是另一个简单但功能强大的块。 此功能会在您放置的任何位置显示您选择的导航菜单：

导航是您网站用户体验的关键部分。 您可能已经在标题中显示了主导航菜单，但导航菜单小部件为您提供了在任何小部件区域显示不同菜单的选项。

例如，您可以为页脚链接创建一个单独的菜单，并使用此小部件在页脚中自动显示这些链接。

7. 搜索

搜索小部件使用户能够搜索您的网站以查找内容。 这可能看起来很简单，但是知道如何编辑像这个一样简单的小部件很重要：

与导航菜单小部件类似，我们认为搜索小部件放置在显眼位置时效果最佳。 这样，用户可以轻松浏览您的网站并找到他们查询的答案。

然而，默认的 100% 宽度可能不适用于您网站的设计。 幸运的是，您不需要完全放弃此功能。 相反，您可以在“显示设置”选项菜单下自定义确切的百分比宽度。

设置此小部件后，您可能还需要考虑添加自动完成搜索功能。 这个小小的改变几乎可以为任何网站增添一丝专业性。

如何禁用块小部件并使用较旧的 WordPress 小部件

与旧的 WordPress 小部件系统相比，新的基于块的 WordPress 小部件编辑器为您提供了更多的灵活性。 但是，如果您希望继续使用旧的小部件系统，您可以选择。

就像经典编辑器插件允许您禁用块编辑器一样，官方经典小部件插件允许您禁用基于块的小部件并继续使用旧版 WordPress 小部件编辑器。

无需配置任何设置 - 一旦您激活插件，您的站点将恢复使用旧版小部件系统。

开始使用 WordPress 小部件编辑器

在本文中，我们向您展示了新的基于块的小部件编辑器的工作原理，然后我们带您了解了七个最实用的小部件。 我们解释了它们的基本用途，并介绍了一些优化它们对您网站的贡献的巧妙方法。

如果您希望能够在网站的更多部分使用您的小部件，您还可以查看我们关于如何创建自定义 WordPress 侧边栏的指南。

您对如何更有效地编辑小部件有任何疑问吗？ 在下面的评论部分让我们知道！