如何在 WordPress 块编辑器(古腾堡)中创建可重用块

您是否经常在 WordPress 帖子中使用相同的内容片段?如果你这样做了,那么你会喜欢新的 WordPress 块编辑器中的可重用块功能。它允许您保存任何内容块并在您网站上的其他帖子和页面中重复使用它们。

在本文中,我们将向您展示如何在 WordPress 块编辑器(也称为古腾堡)中轻松创建可重复使用的块。我们还将向您展示如何在您的 WordPress 帖子中添加可重复使用的块并将它们导出以在您的其他 WordPress 网站上使用。

在 WordPress Gutenberg 编辑器中创建可重复使用的块

什么是 WordPress 块编辑器(古腾堡)中的可重用块?

WordPress 编辑器中的可重用块是单独保存以供以后使用的内容块。

许多博主经常在多篇文章中添加相同的内容片段,例如在博客文章末尾的号召性用语或在社交媒体中关​​注博客的链接。

大多数人只是将他们的内容片段作为文本文件保存在他们的计算机上,然后在需要时复制和粘贴它们。

Gutenberg WordPress 编辑器通过引入可重用块解决了这个问题。

基本上,您现在可以在 WordPress 编辑器中保存内容片段,然后几乎可以立即在任何地方重复使用它们。

以下只是可重用块可以帮助您更有效地工作的一些场景:

在每篇文章的末尾要求用户在社交媒体上关注您。

在您的 WordPress 帖子和页面中添加号召性用语按钮。

保存和重用表

快速将反馈表添加到您的页面

手动添加内联会员横幅

和更多…

话虽如此,让我们看看如何在 WordPress 块编辑器中轻松创建可重用块。

视频教程

订阅 WPBeginner

如果您不喜欢该视频或需要更多说明,请继续阅读。

在 WordPress 编辑器中创建可重用块

所有 Gutenberg 块都是 WordPress 编辑器中的单独内容元素,它们可以单独保存为可重复使用的块

首先,您需要创建一个新帖子或编辑现有帖子。在帖子编辑屏幕上,单击添加新块按钮,然后根据您要保存的内容选择块类型。

向古腾堡编辑器添加一个新块

在此示例中,我们将在段落块中保存几行文本。

添加块后,您需要添加要重复使用的内容。您可以使用块工具栏和块设置中的样式和格式选项。

编辑块

完成编辑后,单击工具栏中的三点菜单按钮,然后选择“添加到可重用块”选项。

添加到可重复使用的块

您将被要求输入可重用块的名称。我们建议使用可帮助您快速识别块及其功能的名称。

添加块名称

最后,单击“保存”按钮来存储您的可重用块。

您的块将与其所有设置一起保存在 WordPress 数据库中。

在其他帖子和页面中添加可重用块

现在我们已经了解了如何在 WordPress 中创建可重复使用的块,让我们看看如何在 WordPress 帖子和页面中添加可重复使用的块。

再次创建新帖子或编辑要添加可重用块的帖子。在帖子编辑屏幕上,单击添加新块按钮。

您的可重复使用块位于“可重复使用”选项卡下。您也可以通过在搜索框中输入其名称来找到它。

添加可重用块

您可以将鼠标悬停在其上以查看该块的快速预览。继续并单击该块以将其插入您的帖子中。

您的可重用块将出现在帖子编辑器中。

添加到帖子中的可重用块

您还可以通过单击块上的编辑按钮来编辑可重用块。

但是,请记住,更改可重复使用的块将在您使用它的所有位置更改它。

如果您只想进行仅出现在此特定帖子上的更改,则需要先将其转换为常规块。

单击块工具栏中的三点菜单,然后选择“转换为常规块”选项。

转换为常规块

这会将您的可重用块转换为常规块,您将能够对其进行更改而不会影响原始可重用块。

在 WordPress 编辑器中管理所有可重用的块

使用可重用块一段时间后,您可能有一些不再使用的块或一些要重命名的块。

Gutenberg Editor 允许您从一个屏幕轻松管理所有可重复使用的块。

要管理您的块,请单击添加块按钮,然后找到 Reusables 选项卡。您将看到一个链接来管理您的可重复使用的块页面。

管理可重用块链接

单击链接将带您进入块管理页面。从这里,您可以编辑、删除、导出和导入您的块。

管理可重用的块

导出/导入可重用块

可重复使用的块不仅可以在创建它们的网站上重复使用。您也可以在任何其他 WordPress 网站上使用它们。

您可以从块管理屏幕导出块。只需单击块下方的导出按钮,WordPress 就会将其作为 JSON 文件发送给您。

导出可重用块

您现在可以切换到另一个 WordPress 站点的管理区域。转到块管理屏幕,然后单击“从 JSON 导入”按钮。

这将显示一个文件上传框。单击选择文件按钮以选择您之前下载的块,然后单击导入按钮。

WordPress 现在将导入您的可重用块并将其保存在数据库中。您可以继续在新站点上开始使用它。

有关更详细的说明,我们创建了有关如何导入/导出 WordPress 内容块(带屏幕截图)的分步指南。

我们希望本文能帮助您了解如何在 WordPress Gutenberg 编辑器中创建可重用的块。您可能还想查看我们关于在不花大钱的情况下发展在线业务的技巧。