361 361Sale WordPress Care by Openbyt · WordPress 修复与运维

Gutenberg 22.2 版本更新亮点

托尼屎大颗
,

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

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

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

主要好处:

2. 面包屑块的增强功能

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

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

主要改进:

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. 数据视图的升级

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

主要改进:

总结

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

需要工程师帮你判断?

把症状、错误提示和最近改动发过来。

我们先判断风险、可能原因和安全下一步,再决定是否需要登录后台或服务器。

开始初诊

需要把这篇文章里的排查落到你的网站上吗?

把网址、错误提示、最近改动和影响范围发过来。我们先判断风险、备份状态和安全下一步;涉及数据库、支付、订单或安全问题时,不建议直接在生产站连续试错。

公开检测 · 无需注册 · 先判断风险 提交后会生成工单编号
初诊阶段不要提交后台、主机、数据库或支付账号密码。
紧急宕机、结账失败、安全跳转优先复核;普通问题通常 1 个工作日内回复。 初诊阶段不需要后台密码;需要权限时会单独确认最小权限和回滚方式。
提交前提醒先保留备份和错误提示,不要在生产站连续试错。