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 的功能,使其成为越来越强大的内容管理工具。
