EditorPlus 介绍其第一个块并添加自定义块创建器

似乎是不断推出新功能,Munir Kamal 在最近两次更新中为他的 EditorPlus 插件发布了一些主要新功能.今天早些时候发布的 2.0 版包括一组七个新块.上一版本展示了 create-a-block 功能,该功能为最终用户提供了更多自定义选项.

块编辑器激发了他的创造力,他的块共享网站 GutenbergHub 或 EditorPlus 插件的想法也没有用完.即将发布的版本应该会对插件的 UI 进行彻底改革,并为第三方开发者提供可能的 API.

他说他将确保 EditorPlus 在未来登陆时与 WordPress 的站点编辑器一起工作.此外,对 WooCommerce 块的最终支持也在讨论之中.目前,重点是他最近几周推出的插件功能.

创建自定义块

WordPress 的核心块集已经掌握在用户手中,几乎一切皆有可能.这些块基本上涵盖了网页设计的所有基本元素,例如标题、段落、列表、引号等.有时,构建独特事物的诀窍是混合和匹配这些元素以创造新事物.这就是 EditorPlus 的新创建块功能的本质.

保存自定义块很简单.用户必须首先将他们的块包装到一个核心组块中.然后,从"更多选项"中选择在块工具栏中的菜单中,选择"添加到自定义块";选项.插件会在保存前询问块标题.

保存自定义块.

不要与可重复使用的块混淆,这些块是从发布到发布保持相同的资源,创建的块与任何其他块一样.它们可以通过"我的自定义块"下的块插入器访问;类别.

块插入器中可用的自定义块.

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

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

“例如,几乎所有的商业网站都需要一个 Testimonial 块,但没有一个核心用于这一确切目的,”他说.“当然,您可以使用核心块的组合来创建它,这就是这样做的方法.我见过许多块插件带来了诸如推荐、团队、定价等块,但这些块可以使用核心块轻松创建.”

他已经向社区展示了您可以使用他的块和模板库将核心块拉伸到多远来创建独特的布局.因此,用户可以直接从编辑器中构建其中一些东西的可能性并非没有.

块创建者似乎作为块模式创建者处理会更好.本质上,用户正在创建自定义模式,即块的分组.Kamal 说,模式创建者也在待办事项列表中.

“由于 Gutenberg 有这两个部分可用于创建内容/布局,我将添加这两个功能,”他说.“另存为块已添加,‘另存为模式’也将被添加.用户可以根据自己的工作流程使用他们想要的任何方式.”

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

"失踪"块

在编辑器中使用进度条块.

今天早些时候,Kamal 发布了他所谓的"失踪" WordPress 块.这些是一组七个定制块,用于处理现有核心块无法处理的内容类型.过去,他对创建任何块都犹豫不决,更喜欢扩展 WordPress 提供的开箱即用的工具.

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

该插件包括以下新块:

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

其中一些需要额外的 JavaScript,这就是为什么它们不适合核心 WordPress.然而,它们对于插件开发者来说是不错的选择,而且这些块在其他库类型的插件中并不少见.

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

插件的新块的一个有趣功能是,当单击块的子元素时,它的设计选项会在块选项面板中自动触发.例如,星级评分块具有"标题";和"评级"元素.单击标题时,其设计选项会在侧边栏中打开,评级也是如此.这与 EditorPlus 在核心块上的设计选项的典型组织背道而驰,核心块按 CSS 属性分组.重点放在单个元素上,这样可以更轻松地找到特定选项.

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

4

发表回复