开发者新动态(2024年1月)
新的一年,WordPress领域迎来了崭新而美好的事物。我期待着看到大家在2024年构建的一切。我也很高兴能与大家分享WordPress和Gutenberg插件中落地的新功能。
如果你还没看过,不妨读一读开发者博客的2023年回顾。它涵盖了我们去年发布的所有内容、博客设计的改版等等。
和往常一样,本文将介绍过去一个月中的功能和其他变化。与过去的月度汇总不同,本次的内容会少一些。假期期间,WordPress开发社区的节奏有所放缓。我希望所有的贡献者都得到了充分的休息,并以焕然一新的状态迎接2024年的新挑战。
让我们来看看过去一个月你需要了解的所有变化。请务必在运行WordPress trunk和最新版Gutenberg插件时测试这些内容。
重点内容
开发者资源网站设计更新
随着开发者博客的重新设计,整个开发者资源网站也进行了全面革新,以提供更连贯、更愉悦的阅读体验。这个项目花费了贡献者们数月的工作才完成,但非常值得。它以你从未在WordPress项目中见过的方式,展示了文档团队和其他人一直在努力改进的文档。
数据视图:模板管理
在Gutenberg 17.4中,模板管理界面已从实验性功能转为稳定功能。这应该能让你更轻松地管理主题模板。该功能是更大的数据视图表格焦点的一部分,在正式进入WordPress之前仍需要大量测试。
你可以在WordPress管理后台导航到外观 > 编辑器 > 模板 > 管理所有模板来找到模板管理界面。
背景尺寸和重复功能
WordPress 6.4引入了一项新的背景功能,你可以在主题中启用它。目前它仅适用于群组块,并且仅限于添加图像。
Gutenberg 17.4添加了背景尺寸和重复选项,使该功能更趋完善。但要让它真正出彩,还有几项后续任务需要完成。
插件和工具
Node.js 和 npm 版本更新
WordPress和Gutenberg已更新为使用新版本的Node.js和npm。要为任一项目做出贡献,你应确保至少运行以下版本:
- Node.js: 20.10.0
- npm: 10.2.3
阅读公告文章以获取有关此更改及其对未来开发意味着什么的更多信息。
Interactivity API 公开发布及错误修复
Interactivity API是为块添加前端功能的标准,计划在WordPress 6.5中发布。这意味着你将很快能够在插件中使用它,为网站访问者构建酷炫的交互元素。
前方仍有大量工作,但你可以通过公开1.0版本跟踪工单来关注其进展。
交互式模板的几个错误修复已进入Create Block包:
为潜在的块支持API奠定基础
Gutenberg 17.3的一个更新重构了钩子,为editor.BlockEdit使用单一过滤器。这是一个基础性变更,为潜在的块支持API奠定了基础。如果实现,该API将允许通过一次registerBlockSupport()调用来描述使用support功能的块特性的行为和渲染。也许有一天这也能促成自定义的“块支持”实现。
HTML API 更新
同样计划在WordPress 6.5中的还有对HTML的额外改进:
- HTML处理器现在支持H1-H6标签。
- 已为所有标签添加了显式处理或失败处理。
工具栏中新增插件链接
WordPress 6.5将附带工具栏中的一个新插件链接。它将位于显示网站标题的顶级项目下,并指向插件管理界面。这不太可能影响你的工作。这只是一个锦上添花的补充——给插件作者的一点关爱。
文章模板面板在编辑器间共享
自Gutenberg 17.3起,文档设置侧边栏中的模板面板在文章编辑器和站点编辑器之间共享。这将有助于统一开发者和用户的界面。
组件更新
有几个值得注意的组件更新,如果你在工作中使用它们,应该看看:
Tabs:- 在使用它的子组件上,
id被新的tabId属性取代。 - 现在,各个标签页已链接到正确的标签面板。
- 现在,隐藏内容仅在选中标签面板时才会渲染。
- 在使用它的子组件上,
DropdownMenuV2:CustomSelect:- 使用
WordPressComponentsProps,以便可以向CustomSelect和CustomSelectItem添加HTML属性。
- 使用
主题
实验性部分同步模式
开发者们已经要求部分同步模式有一段时间了。这个功能将允许你创建具有锁定和可更新设计,但内容可由用户编辑的模式。与同步模式(以前的可重用块)不同,每个模式实例的内容将是唯一的。
Gutenberg 17.3中添加了一个实验版本,可以通过WordPress管理后台中Gutenberg > 实验屏幕下的同步模式部分同步选项启用。
从 theme.json 禁用布局尺寸控件
通过UI设置布局内容和宽尺寸对用户来说常常是一种令人困惑的体验。并且让他们控制自定义宽度可能会与定义良好的设计系统冲突。
自Gutenberg 17.2起,你可以通过在theme.json中将settings.layout.allowCustomContentAndWideSize属性设置为false来禁用此控件。你也可以在块级别定义此设置。
列表项块的尺寸控件
Gutenberg 17.3中为列表项块添加了边距和内边距支持。看到为更多自定义功能添加额外支持总是件好事。
社交图标功能与变更
Gutenberg 17.3引入了一个Gravatar图标,可用于社交图标块。考虑到WordPress已经与Gravatar开箱即用地集成得如此之多,这个功能没有更早出现反而令人惊讶。
这个新图标应该不会对你的主题产生负面影响。但是,与添加任何新块或块变体一样,测试它总是一个好习惯。
一个可能影响你主题设计的更新是对社交图标周围的列表项和链接的CSS更新。该更新被列为防止主题样式扭曲图标的错误修复,新的CSS可能会破坏自定义样式规则。在WordPress 6.5发布之前,请务必用你的主题测试这一点。
对于社交图标块的邮件变体,Gutenberg 17.4中对电子邮件地址进行了混淆处理。它不能完全阻挡垃圾邮件发送者,但至少让他们更难得手。
经典主题编辑器相关更新
在最近的几个Gutenberg版本中,经典主题得到了一些关爱,你应该会在WordPress 6.5中看到这些变化:
排版尺寸顺序
当你通过theme.json添加自定义字体大小时,它们将作为选项出现在排版部分供主题用户选择。Gutenberg 17.3的一个错误修复确保所有字体大小始终以相同的顺序输出。现在,核心尺寸将始终出现在主题定义的尺寸之前。
这对于主题作者来说可能并不理想,他们通常更希望用户从主题的尺寸中进行选择。有一个开放的拉取请求将允许你从UI控件中移除核心尺寸。
错误修复
其他几个值得一提的错误修复包括:
- 确保布局类名在编辑器和前端匹配。
- 在使用背景图像支持时,移除了重复的样式规则。
资源
开发者时间
12月有一次开发者时间会议,内容是关于使用wp-scripts包进行现代WordPress开发。如果你错过了现场参与,可以在WordPress.tv上观看回放。
开发者博客
过去一个月,开发者博客上发布了两篇文章: