Gutenberg 12.5 引入全局样式变化，保留相邻按钮样式，并为颜色选择器添加 Alpha 透明度

已发表: 2022-02-03

Gutenberg 12.5 今天早些时候登陆 WordPress 插件目录。我已经对至少一项新的增强功能感到兴奋，即全局样式变化。但是，这是一个强大的更新，具有几个以开发人员和用户为中心的功能。

随着 WordPress 5.9 的发布，看起来所有的人都回到了甲板上，因为我们为 5 月发布的 6.0 做准备。上周，我介绍了早期的路线图，该列表中的一些项目已经以某种形式或时尚出现在最新的古腾堡更新中。

全局样式变化

主题作者现在可以创建多个theme.json变体并将它们放入主题的/styles文件夹中。然后，用户可以在各种预设之间切换到最适合他们的预设。

新功能有望成为 WordPress 6.0 版本的亮点之一，默认的二十二十二主题最终将发布其自己的多个变体。

我在上周的一篇文章中更详细地介绍了该功能。 Gutenberg 项目负责人 Matias Ventura 在评论中对此进行了扩展：

在周期的早期得到这个，这样我们就可以消除经验和机制。我希望它在几次迭代中会非常好。我特别期待打破主题捆绑墙，因为所有这些变化本质上都与那里的每个块主题兼容！

虽然我分享 Ventura 对该功能的热情，但我不确定我们能否用 6.0 打破主题障碍。这里的想法是这样的变化可以在主题之间互换。鉴于全球样式系统的当前状态，我没有看到这种情况发生。

大多数theme.json都是标准化的，但许多作者使用settings.custom属性。这允许他们设置任意数量的自定义值，这些值通常通过主题样式表引用。

还有一个小问题是没有像颜色和排版这样的功能的标准命名方案。

因为在任何两个主题之间这些东西都不总是相同的，所以切换变化并不总是很漂亮。这是一个崇高的目标，也许值得尝试看看什么是可能的。然而，这个概念感觉就像是为了一个巨大的千篇一律的默认设置而完全放弃主题系统。

变化切换最好留给个别主题。允许在theme.json之上构建自定义系统的主题作者来管理用户体验和期望。我们应该专注于构建工具来帮助他们执行他们的愿景，而不用担心用户在一个完全不同的项目中“安装”他们的 JSON 变体。

WordPress 使复制按钮相对容易，但它隐藏在工具栏的选项下拉菜单下。与简单地点击“+”图标插入新的按钮块相比，这是一个两次单击操作。在 Gutenberg 12.5 之前，这将导致新版本获得默认样式处理。在您开始一次使用多个按钮之前，这是那些小烦恼之一。

最新版本在插入下一个按钮块时会自动复制相邻按钮块的样式。这是一个更好的体验。

然而，它并没有把我们带到我们需要去的地方。 如果您决定稍后更改每个 Button 的设计，会发生什么？ 在修改每一项之前，您还有很多工作要做。将一种样式复制到 Buttons 块组中的所有其他样式有一张开放票。

用户最终可以在块级别控制自定义颜色的 alpha 透明度。该功能适用于文本、背景、链接和边框颜色选项。此增强功能关闭了 2019 年 10 月首次打开的票证。

有一些颜色选择器未启用。这包括全局样式面板中的自定义调色板部分和社交链接块的图标相关颜色。 Cover 块叠加颜色也是如此，但它完全有一个单独的不透明度控制。

Gutenberg 12.5 引入了一个新选项，允许将 Post Featured Image 块设置为使用 WordPress 或主题定义的图像大小。这似乎是一个微不足道的变化，但它是块主题化的一个进步。

主题作者一直在过滤post_thumbnail_size钩子来处理这个问题。但是，当处理具有不同图像大小的多个后查询时，该方法会变得复杂。

我只提到了一年。我一遍又一遍地写它，试图让任何人听。如果我们希望更多设计师跳上基于块的主题开发火车，他们需要控制特色图像。太多的布局依赖于特定的尺寸才能看起来最好。

现在，如果我们只能在 Cover 和 Media & Text 块中使用特色图片……

今天我了解到帖子编辑器的选项菜单中有一个“复制所有内容”按钮。我不知道它已经在那里多久了，但那是一种整洁。我一直在不必要地尝试通过内容画布选择所有内容——有时是成功的衡量标准。即使是我们这些几乎每个醒着的时间都花在编辑器上的人，偶尔也会学到一个新技巧。

该复制内容选项现在已添加到站点编辑器中，作为在两个编辑器之间实现功能平等的计划的一部分。

继续帖子和站点编辑器之间的功能对等，用户现在可以切换到站点编辑器中的代码视图。

从技术上讲，这被称为“代码编辑器”，但对于任何试图编辑任何东西的人来说，前面都有龙。至少如果他们期望除了可怕的“此块包含意外或无效内容”消息之外的任何其他内容。我会航行到平静的水域，除了阅读或复制之外，我会避开它。