此次更新新增了媒体编辑器裁剪控制功能,并将该能力扩展至 Cover(封面)区块;同时增强了响应式样式控制,包括宽高比、Flex 对齐方式以及文字阴影设置。
此外,新版本还包含:
- 最低支持 WordPress 版本提升至 6.9;
- Icon(图标)区块新增转换功能;
- 实时协作体验优化;
- Playlist(播放列表)和 Tabs(标签页)区块正式稳定;
- Notes(评论/批注)功能进一步增强。
1. Playlist 和 Tabs 区块正式稳定
此前处于实验阶段的两个区块——**Playlist(播放列表)**和 Tabs(标签页),现在已经正式加入 Gutenberg 默认区块库,无需开启实验功能即可使用。
Playlist 播放列表区块
Playlist 区块可以帮助用户在页面中展示和播放多个音频内容,并支持显示:
- 音频标题;
- 封面图片;
- 艺术家信息;
- 波形图;
- 音轨长度。

用户还可以自由调整播放列表样式,例如:
- 设置播放顺序;
- 开启或关闭封面展示;
- 隐藏艺术家名称;
- 显示或隐藏编号;
- 控制歌曲时长显示。
该功能未来还将在 WordPress 7.1 中继续优化。
Tabs 标签页区块
Tabs 区块用于将内容组织成多个标签页面,让用户可以通过点击不同标签查看对应内容。
该区块遵循 W3C ARIA Authoring Practices Guide 中关于标签组件的无障碍设计规范。

每个标签页都可以添加任意 Gutenberg 区块,同时支持:
- 颜色设置;
- 字体排版调整;
- 边框样式;
- 间距控制。
用户可以根据主题设计需求,自定义标签导航的视觉效果。
2. Notes 批注功能增强
Gutenberg 23.6 进一步完善了 Notes 功能,使其逐渐向完整的内容协作评论系统发展。
本次更新带来了两个重要改进:
支持文本级内联批注(Inline Notes)
此前 Notes 只能关联整个区块,现在用户可以针对具体文字内容添加批注。
例如:
- 选中文章中的某一句话;
- 添加备注;
- 该文本区域会保持高亮标记;
- 即使继续编辑内容,批注仍会绑定对应文字。
同时:
- 一个区块可以添加多个内联批注;
- 多个批注会按照文本出现顺序排列;
- 发布后的前端页面不会显示这些高亮标记。
这让 Gutenberg 更适合团队内容编辑和多人审核场景。
支持 @提及用户
Notes 现在支持类似社交平台的 @ 提醒功能。
用户在批注中输入“@”后,会出现可搜索的用户列表:
- 支持键盘操作选择用户;
- 插入后生成用户标签;
- 标签会关联对应作者页面;
- 系统会记录被提及用户 ID。
该功能方便团队成员之间进行精准沟通。
3. Gallery 图库区块新增动态模式
Gutenberg 23.6 为 Gallery(图库)区块增加了动态展示模式。
此前 Gallery 区块只能手动选择图片,现在新增 Dynamic Gallery(动态图库)功能,可以自动显示当前文章关联的媒体文件。
动态图库支持:
- 在编辑器中实时显示;
- 在网站前端自动展示;
- 根据文章附件动态更新内容。
值得注意的是,Dynamic Gallery 并不是新的独立区块,而是 Gallery 区块的一个变体。
用户可以:
- 从图库占位区域直接创建动态图库;
- 随时切换回普通图库;
- 保留原有区块设置。
这一改进对于新闻网站、博客、作品展示站等需要自动管理图片内容的网站更加实用。
4. 图标集合与自定义 Icon 注册 API
Gutenberg 23.6 对 Icon 图标系统进行了升级,现在插件和主题开发者可以注册自己的图标集合。
新版 Icon API 支持:
- 自定义图标注册;
- 图标集合管理;
- 编辑器和前端共享图标数据。
这意味着主题和插件开发者可以创建专属图标库,并直接集成到 Gutenberg 编辑体验中。
图标选择器体验优化
为了适应越来越多的图标资源,新版本重新设计了图标选择界面。
主要变化:
新增 Collections(集合)分类
类似 Pattern Explorer(区块样板浏览器)的设计:
- 不再显示所有图标混合列表;
- 用户可以按图标集合浏览;
- 支持搜索指定集合中的图标。
异步加载图标
当网站注册大量图标时,系统会采用异步加载方式:
- 减少编辑器加载压力;
- 提升操作流畅度;
- 保持界面响应速度。
Gutenberg 23.6 其他重要更新
除了以上功能,本次更新还包括:
- 媒体编辑器新增裁剪控制;
- Cover 区块支持更多图片编辑能力;
- 响应式样式状态进一步扩展;
- 新增宽高比控制;
- Flex 布局对齐能力增强;
- Text Shadow(文字阴影)样式支持;
- Icon 区块支持更多转换方式;
- 实时协作功能优化。
相关阅读:《Elementor、Gutenberg、传统主题模板怎么选?三类建站方式对比表》
分类:新闻资讯
标签:Gutenberg