Gutenberg 11.5新增小工具分组、迭代区块间隙功能并更新导航菜单

Gutenberg 11.5上周早些时候正式发布。这是一个重大版本,其中包括对导航块的大量更改、分组小工具的新方法以及更多区块间隙功能集成。

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

导航区块更改

由于导航菜单仍然是站点编辑中的一个痛点,Gutenberg增加了新的复杂性。Site Title和 Site Logo区块允许在Navigation容器内

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

导航区块模式-1

Gutenberg 11.5新增小工具分组、迭代区块间隙功能并更新导航菜单-2

导航区块模式-2

导航区块模式-3

导航区块模式-4

导航区块模式。

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

我对Gutenberg处理这些更高级布局的基础没有异议。但是,我们还没有理顺导航的基础知识。搜索和插入站内链接的体验充其量是乏善可陈,需要多次点击鼠标。有一个更轻松的导航体验的公开工单,这应该是重点。

主题作者还应注意Navigation区块现在依赖于 CSSgap属性而不是margin. 我差点错过了这个,因为我几个月前为我自己的项目定制了这个——欢迎来到2021年,在那里我们不再需要依赖简单的间距解决方案。此更改可能会影响现有的主题设计。

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

独立的FSE主题管理员通知

独立的FSE主题管理员通知。

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

在以前版本的插件中,此通知出现在后端的每个屏幕上。现在,它只出现在Themes/Appearance页面上

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

小工具分组区块

编辑小工具分组区块标题

编辑小工具分组区块标题。

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

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

更好的消息是,这很可能会出现在WordPress5.8.2而不是今年晚些时候的5.9版本中。

我不会说它是一个完美的解决方案。该体验并未立即说明如何添加小工具标题。用户必须先添加一个区块。添加块后,他们可以单击出现的标题/标题占位符。然后,UI切换到用于键入标题的字段。

以下视频显示了小工具组区块的工作原理:

至少用户现在不必手动创建小工具wrappers。如果这个问题是一个阻碍,有些人甚至可以停用Classic Widgets插件。

“行”组变化和Flex布局

添加带有Row区块变体的post meta(byline)部分

添加带有Row区块变体的post meta(byline)部分。

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

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

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

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

更多区块间隙集成

每个栏目区块之间的间隙

每个栏目区块之间的间隙。

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

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

那里有很多额外的间距 那里有很多额外的间距。

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

文章作者双色调支持

对于本应用于废料堆的某些内容,文章作者区块现在以其化身的双色调过滤器支持形式获得了一些新生命。它的工作方式与其他区块(例如图片区块和封面区块)的工作方式相同。

问题是文章作者被弃用了上一个WordPress版本,因为它还没有准备好。该区块是作者姓名、头像和描述的弗兰肯斯坦混搭。这些应该是主题作者和用户可以以独特布局排列的多个区块

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

标签

评论交流

闪电博沟通群

扫码加入QQ交流群 695891297