昨天,Kelly Choyce-Dwan 发布了 Enhanced Spacer Block。然而,最终用户可以使用各种渐变背景来装饰这个区域,而不仅仅是屏幕上的空白区域。

颗粒状渐变块正是我想要修补的插件类型。这并不复杂。它留在自己的车道上。而且,使用起来很有趣。

该块的灵感来自 CSS-Tricks 为 2021 年吹捧的颗粒状渐变趋势。现在,用户可以直接在 WordPress 编辑器中使用它们。

插件单块有四种变体,如下截图所示:

变化是:

  • 默认:嘈杂/颗粒状纹理。
  • 水平纹理:水平线。
  • 垂直纹理:垂直线条。
  • Blob Grain:类似于熔岩灯的效果。

在花了太多时间用插件尝试新的设计思路后,我终于找到了我喜欢的东西。我从 Mark Westguard 的 WordPress 照片中提取了一张日落图片,并将其用于封面。然后,我在上面应用了几个不同的 Grainy Gradient 块。

湖面落日余晖。

目标是给它一种古老、破旧的绘画感觉。我对结果以及我经历的其他一些变化感到满意。

我想看看我能用一些现实世界的艺术做些什么——那时我脑子里有图画。所以,我抓起一两周前完成的作品的照片,然后重新开始。

这一次,我使用了类似的过程。我将所有内容都包裹在一个 Cover 块中,并在图像上应用了双色调滤镜。然后,我将 Grainy Gradient 块放入其中并将其切换为 Horizo​​ntal Gradient 变化。

图像上的水平纹理。

结果类似于手绘作品的劣质复印件。本质上,它比我原来的作品更好。

不要让我的想象力欺骗你,让你认为这个插件仅限于少数几个想法。用户可以创建 1,000 多种变体。例如,简单地将它放在文本较多的部分旁边的列中,可以使页面的设计更加美观:

文本列旁边的 Blob 渐变。

如果我有一个要求,那就是为 Group 和 Cover 块添加颗粒状渐变背景。两者都允许渐变,但不允许颗粒状变化。效果是使用 SVG 滤镜创建的,这就是核心中双色调功能的工作原理。似乎至少对其他过滤器类型有一些兴趣。也许我们将来会看到更广泛的此类选项列表。

现在,我想我会坚持使用 Grainy Gradient Block。

该插件的开发版本也可通过 GitHub 获得。

来源