Gutenberg 14.8版大改网站编辑器界面 增加了样式区块

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

今年8月，Gutenberg设计师James Koster分享了一些更新网站编辑器的模拟图，包括一个 “可导航框架”，用户可以从左边的功能和样式菜单中选择。这是解决Koster认为的功能权重不平衡的一个答案，他说这是一个关键的设计缺陷，对用户使用编辑器的体验产生了负面影响。

10月，贡献者们开始推进这个想法，现在新的 “浏览模式 “的第一次迭代在Gutenberg 14.8中首次亮相。Automattic赞助的贡献者Ryan Welcher发布了一段视频，演示了用于浏览网站编辑器的新用户界面。

14.8版本还引入了样式区块，现在它被嵌在全局样式面板中。它提供了一种方法，通过在一个可调整大小的面板中预览全局样式的变化将如何影响块（包括核心和第三方块）。当一个主题有许多样式变化时，这一点特别有用，否则的话，保存和预览各种区块就会很费时间。它可以帮助用户回答这样一个问题：”这些样式在我的块中看起来如何？” 样式也可以针对单个区块进行预览。

那些一直怀念定制器中的自定义CSS面板的用户会很高兴地知道，Gutenberg 14.8将自定义CSS添加到网站编辑器中的样式>自定义面板中。这第一次迭代是作为实验性的，所以想要测试的用户可以在管理员的Gutenberg >实验菜单下启用 “全局样式自定义CSS”。

当在插入器中检查图案时，将鼠标悬停在一个图案上现在会显示其标题。当图案在视觉上彼此相似而又有细微差别时，图案标题的不可见性就成了一个问题。让标题可见有助于用户分类并选择最适合他们需求的图案。

导航块有几个更新，应该可以改善构建和编辑菜单的体验。

• 导航区块：在导航块中添加页面列表到链接UI变换。(46426)
• 导航区块：在经典菜单的后备导航创建中添加location->primary。(45976)
• 导航区块：更新后备导航创建到最近创建的菜单。(46286)
• 导航区块：添加一个 “打开列表视图 “按钮。(46335)
• 导航区块：在实验中移除导航列表视图中的标题。(46070)

除了这些亮点之外，Gutenberg 14.8还包括几十项增强功能和错误修复。请查看发布帖中的完整更新日志。