上个月随着 WordPress 6.6 “Dorsey” 的发布，相当令人兴奋。但老实说，我有点偏心。作为一名主题开发者，看到一次发布如此专注于主题构建体验，感觉很不错。至少，我肯定不是在抱怨。

一周后，补丁版本 WordPress 6.6.1 发布，共包含 16 个错误修复。所以如果你还没升级，现在是个好时机。

现在，是时候放眼未来，开始关注 WordPress 6.7 及以后的版本了。这个月度的版本可能不会像某些时候那样令人兴奋，因为发布周期才刚刚开始，但最新的 Gutenberg 插件中已经包含了一些不错的生活质量改进。

和往常一样，本文将包含过去一个月与开发相关的变化列表。其中大部分仅包含在 WordPress 开发版或 Gutenberg 18.8 和 18.9 中。

亮点

Learn WP 重新设计

Learn WordPress 最近以全新的设计上线。这是一次令人耳目一新的大修，使其与 WordPress.org 的其他设计更新保持一致，让您可以根据自己是哪种类型的 WordPress 用户更轻松地进行导航。

通过以下两篇公告了解更多关于此次更新的信息：

• 学习 WordPress 的全新方式
• 认识新的 Learn WordPress

在浏览网站时，请务必查看新的 中级主题开发者课程。

Playground 的离线模式和 PWA 支持

WordPress Playground 现在支持“离线”模式，这意味着当您访问 playground.wordpress.net 时，您的 Playground 实例数据将缓存在浏览器中。这意味着即使没有活动的互联网连接，您也可以继续处理项目。

您还可以将 Playground 安装到设备上，并将其作为渐进式 Web 应用程序 (PWA) 启动。这意味着您可以直接从设备的主屏幕打开 Playground，就像任何其他应用程序一样。

在公告文章中阅读有关这些功能及其限制的更多信息。

大量额外的区块支持

贡献者们一直在积极打磨设计体验，为各种核心区块充实设计工具支持。下表列出了 Gutenberg 18.8 和 18.9 中更新了哪些区块以及添加了哪些功能支持：

区块	功能支持
Buttons	边框、颜色、内边距
Gallery	边框
Group	阴影
Heading	边框
Image	外边距
Latest Comments	颜色
List Item	颜色
Media & Text	边框
Paragraph	边框
Quote	边框、间距
Search	外边距
Social Links	边框
Term Description	边框

插件和工具

通过文件定义区块变体

Gutenberg 18.8 引入了在 block.json 中引用 PHP 文件来注册区块变体的支持。为此，您必须将文件路径指定为 variations 属性的值：

{
	"variations": "file:./variations.php"
}

以前，您只能定义 variations JSON 对象，但此更改允许您在服务器端注册变体。PHP 文件必须返回一个要注册的变体数组。

新的 DataForm API

Gutenberg 18.8 引入了一个新的 DataForm API，这是通过 Data Views 减少重复表单代码这一更大努力的一部分。目前，新 API 仅用于站点编辑器中的重复页面操作。

实验性本地属性

在定义区块属性时，__experimentalRole 属性现在支持一个新的 local 值，实质上允许临时属性。Gutenberg 18.8 中引入的当前用途，是添加了一种在图片上传时存储临时 URL 的方法（用户有可能在图片完全上传前保存）。

区块绑定 API 更新

在最近几个 Gutenberg 版本中，为处理区块绑定和自定义字段进行了一些更改：

• 现在已禁用在 Query Loop 区块内编辑嵌套的文章元数据。
• 当 Image 区块有绑定数据时，会动态生成附件 ID，确保扩展者拥有正确的 ID。
• 自定义绑定源现在在服务器上引导，以便可以使用它们的属性，例如在编辑器 UI 中显示标签。

组件更新

在最近几个 Gutenberg 版本中，几个核心组件进行了小幅更新：

• DateTime：
  • 新增了一个 TimeInput 组件，并集成到 TimePicker 组件中。
  • 向 TimeInput 组件添加了标签属性。
  • 向 TimePicker 组件添加了 dateOrder 属性，以按日、月、日排序。
• ToolbarButton： isDisabled 属性已被弃用，并与 disabled 合并。
• Tooltip： 添加了自定义类名支持。
• SelectControl： 添加了一个 minimal 变体，它创建了一个无边框的下拉菜单，其宽度会自动调整到最宽的选项。

主题

添加背景图片附着支持

您现在可以为支持背景图片的区块定义 background-attachment 值。在 UI 中，这显示为一个切换开关，用于启用固定背景（默认是滚动）。您也可以通过 theme.json 中的 background.backgroundAttachment 样式属性为定义的背景图片设置此选项。

Query Loop 区块继承更新

Gutenberg 18.9 中的几项更改旨在纠正使用 Query Loop 区块时继承的工作方式：

• 默认 Query Loop 变体的属性已被移除，这些属性原本将 inherit 属性设置为 false。
• 移除了 Posts Lists 变体，因为其设置与用户插入它时通常期望的不匹配。
• 每页文章数设置也将从模板设置更改中继承其值。

编辑字体大小预设的新 UI

从 Gutenberg 18.9 开始，主题定义的字体大小可以通过样式 UI 进行编辑。这主要是一个面向用户的更改，但如果您更喜欢从站点编辑器构建区块主题，它也很有用。

宽对齐区块的根内边距样式修复

在 WordPress 6.6 测试版期间，引入了一个根/全局内边距问题，该问题省略了具有宽对齐的嵌套区块的内边距。此问题已在 Gutenberg 18.8 中修复，并已反向移植到 WordPress 6.6。

全局样式更新和修复

一些后期修复已反向移植到 WordPress 6.6 和 6.6.1，以修复在上一个发布周期期间或之后发现的问题：

• 一项修复确保根/body 选择器不使用新的 :root:where() 包装器。
• 顶级元素选择器（那些没有类的选择器，例如标题）也不再包装在 :root:where() 中。

其他值得注意的错误修复

还有一些值得注意的修复，应该能改善您的主题设计体验：

• Navigation 区块的 CSS 特异性已降低，用于嵌套链接的文本装饰样式（此修复已反向移植到 WordPress 6.6）。
• Comment Form 区块的按钮 CSS 特异性已降低，允许 theme.json 按钮元素样式覆盖它。同样的处理也应用于 Search 区块的按钮。
• 带有背景的列表的 CSS 现在只针对 List 区块，而不是通用列表。
• Comment Form 区块的 CSS 特异性已降低，以允许通过 theme.json 进行更简单的覆盖。
• 纵横比控件现在能正确显示给嵌套在网格中的 Image 区块。

资源

Learn WordPress

除了 Learn WordPress 网站的全面重新设计外，本月还有一门全新的课程：

• 中级主题开发者课程

开发者时间和走廊闲聊

上个月举办了两场现场会议，涵盖了插件和主题开发者的主题：

• 开发者时间：你真的需要一个自定义区块吗？让我们探索替代方案
• 走廊闲聊：区块样式变体更新

开发者博客

如果您还没读过，现在是查看开发者博客上最新文章的好时机：

• 在 WordPress 6.6 中注册自定义纵横比
• 构建具有“悬停显示”效果的卡片布局
• 在 WordPress 6.6 中混合搭配样式、颜色和排版
• WordPress 中的 JSON Schema