Gutenberg 11.5 添加了小部件分组、迭代块间隙功能并更新了导航菜单

已发表: 2021-09-17

古腾堡 11.5 今天早些时候登陆。 这是一个重要的版本,包括对导航块的广泛更改、对小部件进行分组的新方法以及更多块间隙功能集成。

我对使其成为最新版本的功能反应不一。 在某些时候,我心想,终于,这成功了。 在其他时候,我渲染了让-吕克·皮卡德著名的脸型的最佳版本。 但是,车轮一直在转动,将时间和精力投入到项目中的开发人员继续改进它。

一个快速说明是,每个不运行支持块编辑器的主题的人都应该检查他们的后端样式是否不合适。 如果用户的活动主题没有注册自己的主题或存在theme.json文件,Gutenberg 会自动输出一些默认的编辑器样式。 这应该捆绑在 WordPress 5.8.2 等点发布版本中,这样用户就不会等到 5.9 版本。

导航块更改

由于导航菜单仍然是网站编辑的痛点,古腾堡增加了新的复杂程度。 站点标题和站点徽标块允许在导航容器内。

正如 Joen Asmussen 在原始票中所分享的,一些复杂的布局将受益于在 Navigation 块中允许更多内部元素:

这可以通过自定义模式为主题作者打开一个布局可能性的世界。

我对 Gutenberg 解决这些更高级布局的基础没有意见。 但是,我们还没有理顺导航的基础知识。 搜索和插入站内链接的体验充其量是平淡无奇的,需要多次点击鼠标。 有一个更轻松的导航体验的开放票,这应该是重点。

主题作者还应该注意,导航块现在依赖于 CSS gap属性来表示间距而不是margin 。 我几乎错过了这一点,因为几个月前我为自己的项目定制了这个——欢迎来到 2021 年,我们不再需要依靠 hacky 的边距解决方案来实现简单的间距。 此更改可能会影响现有的主题设计。

FSE 管理员通知仅限于主题屏幕

主题/外观管理屏幕上的 FSE 主题管理通知。
唯一的 FSE 主题管理员通知。

Gutenberg 插件有很多抱怨,因为它的功能不断变化。 然而,运行插件最烦人的事情是当用户运行块主题时它的持久性、不可关闭的管理员通知。

在该插件的先前版本中,此通知已出现在后端的每个屏幕上。 现在,它只出现在主题/外观页面上。

在过去的几个月里,我一直保持 Ben Gillbanks 的 Toolbelt 插件处于活动状态,其唯一目的是隐藏此通知。

甩掉包袱。 告别。

小部件组块

WordPress 管理员中的小部件屏幕,其中显示了新的小部件组块。
编辑小部件组块标题。

虽然我普遍认为 Gutenberg 插件开发人员和核心 WordPress 很好地利用了反馈,但基于块的小部件系统一直是该项目失败的一个领域。 正如我自 2020 年 9 月以来一直在重复的那样,该功能从根本上被破坏了。 目标是允许最终用户在更多地方添加块,但它从未与经典主题标记和样式兼容。

我建议使用模式,但团队使用了 Widget Group 块。 最终结果相似但不完全相同。 好消息是它修复了本应阻止功能登陆核心的问题。

更好的消息是,这很可能会在今年晚些时候登陆 WordPress 5.8.2 而不是 5.9 版本。

我不会称其为完美的解决方案。 经验并未立即明确如何添加小部件标题。 用户必须先添加一个块。 添加块后,他们可以单击出现的标题/标题占位符。 然后,UI 切换到用于输入标题的字段。

以下视频显示了 Widget Group 块的工作原理:

我宁愿有一点笨拙的经历,也不愿根本没有解决方案。 至少用户现在不必手动创建小部件包装器。 如果这个问题是一个问题,有些人甚至可以停用 Classic Widgets 插件。

“行”组变体和 Flex 布局

使用新的行块变体,帖子作者、日期和评论链接彼此相邻排列。
添加带有 Row 块变体的帖子元(署名)部分。

为了开始测试 Gutenberg 11.2 中引入的新 flex 布局系统,开发团队在名为 Row 的 Group 块上添加了一个变体。 这允许用户并排对齐内部块,而不是在默认的“流”布局中彼此重叠。

该功能有大量用例。 主题作者的主要场景之一是将帖子和评论元数据块彼此相邻对齐。 以前,这需要使用 Columns 块或自定义样式,这两种方式都不理想。

边缘的体验很粗糙。 我经常发现很难在正确的位置单击来编辑块,并且附加按钮并不总是出现用于添加新的。

社交图标块也使用新的 flex 布局。 但是,目前还没有办法将其切换为垂直社交链接的流模式。

更多块间隙集成

突出显示各个列块之间的间距/间隙。
每个 Column 块之间的间隙。

Columns 块现在使用 Gutenberg 11.4 中引入的间隙功能来处理各个 Column 块之间的间距。 目前还没有供最终用户控制的 UI,但随着功能的发展,它很可能会在未来的版本中登陆。

Gutenberg 11.5 现在在编辑器中为帖子标题添加了底部边距。 无论出于何种原因,开发团队已经取得了飞跃,并假设其当前对块间隙功能的处理需要这样做。 这是一个需要解决的复杂问题。 与此同时,一些用户可能会在编辑器的标题和内容之间看到比他们习惯的更多的空白。

块编辑器中帖子标题和内容之间的空白数量异常。
那里有很多额外的间距。

当然,这取决于活动主题、对块间隙功能的支持以及当前样式。

发表作者双色调支持

对于本来应该被扔进垃圾堆的东西,Post Author 块现在有了一些新的生命,它的头像支持双色调过滤器。 它与其他块的工作方式相同,例如图像和封面。

问题是 Post Author 已从上一个 WordPress 版本中删除,因为它还没有准备好。 该块是作者姓名、头像和描述的科学怪人混搭。 这些应该是主题作者和用户可以以独特布局排列的多个块。

虽然双色调支持只是添加了一行额外的代码,但继续以当前形式处理块是没有意义的。 我很乐意将其视为单独的 Post Author Avatar 块的一部分。