WebMan Design 的所有者 Oliver Juhas 于周一发布了第一个版本的 Abs - Additional Block Styles 插件。与许多与块相关的扩展不同,它不提供任何自己的块。相反,它注册自定义样式以增强与核心 WordPress 打包的样式。

本插件一共添加了18种样式。有些特定于单个块,例如可访问性隐藏,它创建不可见的标题以使屏幕阅读器可以使用它们。其他的,比如投影样式,是为多个块注册的。

总的来说,这是一个全面的集合,通常倾向于更实际的用例。重叠在上方和重叠在下方的样式适用于这种情况。前者允许用户向上提升图像、封面和其他块,与它们上方的部分重叠。后者走向相反的方向。

上面的图片重叠了。

这种重叠的缺点是用户无法控制块向上或向下移动的距离。负垂直边距控件是 WordPress 中的一项流行功能,通常需要创建专门的布局。

Juhas 提供了一个 –abs_overlap_value CSS 自定义属性。 DIY 用户可以通过 CSS 进行控制。至少,主题作者可以直接与插件集成。但尽管如此,他们可能只想为他们的主题注册样式。

虽然插件式风格在很多方面都很实用,但 Juhas 也加入了一些奇思妙想。几乎作为一个签名,几乎每个类似的插件都为图像相关的块提供至少一个 SVG 掩码。 Abs 的画笔样式遵循相同的路径:

应用于图像画笔样式。

插件中只有这样的 SVG 遮罩,而且这种样式几乎被过度使用了。至少画笔选项打破了已经变得司空见惯的“斑点形状”的模式。

Juhas 在插件页面上有几个示例屏幕截图和 GIF,探索插件的功能,其中许多混合和匹配不同的块和样式。我不太可能在这里做到公正。但是,我确实尝试了几种布局。

我最喜欢的创作之一是将媒体和文本块的波浪样式与分隔符的锯齿形混合:

一种将媒体与锯齿形分隔块和文本混合在一起的波浪样式。

Abs 还包括用于分隔块的双线选项。但是,该插件最适合媒体和文本。我只能假设 Juhas 看过它并意识到没有足够的设计师用它做任何有趣的事情,并自己承担了责任。无论如何,这只是一个猜测。

此插件将画笔样式添加到媒体和文本,就像它对其他图像类型块所做的那样。它还具有用于在台式机和移动显示器上堆叠内容块的顶级媒体选项,以及用于平板电脑的类似堆叠选项。它支持前面提到的两种重叠样式。另外,用户可以从它的渐变变体中获得一些里程,如下面的屏幕截图所示:

媒体和文本块的渐变样式。

我只是初步了解了插件的开箱即用样式的可能性。有了时间和创造力,用户可以用它创建一些独特的布局。

我针对几个基于块的主题测试了 Abs,效果很好。我遇到的唯一问题可能与运行最新的 Gutenberg 插件有关。在为分隔线使用之字形样式时选择自定义颜色后,背景颜色会遮盖形状。此外,Column 块的对齐方式在编辑器中既不是左对齐也不是右对齐。但是,它们确实在前端工作。

我是提供自定义样式的插件的粉丝,而 Abs 是对块库轮播的一个受欢迎的偏离。它有足够的多样性来取悦那些寻找商业友好设计选项的人,同时又不会忽视那些只想找点乐子的用户。

资源