Gutenberg 22.2 更新：封面块视频嵌入、面包屑导航增强和更多功能

Gutenberg 22.2 版本已经发布！本次更新带来了一些重要的改进和功能增强，重点关注了错误修复、性能提升、块编辑器的优化以及多个开发者体验的改善。随着 WordPress 6.9 版本的发布，许多贡献者专注于修复 bug 和细化块编辑器的功能，但在这个版本中，仍然有一些令人兴奋的亮点。

1. 封面块视频嵌入支持( 73023 )

Gutenberg 22.2 中的一大亮点是，用户现在可以在封面块中使用嵌入的视频（如 YouTube 或 Vimeo）作为背景视频，而不再局限于本地上传的视频文件。这一改进是一个显著的质量提升，尤其对需要大量视频内容的用户而言。通过使用外部视频服务，网站可以减少视频托管和带宽使用，从而避免了本地存储视频的麻烦和费用。

主要好处：

支持 YouTube、Vimeo 等平台的背景视频嵌入。
减少了本地上传视频的需求，减轻了带宽压力。
增强了网站的视觉效果，避免了重大的存储负担。

2. 面包屑块的增强功能

在本次更新中，实验性的面包屑块也得到了进一步的发展。现在它在处理不同页面类型时表现得更加智能，例如首页、404 页面、搜索页面、归档页面以及自定义文章类型的归档页面。此外，面包屑导航还新增了对分页内容的支持，使得导航更加灵活和上下文感知。

这些更新使得面包屑导航更加适应不同类型的内容，帮助提升页面结构的可用性。( 72832 )( 73249 )( 73283 )( 73435 )( 72905 )

主要改进：

增强了对首页、404 页面、搜索页面等的处理能力。
支持分页内容，提高了面包屑导航的灵活性。
使面包屑导航更加智能和上下文感知。

3. 数学块的样式选项

Gutenberg 22.2 为数学块添加了样式选项，以解决先前行内数学公式会继承段落样式，而展示块数学公式则缺乏单独样式控制的问题。现在，用户可以更加灵活地为数学公式设置样式，避免样式的不一致性。（73544）

主要改进：

增加了数学块的标准样式选项，提升了用户在设计和排版上的灵活性。
解决了行内数学公式与显示数学块之间样式不一致的问题。

4. 按钮块伪状态样式

现在，主题设计师和开发人员可以通过 theme.json 文件直接为按钮状态（悬停、聚焦、激活、聚焦可见）添加样式，这使得设计控制更加集中且一致。这减少了在按钮悬停状态等方面对自定义 CSS 的依赖。( 71418 )

通过此功能，设计师可以直接在主题文件中调整按钮的交互效果，从而使得整个网站的样式更加统一且便于管理。

示例：

{
  "styles": {
    "blocks": {
      "core/button": {
        "color": {
          "background": "blue"
        },
        ":hover": {
          "color": {
            "background": "green"
          }
        },
        ":focus": {
          "color": {
            "background": "purple"
          }
        }
      }
    }
  }
}

5. 数据视图的升级

数据视图在此次更新中也得到了多个重要的改进。新增了一个“活动布局”，它为像修订历史、日志或其他按时间顺序排列的内容提供了类似时间轴的视图。这个布局优化了与键盘交互的体验，使得内容的查看更加顺畅。

主要改进：

新增的“活动布局”让修订历史、日志等内容展示更具时间轴感。（72780）
表格列标题现在可以在左右两侧添加列，提供更高的自定义能力。（72929）

总结

这些改进提升了内容展示的灵活性，同时让开发者和设计师可以更轻松地控制网站的外观和功能。每次更新都在进一步增强 Gutenberg 的功能，使其成为越来越强大的内容管理工具。

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：[email protected]
④ 工作时间：周一至周五，9:30-18:30，节假日休息