(古腾堡)Gutenberg 20.1 和 20.2 有什么新功能?

本次更新涵盖了 (古腾堡)Gutenberg 20.1(1月22日发布)Gutenberg 20.2(2月5日发布) 两个版本。由于这两次更新的规模较小,因此合并在一篇文章中介绍。

图片[1]-Gutenberg 20.1 & 20.2 更新:内容预览、颜色选取优化及更多新功能

Gutenberg 20.1 20.2 已发布!最新版本
可供下载

尽管这两次更新的规模不大,但它们包含了许多有用的改进和 Bug 修复。此外,Block 设置的更新工作仍在进行,逐步迁移到 ToolsPanel。同时,这两个版本都带来了 可访问性(Accessibility) 方面的优化。

Gutenberg 20.1 版本(1月22日)

1. DataViews 视图新增“内容预览”功能

DataViews 视图中,新增了页面内容预览功能,可以让用户直接查看页面内容,而不是仅显示特色图片(Featured Image)。

  • 该功能类似于**模板(Templates)和模式(Patterns)**的预览方式。
  • 用户可以在设置中激活此功能,并随时在 特色图片内容预览 之间切换。
  • 此设置适用于所有三种视图模式:表格视图(Table)、网格视图(Grid)、列表视图(List),且会在不同视图间保持一致。

📌 PR 号: #67278

图片[2]-Gutenberg 20.1 & 20.2 更新:内容预览、颜色选取优化及更多新功能

2. 列表视图中显示菜单名称

列表视图(List View) 中,导航菜单的名称现在可以直接显示,而不是只显示通用的 “Navigation” 文本。

  • 当菜单名称发生更改时,列表视图中也会自动更新该名称,以便于管理和识别不同的菜单。

📌 PR 号: #68446

图片[3]-Gutenberg 20.1 & 20.2 更新:内容预览、颜色选取优化及更多新功能

3. 颜色选取器(Color Pickers)新增“清除”按钮

在以下区块的颜色选取器中,新增了 “清除颜色”按钮(Clear Control),允许用户轻松移除已选颜色:

  • 导航(Navigation)
  • 社交图标(Social Icons)
  • 文章特色图片(Post Featured Image)

之前,这些区块的颜色选项没有清除功能,用户只能手动更改颜色,现在可以一键重置颜色,使操作更加便捷。

📌 PR 号: #68454, #68564, #68525

图片[4]-Gutenberg 20.1 & 20.2 更新:内容预览、颜色选取优化及更多新功能

Gutenberg 20.2 版本(2月5日)

1. 内容区块(Content Block)支持标题颜色选项

内容区块(Content Block) 中,新增了标题颜色选项,允许用户更自由地调整标题的颜色,以便更好地匹配整体设计风格。

其他值得关注的改进

增强功能

  • ESLint 规则优化:改进了 valid-sprintf 规则,以更好地处理 %% 符号。📌 PR 号: #68270
  • sprintf 语法优化:简化了 sprintf 用于百分比宽度(percentage widths)的翻译规则,使代码更加清晰易读。📌 PR 号: #68587

总结

Gutenberg 20.1 和 20.2 版本虽然是 小规模更新,但仍然带来了 UI 交互优化可用性提升功能增强。尤其是:

  • DataViews 视图增加内容预览
  • 列表视图支持显示菜单名称
  • 颜色选取器新增清除功能
  • 新增标题颜色选项
  • 代码优化与 ESLint 规则改进

这些更新让 Gutenberg 编辑器 变得更加直观、高效,也进一步增强了 WordPress 网站的内容管理体验。如果你还没有更新,可以立即下载最新版本,体验这些新功能!


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:Banner1
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容