深入了解 Automattic 的块实验

过去几个月我一直在关注的存储库之一是 Block Experiments.它是 Automattic 处于不同开发阶段的块的 monorepo.总共有五个团队的区块实验现在可以从插件目录下载.其他三个似乎仍在开发中.

当我看到该公司的 Starscape Block 插件时,我的兴趣首先被激起了.该插件基本上做了一年多前我在一个单独的项目中需要的东西.如果当时它已经存在,它将使我免于一两次头疼,尝试将自定义 HTML 混合到一个主要由块组成的页面中.从那以后,我花了一些时间检查团队的建设情况.

除了 Bauhaus Centenary Block,它可能只是设计师感兴趣的有趣的东西,大多数 block 插件应该对许多用户有用.

令人惊讶的是,该团队未能添加"块";标记到其所有块插件,因此并非所有这些都列在官方块目录中.这很可能是一个疏忽,在某个时候会得到纠正.目前,它只是让我们这些寻找独立块插件的人更难找到它们.

Starscape Block

配置 Starscape 块.

Starscape Block 插件创建了一个以移动星星为背景的容器.最终用户可以控制恒星的密度和速度.该块提供两个渐变背景选项(线性或径向)以及 12 种预定义的渐变颜色可供选择.用户还可以控制它提供的单个文本输入的颜色.

这个块目前最大的缺点是它的行为方式与核心 Cover 或 Group 块不同.除了通过富文本字段添加一行文本外,用户无法添加任何内容.如果团队将其开放以允许嵌套块,它会更有用.

如果团队进一步推动极限,这个区块有很多可能.例如,能够将星星叠加在图像背景(例如城市景观或森林)上也很有趣.

波块

在 Waves 块中添加自定义内容.

与 Starscape Block 类似,Waves Block 插件创建了一个具有移动背景的容器块.背景不是星星,而是由 — 组成.你猜对了——波浪.它不是做同样事情的插件的简单副本.Waves 模块是一个更强大的解决方案.它的工作原理与核心 Cover 块几乎相同,并允许其他块嵌套在其中.

最终用户可以控制波浪的复杂性、鼠标速度和流畅速度.他们还可以设置容器的最小高度,并选择四种颜色来创造流动的波浪效果.

这个块玩起来很有趣.用户可以使用此插件创建一些有趣的英雄风格的页面标题,尤其是当 WordPress 将来会将帖子标题/标题区域视为块容器时.

事件块

使用 Event 块设置自定义事件.

通常情况下,在我参与过的发布事件的大多数项目中,它通常是偶尔发生的单个事件.许多事件管理插件都太过分了.过去几次,我构建了一个小部件或一个简单的短代码来输出基本的事件通知.对于需要在其站点上输出事件通知的基本方法的最终用户,事件阻止插件可能是最佳选择.

它是一个独立的块,允许用户输入事件标题、日期、位置、描述和图像.这是一个简单、轻松的解决方案.

我希望在此块中看到的一个缺失组件是能够添加开始日期和结束日期.对于多天事件,用户必须在描述框中提供该信息,这对于大多数用例来说是可以接受的.但是,通过"何时"可以更好地提供完整的活动日期.领域.

布局网格块

使用布局网格块创建书籍部分.

我们之前在一篇关于核心 WordPress 是否应该包含网格系统的文章中介绍了布局网格块插件.然而,值得注意的是这个块是 Automattic 的实验块存储库的一部分.自 Tavern 的最后一次外观以来,该插件也得到了更新和改进.它以前运行良好,但一些小错误修复大大提高了它的可用性.

Layout Grid Block 正在迅速成为我最喜欢的用于创建列的插件之一.可以轻松设置两到四列内容,并根据屏幕大小更改内容的显示方式.我测试过的其他一些插件更强大.然而,其中一些往往比普通用户可能需要的更复杂.此插件可能适合许多用例.

4

发表回复