Gutenberg 10.7集成块模式目录 新块设计控件详解
Gutenberg 10.7 近期正式发布,开发团队随后迅速推出了 10.7.1 版本以修复已知问题。本次更新的核心焦点在于为今年7月即将推出的 WordPress 5.8 版本做准备。值得注意的是,当前 WordPress 开发周期的功能冻结期已于周二结束,这意味着在此之后,除 Gutenberg 10.7 以外的任何新功能都将不会纳入核心平台更新。WordPress 5.8 Beta 1 版本定于6月8日发布,从测试反馈来看,团队已显著优化了界面与用户体验,用户还可期待更多增强功能,如新增的块设计选项等。
### 新功能亮点
#### 文章目录 Toggle 集成块模式目录
Gutenberg 现通过 WordPress.org 上的模式目录提供默认块模式,这一举措将开发工作从插件和核心 WordPress 转移出来,使设计师能够在无需用户更新的情况下持续迭代设计。用户将始终能获取编辑器提供的最新版本。将模式插入内容画布变得极为便捷,这一工具或将成为许多人在 WordPress 编辑器中构建复杂布局的利器。目前目录包含10个模式,未来将向社区开放以供更多贡献。
#### 新的块设计控件
10.7 版本引入多项创新控件,其中边距控制功能最受瞩目,它允许用户更精确地调整间距。主题作者需在 theme.json 文件中设置 settings.spacing.customMargin 为 true 以启用此功能。目前仅站点标题和标语块支持此功能,且标题块还新增字母大小写排版控件。Column 块也得到升级,用户可自定义各列的内边距和颜色。媒体和文本块在侧边栏新增“媒体宽度”选项,优化了宽度调整体验。封面块新增转化为群组块的选项,但仅适用于带有背景的块。
#### 模板编辑器欢迎指南
模板编辑器作为 WordPress 5.8 的核心功能之一,允许用户无缝切换内容与模板编辑模式。为帮助用户理解新功能,开发团队提供了欢迎指南,目前内容较为基础,期待后续能增加更多说明或链接至官方文档。公开招募志愿者参与模板编辑器反馈收集,以优化用户体验并减轻支持压力。
#### 按钮块使用 column-gap
按钮块间距的优化是块系统完善的重要一步。传统 CSS 边距方案已逐渐被现代 flex 和 grid 布局取代,新方案不仅简化了代码,还提高了响应式设计的灵活性。开发团队计划将此方案推广至列、画廊和 Query Loop 块,有望大幅减少冗余代码,提升开发效率。
注:本文出自 wptavern.com,由 WordPress大学 翻译整理。