Gutenberg 9.8 于昨天发布，对 UI 进行了一些小的改进。开发团队为主题作者可以选择加入的组块添加了边框半径支持的初始实现。他们还将站点编辑器移至 iframe 元素中，以消除全局管理样式中的 CSS 冲突。
那些已经测试过全站编辑的人应该感到高兴，因为他们将不再需要处理看似永无止境的模板和模板部分的自动草稿创建。摆脱行李。从长远来看，它们将不可避免地引起用户的困惑。这一变化花了大约一个月的时间进行讨论和工作，但从长远来看，它将一个复杂而脆弱的过程简化为一个更稳定的系统。
虽然以前的插件版本只修复了少数几个错误，但 9.8 版却增加了几十个。在没有至少很多更新的情况下对古腾堡进行更新感觉不对。
小的 UI 改进
最新版本的插件改进了使用 Spacer 块时的 UI。当用户过去选择块时，它显示为浅灰色矩形。现在它是半透明的。这会显示背景中的所有内容，例如带有背景图像的封面块。此更改应使用户在需要查看背景的情况下更容易调整大小。
选中时半透明间隔块。
虽然我希望间隔块最终会死于缓慢的痛苦，因为它被更合适的边距和填充块选项所取代，但这一变化确实有助于过渡。
在对 Gutenberg 9.7 中的 UI 进行改进之后，块更改的工作仍在继续。变体是指将一个块用作创建同一块的多个变体的基础。最常见的示例是嵌入块，其中包括 YouTube、Vimeo 和其他变体。在 9.7 之前的版本中，这些版本在块检查器和导航中共享相同的通用图标、名称和描述，而不是特定于版本的信息。
Gutenberg 9.8 建立在使用有意义的变体数据的趋势之上。编辑器工具栏中的块切换器（转换）按钮现在显示版本的图标。
块切换器中使用的版本图标。
这是一个小小的改动，却体现了开发团队在开发编辑器界面上的持续投入。
在iframe中加载站点编辑器画布
Gutenberg 9.8将站点编辑器的画布区域分离到iframe中。这种分离意味着全局管理样式不会溢出或覆盖编辑器本身的样式。好消息是，这也是在后期编辑器中实现这一目标的第一步。
这就是自区块编辑器诞生以来我一直期待的改变。从主题开发和设计的角度来看，使编辑器样式与前端相匹配已成为问题。这意味着在不必要时嵌套 CSS 选择器。这意味着添加一些重要的规则来覆盖核心 CSS 中看起来有些古怪的东西。虽然块编辑器样式在过去几年中取得了长足的进步，但它通常仍然很麻烦。
WordPress 核心提交者 Ella van Durpe 列出了将画布移动到 iframe 的好处：
- 根本没有管理 CSS 流血。从一开始，我们就一直在努力。
- 无需模拟媒体查询，这在技术上比使用 iframe 更难。
- 相对单位 (r)em 和 vw/vh 工作正常。
- 对于完整的网站，主题样式表可以直接放在编辑器中，无需任何调整。我认为这很重要，因为它使主题作者的生活更轻松。
- 每个窗口可以有一个选择，所以可以在admin中选择一个，在content中选择一个。这很有用，例如，对于链接UIS，在其中选择也可以在输入元素中（对于URL）中时，也可以保留内容的选择。在其他情况下可能有用。
尽管我很难相信主题样式表可以顺利运行 - 这样的世界是否存在？ - 他们应该比过去做得更好。主题作者可能需要解决一些问题，但它们应该保持在最低限度。开发人员应密切关注此功能的未来发展。
Group Blocks 的 Border Radius 支持
作为 Gutenberg 实验性功能集的一部分，Group blocks 现在支持 Border Radius 选项。但是，最终用户不会自动在块检查器中看到它。目前，这是一个主题选择功能。据推测，它将成为未来几个区块的默认选项集的一部分。
设置块的边框半径值。
对于想要添加支持的主题作者，他们需要将以下代码片段拖放到他们的 Experimenting-theme.json 文件中并编辑半径值：
" core / group ":{"styles":{"border":{"radius":"50px"}}}
这将允许主题作者为块设置默认的 border-radius。但是，它不会将控制权移交给用户。为此，主题需要在其 experimental-theme.json 文件的设置部分下添加以下代码段：
"border":{"customRadius":true}
我用修改后的版本用TT1块主题测试没有问题。总的来说，我希望在插件的未来迭代中有更多这样的样式选项。
喜欢这样：
喜欢正在加载...
资源
