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

WebArea的最新插件Background Animation Blocks提供不同动画效果的六个区块的集合。

如果你沉迷于所有与空间和夜空相关的事物,应该会立即被Stars区块所吸引。它有一个动画背景,由漂浮在背景中的简单点组成。它也是最先进的动画,跟随最终用户的鼠标光标。

星星动画区块

星星动画区块。

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

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

stars动画效果

gradient动画效果

blurred circles动画效果

bubbles动画效果

diagonal lines动画效果

gooey effect动画效果

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

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

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

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

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

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

标签

评论交流

闪电博沟通群

扫码加入QQ交流群 695891297