Gutenberg 13.0 已发布到 WordPress 插件目录。它是最近发布的最重要的版本之一,包含应随 WordPress 6.0 一起提供的最终功能。
主要更新功能包括多块部分文本选择、带有特色图像的封面块、组的堆栈变体以及基于样板的页面创建。本文仅介绍了一些大的更新,要了解全部更新,请查看Gutenberg 13.0 发布公告。
其他值得注意的亮点包括对 栏目 块的间距支持、网络字体优化、站点徽标和文章特色图像占位符的双色调,以及具有 flex 控件的块的垂直对齐。
跨区块部分文本选择
用户现在可以跨多个富文本块选择文本,例如段落、标题、列表和引用。过去,突出显示部分文本会自动创建多块选择,这通常是不可取的。
该更改支持Enter
按键删除选定文本并创建新块,Backspace
用于删除和向后合并,以及Del
用于删除和向前合并。键入将用新输入替换选定的文本。
堆栈和组变体
Gutenberg 13.0为 Group 块引入了一个新的 Stack 变体。该更改总共创建了三个变体,包括默认输出和行。
乍一看,Stack 和默认的 分组 Group 块似乎没有太大区别。毕竟,它们都是垂直堆叠内容的容器。然而,Stack 变体在技术上是一个 flexbox,而不是一个流布局。我不确定这对可能无法立即理解区别的最终用户有何影响。但是,这应该是在主题中构建更高级布局的受欢迎工具。
Stack 变体完全封装了任何嵌套块,禁用了它们的对齐控制(例如,右对齐、宽对齐等)。但是,堆栈本身具有对齐控件,用于将内容左对齐、右对齐和居中对齐。
一个可能看起来不清楚的设置是标记为“允许换行到多行”的控件。至少有一个潜在的用例。如果设置了高度,堆叠布局也可能是水平的。但是,UI 中当前没有显示这样的高度控制。
首次插入时,行 Row 变化也得到了很大改善。现在有一个明确的指示,新插入的块是水平布局的。
除了部分文本选择外,用户还可以通过工具栏将选定的块快速放入组、行或堆栈中。
封面+特色图片
将封面插入编辑器时,工具栏中现在有一个新的“使用特色图片”切换。打开它会将图像数据与块联系起来。
有时,当新功能以最快的速度登陆时,很难选择最喜欢的功能。然而,在封面块中使用特色图像很容易成为我最兴奋的事情之一。
我很想看看主题作者和用户用它做什么。这为块主题开辟了一个全新的布局可能性世界。
全局样式变化
继续充实全局样式变化功能。首次与Gutenberg 12.5一起推出,它允许主题作者发布多个/styles/*.json
文件,用户可以在这些文件之间切换。本质上,它是特定于主题的“皮肤”选择器。
此更新支持 JSON 文件中的新title
字段,用于人性化标签。否则,它会退回到没有扩展名的文件名。
当用户将样式卡悬停在 UI 中时,它会翻转它以显示标题和更多可用于变体的颜色。不幸的是,盒子的翻转版本提取了主题定义的前四种颜色。这有时会导致变化的漂亮和干净的展示。它也可能是一个不给用户提供关于样式本身的有用信息的碍眼的东西。
主题作者可以通过在*.json
文件中调整颜色定义来控制这一点。但是,它充其量只是一个hack。因为这个方法不是官方的,所以不能保证它在未来会起作用。此外,对于那些喜欢保持整洁的人来说,这是一种创建杂乱无章代码的快速方法。
新的边框控制组件
Gutenberg 13.0 引入了新BorderControl
的BorderBoxControl
组件。这是对之前边框设计工具实现的大修。它最终将允许用户为选择支持边框的块定义所有四个边的边框宽度、样式和颜色。此外,主题作者将通过theme.json
控制.
虽然现在可以使用新组件,但要到 Gutenberg 13.1 才能支持块。从技术上讲,它已经合并到插件的开发版本中。
使用样板创建新页面
创建复杂的页面布局变得更加简单。添加新页面时,屏幕上会弹出一个窗口。它允许用户从“内容”样本列表中进行选择以插入到页面中。这可以像创建关于/配置文件布局的几个块一样简单。或者,它可以是一个成熟的首页设计。从那时起,用户可以自定义特定于其站点的部分。
此功能取决于主题作者为core/post-content
块类型注册自定义样板。否则,用户将只能看到默认编辑器。主题开发者应该开始尝试如何在下个月与 WordPress 6.0 一起登陆时展示这个新功能。
评论查询循环替换文章评论块
现有的文章评论块已被弃用,取而代之的是较新的 评论查询循环 Comments Query Loop 和相关块。 文章评论块仍然可以工作,就像其他不推荐使用的块一样。但是,它不会出现在插入器中。
评论查询循环提供了更好的设计者和用户体验。但是,至少在 Gutenberg 13.0 中,它还没有与它所取代的解决方案相同的功能。
我在之前的报道中提到的一些问题,例如缺少评论 ID 和类,已经在主干中得到解决。但是,对于“X 回复文章”标题还没有解决方案。我预计这一点和剩余的小问题将在未来几周内得到解决。然而,建立在最前沿的主题作者应该注意现有的问题。
本文仅介绍了一些大的更新,要了解全部更新,请查看Gutenberg 13.0 发布公告。
跨区块部分文本选择真的太棒了,之前因为没有这个功能一直用经典编辑器