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 一致性调整到底层架构优化，再到更易维护的文档体系，开发者可以更轻松地构建自定义区块与页面逻辑。

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：[email protected]
④ 工作时间：周一至周五，9:30-18:30，节假日休息