Gutenberg 14.8 今天发布,对网站编辑器的界面进行了重大更新,使其作为一种设计工具感觉更加统一。

8 月,Gutenberg 设计师 James Koster 分享了一些模型,更新了网站编辑器以包含一个“可导航框架”,用户可以从左侧的功能和样式菜单中进行选择。这是对 Koster 认为不平衡的功能权重的回答,他说这是一个严重的设计缺陷,会对编辑器的用户体验产生负面影响。

10 月,贡献者开始推动这个想法,现在新“浏览模式”的第一次迭代在 Gutenberg 14.8 中首次亮相。 Automattic 赞助的贡献者 Ryan Welcher 发布了一段视频,演示了用于导航站点编辑器的新 UI:

14.8 版还引入了样式块,现在位于全局样式面板中。它提供了一种通过在可调整大小的面板中预览块(包括核心块和第三方块)来可视化全局样式更改将如何影响块的方法。当一个主题有许多样式变化时,这尤其有用,否则会花费大量时间来保存然后使用各种块进行预览。它可以帮助用户回答“这些样式在我的街区中看起来如何?”的问题。样式还可以预览单个块。

缺少定制器自定义 CSS 面板的用户会很高兴知道 Gutenberg 14.8 在站点编辑器 > 自定义面板中为样式添加了自定义 CSS。第一次迭代作为实验发布,因此想要测试它的用户可以在管理员的古腾堡>实验菜单下启用“全局样式自定义 CSS”。

检查插入器中的图案时,将鼠标悬停在图案上现在会显示其标题。当图案在视觉上彼此相似但略有变化时,图案标题的不可见性就会成为一个问题。使标题可见有助于用户分类和选择最适合他们需要的模式。

有几个导航块更新以改善构建和编辑菜单的体验:

  • 导航块:添加页面列表到导航块中的链接 UI 转换。 (46426)
  • 导航块:添加 location->primary 到经典菜单的回退导航创建。 (45976)
  • NavBlock:将回退导航创建更新为最近创建的菜单。 (46286)
  • 导航块:添加“打开列表视图”按钮。 (46335)
  • 导航块:从实验中的导航列表视图中删除标题。 (46070)

除了这些亮点之外,Gutenberg 14.8 还包括许多增强功能和错误修复。查看发布帖子以获取完整的更新日志。

资源