Gutenberg 13.0重磅更新:跨块文本选择与堆栈组变体功能详解

Gutenberg 13.0 正式登陆 WordPress 插件目录,这是近期发布的重要版本之一,包含了本应随 WordPress 6.0 一起推出的核心功能。本次更新涵盖了多项关键特性,包括多块部分文本选择、带特色图像的封面块、组的堆叠变体以及基于样板的页面创建。尽管本文仅精选部分重点内容,但完整更新详情请参考官方发布的 Gutenberg 13.0 版本公告。此外,其他值得关注的亮点还包括对栏目块的间距支持、网络字体优化、站点徽标与文章特色图像占位符的双色调设计,以及具备 flex 控件的块垂直对齐功能。

Gutenberg 13.0重磅更新:跨块文本选择与堆栈组变体功能详解

文章目录
Toggle
跨区块部分文本选择
堆栈和组变体
封面+特色图片
全局样式变化
新的边框控制组件
使用样板创建新页面
评论查询循环替换文章评论块

Gutenberg 13.0重磅更新:跨块文本选择与堆栈组变体功能详解

跨区块部分文本选择
用户现在能够跨多个富文本块选择文本,例如段落、标题、列表和引用。这一改进解决了以往突出显示部分文本时自动创建多块选择的问题,以往这种做法往往不太理想。新功能支持使用 Enter 键删除选定文本并创建新块,Backspace 键用于删除和向后合并,Del 键用于删除和向前合并。此外,键入操作将用新输入内容替换选定的文本。

Gutenberg 13.0重磅更新:跨块文本选择与堆栈组变体功能详解

堆栈和组变体
Gutenberg 13.0 为 Group 块引入了全新的 Stack 变体,与行变体共同构成了三种主要布局方式。虽然 Stack 变体与默认的 Group 块在垂直堆叠内容方面看似相似,但技术实现上存在显著差异。Stack 变体基于 flexbox 布局,而非传统的流式布局,这一改变可能对部分用户带来直观体验上的挑战。不过,这一新工具为主题开发者构建高级布局提供了强大支持。Stack 变体完全封装嵌套块,禁用其独立对齐控制,但自身具备左对齐、右对齐和居中对齐的设置选项。特别值得注意的是,“允许换行到多行”的控件提供了潜在的用例,而当前 UI 尚未显示高度控制选项。行变体在首次插入时也获得了显著优化,新插入的块将明确呈现水平布局。此外,用户可通过工具栏将选定块快速转换为组、行或堆栈布局。

Gutenberg 13.0重磅更新:跨块文本选择与堆栈组变体功能详解

封面+特色图片
封面块现在支持将特色图像作为文章标题的视觉元素。当封面块插入编辑器时,工具栏会出现“使用特色图片”切换选项。开启该选项后,图像数据将与块建立关联。这一创新功能有望为主题开发者与用户带来丰富的布局可能性,特别是在块主题设计领域。

Gutenberg 13.0重磅更新:跨块文本选择与堆栈组变体功能详解

全局样式变化
侧边栏新增浅色与深色全局样式切换功能。自 Gutenberg 12.5 推出以来,该功能允许主题开发者发布多个 /styles/*.json 文件,用户可在不同样式间自由切换,相当于主题专属的“皮肤”选择器。本次更新支持 JSON 文件中的 title 字段,以提供更人性化的标签显示。当用户将样式卡悬停在 UI 上时,会翻转显示标题及更多可变颜色选项。不过,翻转版本仅提取主题定义的前四种颜色,可能影响视觉呈现的整洁度。主题开发者可通过调整 *.json 文件中的颜色定义进行优化,但需注意这是一种非官方的临时解决方案。

Gutenberg 13.0重磅更新:跨块文本选择与堆栈组变体功能详解

新的边框控制组件
Gutenberg 13.0 引入 BorderBoxControl 组件,对原有边框设计工具进行全面升级。新组件将允许用户为支持边框的块精确设置四边边框的宽度、样式和颜色,并通过 theme.json 进行主题化控制。目前新组件已合并至插件开发版本,但正式支持需等到 Gutenberg 13.1 版本。

Gutenberg 13.0重磅更新:跨块文本选择与堆栈组变体功能详解

使用样板创建新页面
创建复杂页面布局变得更加便捷。当添加新页面时,系统会弹出窗口,用户可从“内容”样板列表中选择预设布局。无论是简单的关于/配置文件布局,还是完整的首页设计,用户均可在此基础上进行个性化定制。该功能依赖于主题开发者注册自定义样板,若未注册则仅显示默认编辑器。主题开发者应积极准备,迎接与 WordPress 6.0 的协同发布。

Gutenberg 13.0重磅更新:跨块文本选择与堆栈组变体功能详解

评论查询循环替换文章评论块
站点编辑器中的文章评论块已被新的 Comments Query Loop 块及其相关组件取代。虽然旧版评论块仍可使用,但已不再推荐,且不会出现在插入器中。新组件提供了更优的设计者与用户体验,尽管在 Gutenberg 13.0 中功能尚未完全兼容旧方案。此前报道中提到的问题,如缺少评论 ID 和类,已在主干中修复。但“X 回复文章”标题等细节问题仍待解决,预计未来几周内将逐步完善。前沿主题开发者需留意这些现存问题。

文章网址:https://www.wpbull.com/news/1978.html