Gutenberg 21.5 新功能全解:手风琴块、命令面板与边框半径预设

Gutenberg 团队在 2025 年 8 月 27 日正式发布了 Gutenberg 21.5 版本,本次更新带来了多项全新功能、界面优化和性能改进。对于使用 WordPress 区块编辑器的用户来说,这次更新提升了设计灵活性、编辑体验和可访问性。本文总结了 Gutenberg 21.5 的核心亮点与主要更新内容。

1. Gutenberg 21.5 概览

Gutenberg 21.5 是一次功能性与体验性并重的版本更新。除了引入新的区块和增强型设计工具外,本次还优化了命令面板、样式控制、数据视图和表单组件等多个核心模块,进一步提升了编辑器的可用性和性能。

发布日期:2025 年 8 月 27 日
核心亮点

新增实验性 手风琴块(Accordion Block)

管理仪表盘中集成命令面板

支持 边框半径预设,提高设计一致性

表单、数据视图和多媒体交互的性能优化

大量 Bug 修复与无障碍性改进

2. 新功能亮点

2.1 引入实验性“手风琴块”

Gutenberg 21.5 推出了新的实验性 Accordion Block(手风琴块),它由 触发器(Trigger) 和 面板(Panel)组成,支持独立设置样式。

主要特性

可自定义手风琴的展开与折叠交互

各部分样式可单独设计,支持更高自由度

完善可访问性与语义化,符合无障碍标准

默认适配移动端设备,保证响应式体验

这让创作者可以轻松在页面中构建 FAQ、分步教程等内容,提升信息组织效率。

2.2 管理仪表盘中的命令面板

命令面板是 Gutenberg 近年来重点开发的功能之一,而 21.5 版本首次将其集成到 WordPress 管理仪表盘中

功能改进

直接在后台快速调用命令,不用离开当前页面

可搜索站点设置、导航到页面、启动插件操作

后续版本还会持续扩展支持更多命令和自定义功能

这一更新显著提升了管理员和开发者的操作效率。

2.3 支持边框半径预设

Gutenberg 21.5 在 theme.json 文件中新增了 边框半径预设配置。
现在,设计者可以在主题中提前定义统一的圆角样式,而不必手动设置每个元素的边框半径。

优势

保证网站视觉一致性

提升全局设计效率

配合颜色、间距、长宽比等预设,统一样式管理

3. 功能增强与界面优化

除了主要亮点,Gutenberg 21.5 对大量现有功能做了优化,重点包括:

3.1 数据视图与表单改进

可选无限滚动:为数据表格提供可选的无限加载模式

列移动支持:表格布局支持左右拖动列,提升可视化交互体验

新增卡片布局:支持更多内容展示形式

表单新增 Array 控件异步验证,增强表单灵活性

3.2 块库更新

新增“查看”按钮,支持在导航链接块中快速预览

视频块支持 iOS 自动播放

改进封面块、导航块、媒体与文本块的交互体验

“Accordions” 正式更名为 “Accordion”,更符合语义化

3.3 写入模式优化

写入模式下隐藏不必要的剪切、复制等功能

优化仅内容模式(contentOnly),减少干扰

修复站点徽标、标题块在写入模式下的样式问题

4. 错误修复与性能提升

Gutenberg 21.5 解决了多项用户反馈问题,提升了整体稳定性和可用性:

修复页面顶部拖放交互异常

优化自定义 CSS 属性,支持更多无单位值

修复文章父页面标题过长导致的溢出问题

表格视图和数据网格的布局统一性提升

改善图标与主题颜色的兼容性

这些优化让编辑器更加稳定,也让多端体验更加一致。

5. 开发者相关更新

对开发者而言,本次更新也有几个值得关注的变化:

block.json 文件中 apiVersion 字段设为必填项,且必须为 3

新增 梯度解析器升级至 1.1.1,支持更丰富的渐变效果

提升表单组件 Storybook 测试的覆盖率

升级 Playwright 至 v1.54.2,改进端到端测试

6. 总结

Gutenberg 21.5 是一次以 新功能+性能优化为核心的升级,尤其是 手风琴块命令面板边框半径预设的引入,让创作者和开发者都能更高效地构建内容与设计页面。同时,本次更新在数据视图、表单交互和块库体验上的改进,进一步提升了区块编辑器的可用性。

对于内容创作者而言,这意味着:

更高效的页面内容组织

更快的后台管理操作

更灵活的全局设计能力

如果你想体验最新功能,建议升级到 Gutenberg 21.5,并探索这些改进如何提升网站编辑体验。

Leave a Reply

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