Gutenberg v21.1.0 更新:增强功能、修复与开发者改进

WordPress Gutenberg 编辑器再次迎来重大更新!在最新发布的 v21.1.0 版本 中,团队为区块库、交互 API、性能与可访问性带来了众多实用改进。从全新的 ToolsPanel 统一设置体验,到 Interactivity API 路由与类型增强,再到多个核心区块细节优化,本次更新让内容创作和开发定制都更加高效。以下是 Gutenberg v21.1.0 的重点更新内容,帮助你第一时间掌握这些改变如何提升网站表现。

一、区块库与交互 API 的增强

1.1 区块库功能改进

作者区块(Author Block)
重构设置面板以使用工具面板,使配置界面更加简洁直观。

评论分页区块(Comments Pagination Block)

移除了链接底部不必要的外边距,使布局间距更加整洁统一。

导航区块(Navigation Block)
子菜单展开时,指示图标会自动翻转或旋转,增强视觉提示。

导航链接区块(Navigation Link Block)
新增 dropdownMenuProps 与 resetAll 功能,扩展自定义与开发灵活性。

文章导航链接区块(Post Navigation Link Block)
重构设置面板以使用 ToolsPanel。

1.2 交互 API(Interactivity API)增强

此次更新为 Interactivity API 带来多个重要功能:

iAPI Router新增 attachTo 支持,允许为新路由区域附加行为。

支持在客户端导航中加载新的样式与脚本模块。

导出 NavigateOptions 与 PrefetchOptions 类型。

二、扩展性与社交区块更新

社交链接区块 Block Variations 可以自定义内容,提升内容的设计自由度。

三、Bug 修复提升稳定性

此次更新修复了多项核心与区块库问题,包括:

核心数据 getHomePage:避免在解析前返回对象,增强数据稳定性。

日历区块(Calendar Block):修复颜色无法在 global styles 与 theme.json 之间切换的问题。

表单文件上传(FormFileUpload):扩展 iOS 兼容的音频 MIME 类型。

图片区块(Image Block):修复原生组件过期的无障碍提示;resetAll 现在可将图像分辨率恢复到默认值。

Interactivity API Bug 修复

修复图片灯箱在全客户端导航逻辑中的问题。

修复新访问页面上的动态导入问题。

修复 withScope 生成器中捕获的错误,以及重复嵌套区域的解析。

四、全局样式与性能优化

全局样式(Global Styles)修复表单区块的全局样式影响到所有表单元素的问题。

性能优化:Avatar 区块优化用户控制查询,提升加载速度。

五、开发者与文档改进

5.1 TypeScript 重构

多个包迁移至 TypeScript,包括:

HtmlEntities Package

Deprecated Package

5.2 文档更新

修复 Developer.WordPress.org 上的链接错误。

更新 Create Block 的自定义命名空间文档。

添加 isPostSavingLocked 示例。

六、代码质量与可访问性

多处代码重构,如将 URLInputButton 改写为函数式 React 组件。

增强了 PostAuthorCombobox 的回调简化。

Templates API 添加返回按钮,并修复了模板创建流程中的焦点丢失问题。

提升了 Interactivity 和 Router 注释的准确性。

七、总结

Gutenberg v21.1.0 带来了区块设置面板的统一体验、交互 API 的核心升级,也进一步提升了性能、可访问性与开发者便利性。对于内容创作者而言,这意味着更流畅的编辑体验;对于开发者而言,这为自定义开发与插件扩展提供了更稳固的基础。更多详情,前往Gutenberg最新资讯

Leave a Reply

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