Gutenberg 12.1 修复了 Block Appender 布局移位，添加了模板列表视图，并增强了全局样式

已发表: 2021-12-09

今天早些时候，Gutenberg 12.1 登陆了 WordPress 插件目录。最新版本对用户体验进行了重大改进，包括对块追加器布局转换的修复、新的全局样式功能和改进的模板列表视图。主题作者还有一个新标志，用于启用所有与外观相关的工具。

WordPress 5.9 原定于今天发布，但已被推迟到 2022 年 1 月 25 日。贡献者需要更多时间来完善与发布捆绑在一起的站点编辑器和相关工具。到目前为止，他们通过修复错误和创造整体更好的用户体验来利用额外的时间。

不再有布局转变

如果这是 Gutenberg 12.1 中唯一的变化，我将成为世界上最快乐的用户。幸运的是，还有其他不错的项目，但我使用块编辑器三年来最大的烦恼现在已经得到解决。

内容画布中的块附加程序（那些小的+按钮）现在使用固定定位显示。这意味着当您选择块时，尤其是那些嵌套在其他块中的块时，屏幕不再反弹、移动布局或在原本完美的部分留下空白间隙。

我从与其他人的交谈中了解到，这是过去构建复杂布局时的一个痛点。对于某些人来说，他们根本不会使用块编辑器，因为它太烦人了。如果你落入这个阵营，值得再试一次。这是用户体验的显着改善。

用户现在可以通过全局样式侧边栏中的调色板部分定义自定义渐变。这些将在整个站点中可用，并且与主题无关。

调色板还在同一渐变部分下显示双色调颜色。但是，目前还没有创建自定义双色调滤镜的选项。这是一个只读部分。

全局样式面板还将文本和链接元素之间的排版选项分开，为将来的其他 HTML 元素打开了大门。

用户可能不应该为链接更改此设置。相反，它们通常应该与周围的文本相匹配。如果我们将来获得 text-decoration 或类似选项，分离可能更有意义。但是，更改字体大小或行高等设置可能对设计不利。

Gutenberg 12.1 引入了来自站点编辑器的新模板和模板部件列表视图。在过去的几个插件版本中，此功能的 UI 已经跳跃。该列表可通过编辑器中的左侧滑出面板获得数月之久。然后，它在 11.9 中被完全删除。它在该版本和 12.0 之间重新出现。

该面板现已缩小，包括站点、模板和模板部件的三个链接。第一个链接调出站点编辑器。其他显示现有模板的表格。

目前在屏幕之间切换感觉很慢。但是，这是 1.0 版本的站点编辑器，全世界的 WordPress 用户都会看到。它可能会随着时间而改变。 “当前的设计迭代有利于简单性和可用性，”Riad Benguella 在公告中写道。 “将来可能会添加实现客户端导航和马赛克视图的迭代。”

似乎没有办法添加自定义模板，例如类别或作者档案。使用二十二十二主题时，单击“添加新”按钮会显示首页和搜索模板的选项。

但是，添加新的模板部件是一个更加精细的过程。单击按钮创建一个后，用户会看到一个覆盖和表单，如下面的屏幕截图所示：

用户可以给它一个自定义名称，并在三个允许的区域之间进行选择：常规、页眉和页脚。创建新零件后，用户将被带到编辑器。

再次查看模板部件列表时，它会显示创建它的用户并有一个选项下拉列表（省略号按钮）。目前，唯一的操作是删除该部分。

我希望看到顶级模板在创建新模板时得到与模板部分相同的处理。尽管它们之间存在一些细微差别，但归根结底，两者都是模板。如果创建过程匹配，用户体验将受益。

在此屏幕的默认列表之外创建自定义模板也将帮助设计人员从站点编辑器直观地构建主题。

最新版本引入了空导航菜单块的后备。最终，如果没有找到菜单，它将显示页面列表块。根据用户网站的页面数量，这可能很快就会失控，如下面的二十二十二截图所示：

主题开发人员可以通过block_core_navigation_render_fallback过滤器钩子覆盖此后备，方法是返回一个false值或一组有效的导航父级子块。主题作者，我邀请他们慷慨地使用这个过滤器钩子。

对于块主题开发人员，标准模板相关文件夹已重命名。旧名称将继续有效，但作者应在其主题中更新以下内容：

此更改清理了顶级主题目录，但它也为未来的更多标准化开辟了道路。 /patterns已经有一张开放票，并且/styles文件夹是可能的。

Gutenberg 12.1 还为theme.json引入了appearanceTools工具标志，允许主题作者启用对所有当前和未来边框、颜色、间距和排版选项的支持。我在 Gutenberg 12.0 帖子中更详细地介绍了这一点，该帖子错误地将该功能标记为与上一个版本捆绑在一起。