Gutenberg 20.6 和 20.7 更新整合内容

Gutenberg 编辑器在 2025 年发布了 20.6 和 20.7 两个版本更新,20.6(2025年4月3日),20.7(2025年4月22日),主要带来了编辑体验优化、样式控制增强以及性能改进。虽然更新幅度不大,但新增的功能如导航区块的子菜单透明度设置、站点视图中的导航自动展开、所有文章类型支持起始模板弹窗等,仍为日常编辑带来了不少便利。

一、版本亮点概览

Gutenberg 20.6 亮点

导航块子菜单透明度滑块
新增在颜色选择器中为导航子菜单背景设置透明度的功能,增强视觉控制。

粘贴样式快捷键
支持通过快捷键 Cmd/Ctrl + Option/Alt + V 粘贴样式,提高编辑效率。

Gutenberg 20.7 亮点

导航菜单自动展开(站点视图)
默认展开站点视图中的所有导航选项,无需手动点击展开,提升可用性。

启动模式支持所有文章类型
启动模态框不再仅限于“页面”,现已支持所有文章类型,统一用户体验。

二、增强功能摘要

区块增强

目录块(ToC): 支持标题级别限制、属性持久化,提供更细化控制。

RSS 块: 可选择在新标签页中打开链接。

查询循环块: 增强互动性支持、控制关键词节流行为、避免属性被覆盖。

表格块: 支持保留 Markdown 表格的列对齐。

社交图标块: 删除冗余样式与状态设定。

编辑器 & 样式

BlockPatternsExplorer 无滚动时自动隐藏滚动条。

全局样式: 修复背景图像面板错误使用的 ItemGroup 组件结构。

格式高亮: 支持设置 alpha 透明度。

其他增强功能

Playwright 测试工具新增网络模拟助手。

数据视图默认启用复选框。

新增 GitHub Actions 用于 Storybook 烟雾测试。

三、关键错误修复

编辑器核心

媒体和文本块: 修复大屏设备预览错位、图像在堆叠下无法正常渲染的问题。

导航子菜单: 修复 ESC 键行为、性能问题、自动请求优化。

块工具栏: 当界面隐藏时防止工具栏错误显示。

粘贴功能: 解决 ToC 属性、按钮背景包装器和标签云样式相关 bug。

网站编辑与组件

PostPublishPanel 修复长标题溢出问题。

ComboboxControl 和 FormTokenField: 支持主题样式,修复 undefined 使用问题。

全局样式边框面板渲染冗余问题修复。

四、可访问性与性能提升

无障碍

Shift + Tab 修复 保证编辑器中标签跳转顺序正确。

子菜单操作提示更清晰,改进键盘交互体验。

性能优化

导航链接: 禁用块编辑时不检查有效性,仅在选择时加载实体。

图片块: 减少监听器和订阅行为以提升性能。

块解析器 & 渲染流程 清理冗余 since 标签和代码注释。

五、开发者相关更新

构建与脚本

修复 webpack 构建中缺失 block.json 的问题。

更新 browserslist 至最新版本以支持新特性测试。

移除无效依赖 @shopify/web-worker

文档与工具

改进 render_block_core_ 系列函数的文档与参数注释。*

完善 Storybook 组件展示、TypeScript 类型输出。

改进 VS Code 插件贡献指南

总结

Gutenberg 20.6 和 20.7 虽属小版本更新,但在以下方面表现突出:

导航体验优化(自动展开、透明背景);

编辑快捷操作增强(快捷键、属性控制);

多项错误修复与性能改进,尤其在图像、菜单、模板渲染方面;

加强对开发者文档、测试工具的支持,为插件/主题开发者提供更好的环境。

这些改进进一步完善了 Gutenberg 的编辑器体验和可定制性,特别适合主题开发者和内容创作者升级使用。

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注