Editor Plus 2.1 大修 Block Controls UI 并添加 Lottie 动画

昨天,Munir Kamal 发布了 Editor Plus 插件的 2.1 版.最大的变化是对其设计控制的彻底改革.开发者还添加了一个新的 Lottie 动画块.

在介绍了插件的最后几个版本后,我可能听起来像是一个破纪录,但 Kamal 用块编辑器做了一些惊人的事情.他正在突破极限并在其他人还没有尝试过的领域进行试验.我开始怀疑他是否有一些秘密的、永无止境的功能创意清单,他每隔几周就会在其中打勾.

该插件目前只有 1,000 多个活动安装.然而,自 2020 年中期以来,它一直保持超过 11% 的增长.我预计这一增长在来年会加速,因为 Kamal 继续放置更大拼图的各个部分,其中包括古腾堡中心的免费块、模式和模板.他奠定了基础,现在拥有网络上最大的块编辑器资源之一.

设计控制大修

更紧凑的块设计控件.

我对 Editor Plus 的最大抱怨一直是某些块选项让人难以承受.太多的选择可能会让人眼花缭乱,而且在自定义块时很难弄清楚从哪里开始.

在我们几周前的最后一次讨论中,Kamal 说"其他 UI 改进尚未到来."他已经在努力加强控制,创建他所说的更紧凑的用户界面.他从 Figma 和 Sketch 设计工具中汲取灵感.

总的来说,这次更新创造了他所追求的更简洁的用户界面.一些最大的改进来自移动控件和标签彼此内联.这一变化意味着用户必须减少滚动才能浏览多个选项.

仍有一些区域可以清理并变得更直观.现在,Editor Plus 添加了自定义块选项选项卡,其中 WordPress 已经具有相同的选项卡.例如,插件创建了自己的"+排版";标签.相反,它应该在现有的核心版式选项卡上安装其自定义选项.从纯粹的用户体验角度来看,看到名称相似的选项卡会令人困惑.这还将创建更紧凑的顶级选项卡列表.该插件还有其他具有相同问题的选项卡或控件.

Lottie 动画块

Bouncy Car Lottie 动画的截图.

Kamal 在上次插件更新中添加了插件的前七个块.他的主要目标是扩展默认 WordPress 块的功能.但是,他需要创建一些新块来处理一些单独使用核心无法实现的布局.最新更新添加了 Lottie 动画块,允许用户链接或上传 Lottie 动画的 JSON 文件.

由 Airbnb 创建,Lottie 是一个解析 Adob​​e After Effects 动画的库,这些动画通过 Bodymovin 导出为 JSON.然后它在移动设备或网络上本地呈现它们.文件大小比许多其他选项小,并且可以放大或缩小动画而不会出现像素化.

LottieFiles 是网络上最大的免费 Lottie 动画库之一.它有 1000 种动画供用户选择.

Kamal 已经开始使用 Gutenberg Hub 的部分模式库中的新 Lottie 动画块,其中包含块代码,用户可以将这些代码复制并粘贴到编辑器中,前提是他们安装了 Editor Plus 插件.到目前为止,他已经添加了三个带有黑色星期五动画的 Lottie 图案-mdash;正好赶上购物季.

黑色星期五动画模式的照片.

虽然 Lottie 动画 JSON 文件很小,但播放动画的脚本却很小.JavaScript 文件的大小高达 294 kb.只有在使用 Lottie 块时才会加载此文件.对于某些用户来说,大小可能是一个交易破坏者.但是,对于大量使用动画的网站,可能值得考虑.

14

发表回复