使用技巧

EditorPlus 1.9为块编辑器添加了动画生成器

Munir Kamal没有放缓的迹象。 他继续为自己的新功能推进 EditorPlus插件,这使最终用户可以自定义帖子和页面中块的外观。 他称其为“ WordPress的无代码样式编辑器”。

他插件的最新成员? 每个核心块的动画样式。

我的第一个想法是,这会使该插件大量不必要的CSS和JavaScript膨胀,而这实际上是一些麻烦。 但是,Kamal用最少的自定义CSS来实现了这一目标。

受到各种网站建设者的启发,他希望将越来越多的这些东西带入核心块编辑器。 动画功能只是看似永无止境的功能清单上的另一个复选框。 而且,到目前为止,它仍然是免费的。

自上次以来 六月涵盖了EditorPlus,Kamal增加了通过任何富文本区域(例如,段落,列表等)插入图标的功能。 他还为WordPress核心块添加了形状分隔符,版式,样式复制和响应式编辑选项。

动画如何工作?

在1.9版的EditorPlus中,Kamal添加了“入口”动画。 当访客首次在屏幕上看到该图块时,就会发生这些类型的动画。 例如,用户可以将Image块设置为在读者查看该块时逐渐消失。

当前,该插件添加了七个动画:

  • 褪色
  • 滑动
  • 弹跳
  • 放大
  • 翻转

editorplus-1-9-为块编辑器添加动画生成器EditorPlus 1.9为块编辑器添加了动画生成器为Cover块文本添加幻灯片动画。

每个动画都有其自己的选项子集,以控制其在页面上的行为。 例如,反弹动画允许用户选择反弹方向。 其他选项包括持续时间,延迟,速度曲线,延迟和重复。 有足够的选择来花费大量时间修改输出。

此新功能的最好功能之一是,Kamal在块选项下包括一个Animation Player。 通过单击“播放”按钮,用户可以查看正在运行的动画而无需预览帖子。

观看动画功能的快速视频:

[embedded content]

经过测试并使用了每个动画之后,一切似乎都正常运行。 不利的一面-并且不仅限于动画-有时在块级应用样式没有意义。 在许多情况下,它将帮助用户选择用于对块中的项目进行样式或动画处理的选项,例如“图库”块中的图像。 当我与Kamal讨论这个问题时,他很乐意将来寻求解决方案。

EditorPlus的下一步是什么?

在某个时候,太多的格挡选项几乎会感觉像是过分杀伤,变得笨拙。 EditorPlus确实允许用户从其设置屏幕禁用特定功能,这可以帮助摆脱一些不需要的选项。 Kamal说,他希望继续使其更具模块化,以便用户只能使用他们需要的功能。

他说:“我计划对此扩展进行微级别的功能控制,以便用户可以关闭各个样式面板,例如版式,背景等。” “甚至,我还计划基于用户角色来引入这些控件。 因此管理员可以为编辑者,作者等禁用这些功能。”

不过,这可能会有点困难。 目前,他想专注于添加他已经计划的新功能。

“我确实打算添加更多的动画功能,” Kamal说。 “我有太多想法,例如滚动控制动画,悬停动画,文本动画,Lottie动画,背景动画,动画形状分隔线等等。 但是,话虽如此,我将谨慎地仅添加那些不会严重影响页面性能的功能。”

除了现有块的额外样式和动画之外,他计划在将来的版本中加入构建块的训练。 EditorPlus用户可以在即将发行的版本中看到手风琴,拨动开关,滑块,星级和其他块。

像这样:

喜欢加载中……

资源