使用技巧

Editor Plus 2.1大修块控件UI并添加Lottie动画

昨天,Munir Kamal发布了2.1版 编辑器加 插入。 最大的变化是对其设计控件的全面检查。 开发人员还添加了一个新的Lottie动画块。

在介绍了插件的最后几个发行版之后,我听起来可能像是破记录,但是Kamal使用块编辑器正在做一些令人惊奇的事情。 他正在超越极限,并在其他人尚未尝试的领域进行试验。 我开始怀疑他是否有一些秘密的,永无止境的功能创意清单,他每两周在其中勾选几个方框。

该插件目前只有1000多个活跃安装。 但是,自2020年中点以来,它一直保持超过11%的增长率。我预计,随着卡马尔(Kamal)继续将较大拼图的各个部分(包括免费的方块,图案和模板)放置在新的一年中,这一速度将会加快。 古登堡中心。 他奠定了基础,现在拥有Web上最大的块编辑器资源之一。

设计控制检修
editor-plus-2-1-overhauls-block-controls-ui-and-adds-lottie-animations Editor Plus 2.1全面检修Block Controls UI并添加Lottie动画更紧凑的模块设计控件。

我对Editor Plus的最大抱怨一直是某些阻止选项使人感到不知所措。 太多的选择可能会令人眼花,乱,而且自定义块时,很难弄清从哪里开始。

在几周前的最后一次讨论中,Kamal说:“其他UI改进尚待实现。” 他已经在加强控件的工作,创建了他所谓的更紧凑的UI。 他从Figma和Sketch设计工具中汲取了灵感。

总体而言,此更新将创建他正在为其拍摄的更简洁的UI。 一些最大的改进来自相互移动控件和标签。 所做的更改意味着用户必须进行较少的滚动才能浏览多个选项。

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

乐天动画块
editor-plus-2-1-overhauls-block-controls-ui-and-adds-lottie-animations-1 Editor Plus 2.1全面修改Block Controls UI并添加Lottie动画仍然拍摄 充气车 乐透动画。

Kamal将插件的前七个块添加到了 最后插件更新。 他的主要目标是扩展默认的WordPress阻止功能。 但是,他需要创建一些新的块来处理一些单独的内核无法实现的布局。 最新更新添加了Lottie动画块,该块允许用户链接或上载Lottie动画的JSON文件。

Lottie由Airbnb创建,是一个解析Adobe After Effects动画的库,该动画通过Bodymovin导出为JSON。 然后,将其本地呈现在移动设备或Web上。 文件大小小于许多其他选项,并且可以按比例放大或缩小动画而不会产生像素化。

LottieFiles 是网络上最大的免费Lottie动画库之一。 它具有1,000多种动画供用户选择。

卡马尔(Kamal)已经开始使用古腾堡中心(Gutenberg Hub)的全新Lottie动画块 部分模式库 包含用户可以复制并粘贴到编辑器中的块代码,前提是他们已安装了Editor Plus插件。 到目前为止,他已经在黑色星期五的动画中添加了三种Lottie模式-正好赶上购物季节。

editor-plus-2-1-overhauls-block-controls-ui-and-adds-lottie-animations-3 Editor Plus 2.1全面检查Block Controls UI并添加Lottie动画仍拍摄动画 黑色星期五模式

尽管Lottie动画JSON文件很小,但播放动画的脚本却不是。 JavaScript文件的大小高达294 kb。 仅在使用Lottie块时才加载此文件。 对于某些用户来说,大小可能是一个大问题。 但是,对于动画繁重的网站,可能值得考虑。

像这样:

喜欢加载中……

资源