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

Gutenberg 11.5 今天早些时候登陆.这是一个重大版本,其中包括对导航块的大量更改、一种用于分组小部件的新方法以及更多块间隙功能集成.

我对使其成为最新版本的功能反应不一.在某些时候,我对自己想,终于,它成功了.在其他时候,我呈现了我最好的让-吕克·皮卡德(Jean-Luc Picard)著名的面部表情.但是,车轮一直在转动,投入时间和精力到项目中的开发人员不断改进它.

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

导航块更改

导航菜单仍然是站点编辑的痛点,Gutenberg 增加了新的复杂度.导航容器内允许使用站点标题和站点徽标块.

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

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

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

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

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

唯一的 FSE 主题管理员通知.

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

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

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

很好的摆脱.再见.

小部件组块

编辑小部件组块标题.

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

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

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

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

以下视频展示了小部件组块的工作原理:


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

"行"组变化和 Flex 布局

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

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

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

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

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

更多块间隙集成

每个 Column 块之间的间隙.

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

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

那里有很多额外的间距.

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

帖子作者双色调支持

对于本应用于废料堆的某些内容,Post Author 块现在以其头像的双色调过滤器支持的形式获得了一些新的生命.它的工作方式与其他块的工作方式相同,例如 Image 和 Cover.

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

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

7

发表回复