EditorPlus 推出其第一个块并添加自定义块创建器

在似乎永无止境的新功能冲击中，Munir Kamal 在最近两次更新中为他的 EditorPlus 插件发布了一些主要的新功能。 今天早些时候登陆的 2.0 版包括一组七个新块。 之前的版本展示了一个创建块功能，该功能将更多自定义选项交到最终用户手中。

块编辑器激发了他的创造力，他的块共享网站 GutenbergHub 或 EditorPlus 插件的想法并没有枯竭。 即将发布的版本应该对插件的 UI 进行大修，并为第三方开发人员提供可能的 API。

他说他将确保 EditorPlus 在未来登陆时与 WordPress 的网站编辑器一起工作。 另外，对 WooCommerce 块的最终支持已经摆在桌面上。 目前，重点是他最近几周推出的插件功能。

创建自定义块

由于 WordPress 的核心块集已经掌握在用户手中，几乎任何事情都已成为可能。 这些块基本上涵盖了网页设计的所有基本元素，例如标题、段落、列表、引号等。 有时，构建独特的东西的诀窍是混合和匹配这些元素来创造新的东西。 这就是 EditorPlus 的新创建块功能的本质。

保存自定义块很简单。 用户必须首先将他们的块包装到核心组块中。 然后，从块工具栏中的“更多选项”菜单中，选择“添加到自定义块”选项。 该插件将在保存之前要求提供块标题。

不要与可重用块混淆，可重用块是从帖子到帖子保持不变的资源，创建的块与任何其他块一样。 它们可以通过“我的自定义块”类别下的块插入器访问。

缺少一些小细节，从长远来看，这将是很好的补充。 第一个是为块选择自定义图标的能力。 目前，所有自定义块共享一个图标。 第二个是在块插入器中添加预览的能力。

Kamal 构建了此功能，以便最终用户可以为自己创建简单的块。 它也是开发者为客户网站快速创建区块的工具。

“例如，几乎所有的商业网站都需要一个推荐块，但没有一个核心用于那个确切的目的，”他说。 “当然，你可以使用核心块的组合来创建它，这就是它的方法。 我已经看到许多块插件带来了像 Testimonial、Team、Pricing 等这样的块，但这些块可以很容易地用核心块创建。”

他已经向社区展示了您可以将核心块延伸到多远，以使用他的块和模板库创建独特的布局。 因此，用户可以直接从编辑器中构建其中一些东西并不是不可能的。

块创建者似乎将其作为块模式创建者处理会更好。 本质上，用户正在创建自定义模式，它们是块的分组。 Kamal 说，模式创建者也在待办事项清单上。

“由于古腾堡有这两个部分可用于创建内容/布局，我将添加这两个功能，”他说。 “添加了另存为块，也将添加'另存为模式'。 用户可以根据自己的工作流程使用他们想要的任何方式。”

我倾向于坚持现有的模式范式，即处理块组的单一功能。 但是，看看用户喜欢什么会很有趣。 从长远来看，最重要的是他们可以轻松访问构建页面所需的工具。

“缺失”的方块

今天早些时候，Kamal 发布了他称之为 WordPress 的“缺失”块。 这些是一组七个定制的块，可处理现有核心块无法处理的内容类型。 过去，他一直对创建任何块犹豫不决，更愿意扩展 WordPress 提供的开箱即用的工具。

“我最初的想法仍然是扩展 Gutenberg 以弥补缺失的内容，并使其更强大，无需代码即可在视觉上创建精美的设计，”他说。 “而且，在创建了数百个模板/设计之后，我意识到需要一些重要的缺失块，这些块在网站建设者中最常用，但在 Gutenberg 中缺失。 所以我只在 EditorPlus 中添加那些缺失的块，这些块是创建现代设计所必需的，并且不能轻松地使用核心块的组合来创建。 例如，标签块、手风琴块或添加的所有其他块都是符合这些标准的块。”

该插件包括以下新块：

• 标签
• 切换/手风琴
• 图标
• 评分
• 进度条
• 统计/计数器
• 倒计时器

其中一些需要额外的 JavaScript，这就是为什么它们不能成为核心 WordPress 的良好候选者。 但是，对于插件开发人员来说，它们是不错的选择，而且这些在其他库类型插件中并不少见。

使它们与众不同的是与插件样式系统的集成，Kamal 可能会在未来的版本中向其他插件开发人员开放。 目前的计划是创建一个独立的 Styles API 让用户自定义任何块。 他已经从 Advanced WP Facebook 小组得到了一些关于这个想法的反馈。 许多反馈希望这样的系统能够登陆 WordPress 本身。

该插件的新块的一个有趣功能是，当单击块的子元素时，其设计选项会在块选项面板中自动触发。 例如，星级评分块具有“title”和“rating”元素。 单击标题时，其设计选项会在侧边栏中打开，评分也是如此。 这与 EditorPlus 在核心块上的设计选项的典型组织不同，核心块按 CSS 属性分组。 重点放在单个元素上，它使找到特定选项变得更加容易。

这个实验有点像是 Kamal 正在为未来更新所做的工作的前奏。 他的一大目标是对 UI 进行一些清理——插件中有很多选项——并让用户更快地自定义他们的块。