如何充分利用新的 WordPress 块编辑器

如果您已经使用 WordPress 一段时间了，您可能已经熟悉新的 WordPress 块编辑器。 它是一个强大的工具，也是一个直观的系统。 但是，由于我们谈论的是 WordPress，因此您知道，如果您不介意进行一些调整，那么总会有增长的空间。

要充分利用块编辑器，您需要了解如何向其中添加新元素。 您可以使用插件甚至通过创建自己的自定义块来做到这一点，因此您有很多选择。

🔍 WordPress 块编辑器的快速概览

在开始使用 WordPress 块编辑器之前，您需要确保您的主题与它配合得很好。 虽然块编辑器在基本级别上适用于任何主题，但拥有具有内置兼容性的主题可以让您利用所有新功能。

新编辑器体验的核心是基于一个简单的“块”系统。 您的页面分为几行，您可以在每一行上放置您想要的任何块：

您还可以使用列来更好地控制每个元素的位置：

如果您曾经使用过页面构建器插件，那么这个系统应该会非常熟悉。 总体结果是 WordPress 页面构建体验现在更加直观。

要充分利用编辑器，您需要熟悉它包含的所有默认元素。 这里有很多熟悉的选项，包括列表、段落、引号等：

如果您已经习惯了新系统，那么您应该注意一个特定类别的块，称为 布局元素. 使用这些块，您可以向页面添加列，以及 阅读更多 元素、分隔符、分页符和分隔符：

通过结合这些，您将可以完全控制您的页面和帖子布局，因此请随意使用它们，直到您感觉舒服为止。 然后，当您完全熟悉默认块时，是时候将一些新元素加入其中了。

🔌 三个插件可将新块添加到 WordPress 编辑器

块编辑器进入 WordPress 社区后不久，开发人员就开始对其进行修补。 尽管它推出时间不长，但已经有很多插件可以用来添加新块。

我们在这里收集了一些我们最喜欢的块插件，但这是其中三个最出色的……

1. 原子块

Atomic Blocks 是迄今为止最流行的 WordPress 块插件。 它为编辑器添加了 11 个新块，这听起来可能不多，但它的选择开辟了许多令人兴奋的设计可能性。

激活 Atomic Blocks 插件后，您将在添加块时看到一个新选项卡：

其中一些不需要解释，例如 AB 按钮 和 AB 见证. 然而，其他如 AB邮政网格 和 AB 垫片 使用起来非常有趣，并提供了更改页面布局的方法，这是默认块集合目前无法实现的。

主要特征：

• 向编辑器添加 11 个新块。
• 让您完全自定义每个新块的样式和内容。

2. 可堆叠

Stackable 为 WordPress 编辑器添加了 20 多个新块，如果您想玩很多新元素，它是您的最佳选择。 在这些块中，您有几个简单的选项，例如按钮、分隔线和容器：

但是，Stackable 还提供了更高级的积木供您使用。 我们的一些最爱包括 队员 和 定价框 部分：

还值得注意的是 Stackable 使您能够挑选和选择要添加到编辑器的块。 这意味着您可以删除不需要的选项，并使查找相关块更容易。

主要特征：

• 为 WordPress 块编辑器添加了 20 多个新选项。
• 使您能够使用丰富的选项自定义每个块。
• 允许您从编辑器启用和禁用块。

3. Otter 的 Gutenberg 块和模板库

Otter 的 Gutenberg 块和模板库是我们自己的插件，它添加了新的块供您使用，以及使用 WordPress 块编辑器构建的预制模板，您可以轻松地将其导入您的站点。

安装并激活插件后，您可以开始使用新版本中的块 獭 中的部分 添加块 界面：

您还可以从 部分 堵塞：

主要特征：

• 向 WordPress 块编辑器添加超过 12 个新元素。
• 包括您可以直接从块编辑器插入的古腾堡兼容模板。

🏗️ 如何创建自定义块（两个插件帮助您入门）

在创建新块时，您可以采用手动方法或使用插件。 前者为您提供更多控制权，但确实需要一些开发经验。 但是，我们现在要讨论的是后者。 本节将重点介绍两个工具，它们使您能够轻松地将简单的自定义块组合在一起。

1. 区块实验室

归结为，块基本上是自定义字段的集合。 不同之处在于您为每个块使用的字段和值类型。 使用 Block Lab，您可以将新块添加到编辑器并为其分配类别：

对于每个块，您可以根据需要添加几乎任意数量的自定义字段，从广泛的预设中进行选择：

然而，尽管插件完成了大部分繁重的工作，但您仍然需要知道如何将简单的 HTML 模板放在一起来自定义每个块的布局。 这是概述该过程的指南，因此您对期望的内容有所了解。

2. 懒块

总体而言，Lazy Blocks 的体验与 Block Labs 的体验非常相似。 您可以使用预先确定的字段将自定义块放在一起，并以几乎任何您想要的顺序排列它们：

这里的主要区别是 Lazy Blocks 使您能够从仪表板中修改块的模板，因此您不必使用文本编辑器：

这是一种不同的风格，但不一定优于 Block Labs，因此请随意使用您喜欢的两种方法中的任何一种！

⌛ 结论

WordPress 块编辑器是对“经典”做事方式的重大改变。 然而，这种变化带来了许多令人兴奋的机会。 块系统非常易于使用，它包含的元素的选择是开箱即用的，没有什么可嘲笑的。

如果您愿意，您甚至可以使用 Block Lab 和 Lazy Blocks 等工具创建自定义块。

您对如何使用 WordPress 块编辑器有任何疑问吗？ 让我们在下面的评论部分中讨论它们！