使用 WebArea 的最新插件添加具有动画背景的块

和往常一样,我喜欢强调 WordPress 世界较轻的一面.在过去的一周里,我们已经有足够多的业务收购——一整年,真的—我们需要休息一下,享受社区提供的更多实验性发展.

例如 WebArea 的最新插件 Background Animation Blocks.它是六个具有不同动画效果的块的集合.

我着迷于所有事物空间和夜空相关,所以我立即被星星块所吸引.它有一个动画背景,由漂浮在背景中的简单点组成.它也是最先进的动画,跟随最终用户的鼠标光标.

星星动画块.

星星块具有用于背景效果的大小、比例和颜色设置.每个其他块都有独特的选项,具体取决于它的作用.一些,例如气泡和渐变,允许最终用户控制动画速度.其他人有多种颜色输入.

该插件总共提供了六个具有独特背景动画效果的独立块.实际上,它们的行为类似于 Group 块,充当一个简单的容器.

每个块都支持宽对齐和完全对齐.它们允许用户控制文本和背景颜色.而且,任何其他块都可以放置在它们内部,就像您对核心组块或容器块所期望的那样.

它们不支持 Gutenberg 插件中其他容器类型块具有的一些较新的布局功能.目前还没有必要,因为这些功能还没有登陆 WordPress,但将来需要注意.不过,很容易将这些动画块包装在另一个 Group 块中以实现这些功能.不过,如果可能的话,我宁愿不把嵌套的负担放在最终用户身上.

插件开发人员采用的方法有一些缺点.动画背景可以添加到现有的 WordPress 组或封面块上,本质上作为设置扩展.另一种方法是创建单个"动画容器".阻止并允许用户选择特定的背景效果.使用这种方法,插件作者可以使用变体 API 使每个动画可搜索并通过块插入器显示.

不过之前已经做过单独的块路由了.Automattic 通过其 Starscape 和 Waves 模块采用了相同的方法.它们只是作为单独的插件提供,而不是作为一个集合捆绑在一起.我更喜欢这个解决方案,因为它允许用户只挑选他们想要的块.假设动画块库在插件的未来版本中增长,它可能会变得矫枉过正.

第二个问题是插件在某些情况下不使用主题调色板.它为其块使用标准文本和背景颜色选项,但任何自定义设置仅显示颜色选择器.对于那些想在这些情况下使用主题定义颜色的人,他们必须知道十六进制代码.或者,只需注视它以使其足够近.

尽管充其量是微不足道的问题,但修补该插件还是很有趣的.这些块不必降级到 WordPress 的 zanier 方面.调整他们的设置以获得更微妙的效果非常容易,这些效果可能适用于与业务相关或其他类型的网站.

3

发表回复