本周二,Munir Kamal 发布了他的 EditorPlus 插件的 2.4 版。除了一些错误并确保插件与 WordPress 5.6 兼容之外,他还向 Button 块添加了一个图标选择器,并向 Image 块添加了一个 SVG 形状叠加层。这是他在之前的版本中加入的新的“扩展核心块”系统的基础。

终于在11月初集成了插件。在 Kamal 的世界里,那可能就是一辈子。自开发以来,他以几乎令人眼花缭乱的速度发布了该插件的三个主要更新,其中包括几个新功能。我一直想知道他在哪里不仅可以抽出时间免费投入到项目中,还可以从哪里不断获得新想法。当然,其中一些来自他不断增长的用户群。该插件还比较年轻,目前已超过 2,000 次活跃安装。

扩展核心块系统

当 Kamal 首次构建 EditorPlus 时,其想法是为 WordPress 核心块创建额外的样式选项。从本质上讲,该插件允许最终用户从编辑器的界面中为 CSS 属性设置自定义值。这可以让普通用户深入了解定制。但是,它仍然有一些局限性。 Web 开发人员可以使用代码执行的操作超出了基本界面。问题变成了:我如何向用户提供这些高级方法?

可在插件设置屏幕上禁用的核心块系统核心的扩展,插件作者希望突破 WordPress 现有块可能强加的限制。

“EditorPlus 中有不同的扩展,它们提供可以打开或关闭的不同功能,”Kamal 说。 “例如样式、动画、自定义 CSS 等现在都是新的。此扩展将为核心 Gutenberg 模块提供更多功能/特性。例如,“列表块”已扩展选项以包括图标、拆分成列等。同样,计划扩展其他核心模块,但有其他缺失的功能。”

创建一个带有图标的两列团队列表。

在2.3版本中,他创建了第一个使用新系统的一组选项。从列表块开始,他添加了列、选项、图标和其他几个。用户可以从 Font Awesome 和 Icon Moon 库中的一系列图标中进行选择。

我最喜欢的新功能是 Kamal 添加到图像块的自定义“blob”样式。“我刚刚添加了 10 个 SVG 形状蒙版作为核心图像块的块样式,”他说。演示视频。

< p>虽然我不确定是否可以开箱即用地使用 blob 形图像,但我对其他 SVG 的可能性感到兴奋将来戴口罩。我敢肯定,该设计在许多潜在应用中都非常有用。如果不出意外,他们很搞笑。

自定义按钮块的图标。

也许更实用的是,Kamal 为按钮块添加了一个新的图标选项。与列表块一样,用户可以从 Font Awesome 和 Icon Moon 的库中进行选择。他们还可以选择左对齐或右对齐,更改背景和前景色,使用 border-radius 选项使背景变圆并控制间距。

还有其他几个与块相关的插件具有类似的图标选项。但是,将它们放入 EditorPlus 是一个不错的决定。大多数插件的用户很可能会发现自己放弃了通过一个插件可用的其他块式插件。

Kamal 对即将发布的 2.5 及更高版本中的任何特定功能保持沉默。但是,他确实表示他将继续在核心块系统的扩展基础上进行构建。如果他到目前为止的工作有任何迹象,那么看看他为其他 WordPress 块带来哪些新选项将会很有趣。

背景选项
添加SVG背景图片到封面块。

虽然新的 Extend Core Blocks 系统一直是最近几个版本的焦点,但 Kamal 还添加了一些其他功能。他推出的最重要的工具之一是每个核心模块的一组新背景选项,包括:

  • 按 URL 插入图像。
  • 背景附件选项。
  • 背景放置选项。

此时,有了EditorPlus,用户几乎可以做任何后台需要的事情。可定制性的最大提升来自图像 URL 选项,这意味着用户甚至可以为 SVG 模式输入数据 URI。英雄模式有很多选项可供选择。

喜欢这样:

喜欢正在加载...

资源