Gutenberg 9.7 改进了用户体验，更新了可重用的块，并为 FSE 主题带来了页面模板

技术教程 2021年11月6日

1053 0 2

Gutenberg 9.7 于昨天发布，并进行了多项更新和改进.用户应该会看到界面上的块变化、转换和模式的变化.可重复使用的块在似乎中断后正在研究中.开发人员现在还可以将自定义页面模板添加到基于块的 WordPress 主题中.

此版本修复了我一段时间以来最少的错误.开发团队仅在更新中推送了 8 个修复程序，这可能表明在几周前 9.6 发布后情况比平时更加稳定.

9.7 中的大部分工作都涉及新功能和增强功能.正如预期的那样，全站点编辑得到了应有的时间.然而，对于这个版本，即使这似乎也有所回退.许多更新都是针对后期编辑界面的.

用户体验改进

团队对编辑器中功能的工作方式进行了多项更新.其中一些可能看起来很小，但可以改善整体编辑器体验.

块变体得到了受欢迎的增强.变体是指使用一个底层块来创建同一块的多个变体.例如，嵌入块有 YouTube、Twitter 和其他变体.在过去的版本中，侧边栏和块导航中的块检查器会显示通用名称、图标和描述.但是，Gutenberg 9.7 现在将显示使用变化的详细信息.

转换块时，用户可以预览块的外观.这是一个小小的改进.但是，在决定将一个块转换为另一个块之前，它可能会省去一些麻烦.

Gutenberg 9.6 为插入器中的块引入了拖放功能.该团队现在已将该功能扩展到块模式.对于那些寻求更多拖放功能的人来说，这只是阶梯上的另一个阶梯.

更新了可重复使用的块

我测试可重用块已经有一段时间了.在过去一年左右的时间里，该功能似乎已被其他更新的功能所取代.感觉从来没有比最初的原型好得多.除非您知道在哪里查看，否则仍然无法轻松管理它们.然而，古腾堡开发团队似乎正在积极开发这个几乎被遗忘的功能.

用户可以在未来的版本中期待更多."基于这些变化，可重用块的 UI 很可能会在接下来的几周内进行一些迭代，" Riad Benguella 在公告中写道.

我进行了初步测试，以了解该功能在 Gutenberg 9.7 中的外观.单击"添加到可重用块"后；按钮，编辑器快速闪烁.然后，屏幕底部出现一条通知，提示已创建可重用块.因为当时我没有打开我的区块选项侧边栏面板，所以我看不到编辑可重用区块标题的方法.我的直接想法是，该团队采用了一个已经半生不熟的功能，并使其变得更糟.

经过进一步挖掘，我发现用户可以在块选项侧栏中编辑可重用块的标题.然而，球队并没有就此止步.他们对该功能进行了多项改进.

可重复使用的块现在可以在帖子编辑器本身中进行编辑.例如，用户可以将图像拖出块.检查器侧边栏可用于内部块.可重用块现在的外观和感觉就像编辑器的任何其他部分.任何编辑都将反映在网站上可重用块的所有实例中.

最大的不同在于它们的保存方式.

可重用块现在是"多实体"的一部分；保存系统.单击编辑器的更新按钮时，用户可以选择保存整个帖子和/或单个可重复使用的块.

自定义"页面" FSE 主题模板

基于块的主题现在支持传统上称为页面模板的内容.该功能在技术上支持所有帖子类型.然而，该团队似乎坚持"页面".一些讨论后的术语.

需要一些挖掘，因为没有现有的文档，并且工单中的原始示例没有反映通过的代码的最终结果.但是，我设法弄清楚了该功能的工作原理.对于想要测试此功能的主题作者，请使用以下示例代码添加"联系人"；模板.将其放在主题的 experimental-theme.json 文件的根级别.您还需要在主题中附上 block-templates/contact.html 模板.

"pageTemplates": {
        "contact": {
                "title": "Contact",
                "postTypes": [
                        "page"
                ]
        }
}

此功能目前没有任何特别开创性的作用.它只是将自定义模板添加到编辑帖子/页面屏幕上的下拉选择中.它相当于传统主题可用的当前页面模板系统.