Gutenberg 21.9.0 重磅发布！新块、新功能与性能全面提升

WordPress 官方编辑器 Gutenberg 迎来了 21.9.0 版本更新！！！这一版本带来了多项令人期待的新功能，包括新增块类型、改进的可视化控制、以及大规模的性能与兼容性优化。本文将会为你系统梳理本次更新的核心变化，帮助开发者与网站管理员更快了解这一重要版本的亮点。

一、新增区块：编辑器功能更强大

Gutenberg 21.9.0 在“区块（Blocks）”方面进行了显著扩展，推出了多个实用性极强的新块，使创作者能更灵活地构建内容结构。

1. 新增数学块（Math Block）与富文本格式支持

这是一次面向专业内容创作者的更新，特别是教育、科研和技术博客用户。借助数学块，用户可以直接在 Gutenberg 编辑器中插入数学公式，而无需依赖第三方插件。

2. Term Count 与 Term Name 区块

这两个新块让网站管理员可以更方便地显示分类项数量或名称，适合内容分类、文章归档页、甚至电商商品目录中使用。

3. Breadcrumbs（面包屑导航）块

官方终于在核心编辑器中加入了 Breadcrumbs 块。它能根据文章层级和分类结构自动生成导航路径，极大地增强了页面的可用性与 SEO 友好性。

4. Time to Read（阅读时间）块

这一块已正式稳定，可自动计算文章预计阅读时长，帮助创作者优化阅读体验，也让博客页面更具专业感。

二、编辑体验与可视化控制增强

Gutenberg 21.9.0 对多个核心块的编辑体验进行了改进，让编辑器操作更直观、更符合设计逻辑。

图库块（Gallery Block）新增纵横比（Aspect Ratio）控制，用户可自由调整图片比例

分类（Categories）块的 JavaScript 逻辑得到优化，在下拉菜单模式下更稳定
Accordion（折叠面板）块已完成稳定化处理，支持锚点（anchor）属性并修复编辑冲突
Terms Query 块新增了“包含特定分类”选项与简化控制面板布局，使数据查询更高效
Link UI 面板增加“自定义 CSS 类名”输入项，方便开发者进行样式扩展

这些更新体现了 Gutenberg 团队在细节体验上的持续打磨，让内容创作更加顺滑。

三、DataViews 和 Site Editor 的改进

1. DataViews 全面升级

本次版本中，DataViews 组件获得了显著增强。官方为其新增了表单验证、日期字段校验、异步加载支持等能力，并统一了 DataForm 字体样式与 Grid 视图布局。
更重要的是，DataViews 现在可以通过新的 views 包来持久化用户视图修改，确保后台数据展示的个性化设置能够被保存和复用。

2. Site Editor（站点编辑器）

站点编辑器方面的更新主要集中在模板与页面数据视图的持久化上。

页面与模板的数据视图现在支持状态保存与恢复
模板激活逻辑得到优化，解决了重复弹窗和草稿模板问题
修复了静态模板点击后自动跳转的 Bug，提升了整体编辑体验

四、Block API 与交互性提升

Gutenberg 21.9.0 引入了多项 API 与交互层改进：

新增块可见性控制（Block Visibility），可在命令中心中直接隐藏或显示指定区块
支持 Synced Pattern 与 Template Part 块的可见性同步
Fit Text（自适应文字）功能正式加入，可根据容器宽度自动缩放文本大小
新增键盘快捷键，可快速切换块可见性

此外，Interactivity API 增加了唯一 ID 支持，并优化了模块预加载机制，使页面交互更加流畅。

五、性能与稳定性优化

这一版本在性能与兼容性方面同样有显著提升，特别是在 PHP 8.5 与新版构建系统上。

修复了多处 PHP 8.5 的兼容性警告与弃用提示
引入全新的 Build V2 构建系统，全面迁移到 esbuild，弃用旧版 webpack，提升构建速度并简化依赖管理
优化了 SCSS 监听、SVG 图标编译及脚本模块依赖处理，大幅减少前端打包体积
改进 CI 流程，减少冗余任务，提高持续集成效率

这一系列更新标志着 Gutenberg 的开发环境正在向更现代、更高效的前端体系演进。

六、辅助功能与协作编辑优化

Gutenberg 团队持续关注协作体验与无障碍设计。本次更新中：

Block Comments（区块评论）功能更稳定，新增焦点管理、键盘交互与排序同步

Notes（笔记系统）完全毕业于实验阶段，支持浮动评论、隐私说明与翻译优化
无障碍性方面，改进了导航链接焦点丢失问题，并为多个控件添加了 ARIA 属性支持

这些改进意味着 Gutenberg 正逐步成为一个支持多人协作、无障碍设计和内容批注的成熟编辑平台。

七、总结：从编辑器到完整的创作系统

Gutenberg 21.9.0 不只是常规的功能升级，而是一次对整体架构、性能和可用性的全面强化。新增的区块类型扩展了创作者的表达边界；性能优化与 Build V2 体系让开发体验更轻量高效；而 DataViews 与协作功能的强化，则让网站管理和团队创作更加智能与便捷。

升级吧！如果你的网站运行在 WordPress 6.7 或更高版本，Gutenberg 21.9.0 将带来更快的加载速度、更顺滑的编辑体验，以及让人惊喜的新功能！！！

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