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,提升了整体编辑体验
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正逐步成为一个支持多人协作、无障碍设计和内容批注的成熟编辑平台。
(本文由美国主机侦探原创,转载请注明出处“美国主机侦探”和原文地址!)
微信扫码加好友进群
主机优惠码及时掌握
QQ群号:938255063
主机优惠发布与交流




