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

Munir Kamal 没有放缓的迹象.他继续推进他的 EditorPlus 插件的新功能,允许最终用户自定义其帖子和页面中块的外观.他称其为"WordPress 的无代码风格编辑器".

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

我的第一个想法是,这会使用大量不必要的 CSS 和 JavaScript 使插件膨胀,而这实际上只是一些花里胡哨的东西.然而,Kamal 用最少的自定义 CSS 实现了它.

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

自从我们上次在 6 月份介绍 EditorPlus 以来,Kamal 已经添加了通过任何富文本区域(例如,段落、列表等)插入图标的功能.他还为核心 WordPress 块添加了形状分隔符、排版、样式复制和响应式编辑选项.

动画是如何工作的?

在EditorPlus 1.9版本中,Kamal增加了"入口";动画.当访问者第一次在屏幕上看到块时,就会发生这些类型的动画.例如,用户可以将图像块设置为在读者查看块时淡入可见.

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

  • 淡出
  • 滑动
  • 反弹
  • 缩放
  • 翻转
  • 折叠
  • 滚动
为封面块文本添加幻灯片动画.

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

这项新功能的最佳功能之一是 Kamal 在阻止选项下包含了一个动画播放器.通过点击播放按钮,用户可以在不预览帖子的情况下查看动画.

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

在测试和使用每个动画之后,一切似乎都运行良好.一个缺点—这不仅限于动画—是在块级别应用样式有时没有意义.在许多情况下,它会帮助用户选择样式或动画块中的项目,例如画廊块中的图像.当我与 Kamal 谈起这个话题时,他对未来寻找解决方案的想法持开放态度.

EditorPlus 的下一步是什么?

在某个时候,太多的块选项几乎让人感觉有点矫枉过正,变得笨拙.EditorPlus 确实允许用户从其设置屏幕禁用特定功能,这有助于摆脱一些不需要的选项.Kamal 表示,他希望继续使其更加模块化,以便用户只能使用他们需要的功能.

“我计划对此扩展进行微观级别的功能控制,以便用户可以关闭单独的样式面板,例如排版、背景等,”他说.“更进一步,我还计划根据用户角色引入这些控件.因此,管理员可以为编辑者、作者等禁用这些功能.

虽然这可能有点远.目前,他想专注于添加他已经计划好的新功能.

“我确实计划添加更多动画功能,”卡马尔说.“我的想法太多了,比如滚动控制动画、悬停动画、文本动画、Lottie动画、背景动画、动画形状分隔线等等.但是,话虽如此,我会小心地只添加那些对页面性能影响不大的功能.”

除了现有积木的额外样式和动画之外,他还计划在未来的版本中加入积木构建列车.EditorPlus 用户可以在即将发布的版本中看到手风琴、切换、滑块、星级和其他块.

9

发表回复