Gutenberg 21.2.0更新:增强功能、修复与性能提升

Gutenberg v21.2.0以稳定的节奏推进了核心功能的优化与创新。本文将带你快速了解本次更新中包含的功能增强、Bug 修复、性能提升以及开发者友好改进,帮助你掌握编辑器的最新能力与方向。

一、核心功能增强亮点

1. 更灵活的数据展示控制

Gutenberg 的 DataViews 模块新增了 perPageSizes 属性,开发者更灵可以活地控制每页显示的项目数量,提供更加精细化的用户分页体验。

2. 插件开发更易于国际化

ESLint 规则加强,强制开发者严格匹配国际化注释中占位符格式,避免翻译错误;并引入 @tannin/sprintf 提高字符串格式化一致性。

3. 格式工具与媒体处理更顺畅

Format Library 优化了内联图片替换流程,减少点击与交互步骤,提高效率。

4. 区块设置面板结构优化

多个区块设置面板由原来的 PanelBody 改为统一的 ToolsPanel,如 Gallery 画廊区块、Site Logo 站点 Logo 等,使面板体验更加一致、可扩展性更强。

5. 导航链接增加“新窗口打开”选项

导航区块(Navigation Link)新增“在新标签页中打开”开关,满足常见的外链需求,增强导航区块的灵活性。

二、新增组件与界面调整

1. 新日期选择组件

组件库新增 DateCalendar 和 DateRangeCalendar,为涉及时间范围选择的界面提供原生支持。

2. 图标与弹窗样式统一

多个图标(如帮助、加号、字体设置)更新为统一比例,并统一弹窗(如区块锁定弹窗)尺寸规范,视觉更加协调。

3. 插件扩展能力增强

Post Editor(文章编辑器)现在允许开发者替换默认的 PostLockedModal 组件,便于开发团队自定义锁定提示行为。

三、Bug 修复与细节优化

图片区块:修复媒体标题中换行符丢失问题。

RSS 区块:修正标题显示 HTML 实体编码问题。

封面图与特色图像:恢复图像清晰度重置功能。

导航子菜单边框:解决子菜单边框不显示问题。

图标尺寸:修复 plusCircleFilled 图标大小异常。

四、性能优化

usePostActions 避免不必要的模板请求,提升编辑器响应速度。

插入器(Inserter)相关查询减少无约束调用,减少资源消耗。

Post Author 区块优化用户查询逻辑,加载更迅速。

五、可访问性改进

修复 FormTokenField 在启用 __experimentalExpandOnFocus 时失焦问题,提升键盘导航体验。

六、文档与开发体验优化

多个组件和模块更新了开发文档,包括新增属性说明、图例优化与示例代码更新。

改进 ServerSideRender 用法示例,废弃不必要的 POST 方法演示。

Word 图像嵌入支持更新,提升粘贴兼容性。

七、代码质量与内部清理

精简多个模块未使用的属性与样式,移除冗余依赖(如 Floating UI)。

使用 data hooks 替代旧的高阶组件(HoC)写法,提升可维护性。

修复 wp-env 在 Debian Buster 上的构建错误,提升本地开发环境兼容性。

结语

本次 Gutenberg 更新展示了 WordPress 编辑团队在 性能、灵活性与开发者体验 三方面的持续投入。从 UI 一致性调整到底层架构优化,再到更易维护的文档体系,开发者可以更轻松地构建自定义区块与页面逻辑。

Leave a Reply

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