WordPress 7.1 发布:响应式样式、协作笔记、浏览器端直接修图,编辑体验终于一致了!
WordPress 7.1 正式版来了,7.1 的核心就一句话:围绕你的工作方式,把编辑体验重新打磨了一遍,现在后台更好逛、设计更好控、协作更好搞、想建什么都能建。
响应式样式,不用写 CSS 也能适配

以前想让同一个区块在手机和电脑上长得不一样,多少得折腾点自定义 CSS,7.1 把这个门槛直接拆了。
在站点编辑器(Site Editor)里,现在可以针对不同的屏幕大小,直接给块设不同的样式,还能实时切视口预览,所见即所得。用区块主题(block theme)的同学,还可以在 theme.json 里自己定义响应式断点,不用去改主题代码。

按钮区块也没被落下,hover、focus、active 这些交互状态,现在都能在编辑器里直接设样式,鼠标移上去什么效果,写文章的时候就能调好。

管理栏和编辑器,终于可以在一起了

以前管理栏(admin bar)在文章编辑器里是缺席的,你切到文章编辑器,顶上那排快捷入口就没了。7.1 里,管理栏会跟着你走遍所有编辑器,不管你在站点编辑器还是文章编辑器,那排入口始终在。
配套的还有一点:文章编辑器现在也全面嵌入到 iframed 中了,和站点编辑器的体验彻底统一,因此管理界面的样式不会干扰内容。视口单位和媒体查询现在直接作用于编辑画布,并且编辑画布独立于 WordPress 管理界面运行,因此响应式布局在构建时表现得更加可预测。
协作笔记,支持提及和富文本

做内容最怕的,就是想给某段文字提个意见,结果只能在整块下面留一句「这里改改」,对方还得猜你说的是哪句。
7.1 的内联笔记(Inline notes)解决了这个:你可以选中特定的文字,直接在那句话旁边留一条带富文本的笔记,还能 @ 提及同事,此外笔记也可以格式化,支持粗体、斜体,还可以添加代码和链接。
还可以对特定文本片段而非整个文本块添加注释,在同一文本块上进行多轮对话,以及折叠较长的注释以保持页边距整洁,多人协作审阅内容也不乱。
媒体处理,直接在浏览器里处理

图片的压缩、调整大小和缩略图生成,7.1 把它搬到了浏览器端(用的是 libvips 的 WASM 版本),从而减少服务器负载并生成更小的文件,而不会达到 PHP 内存限制或上传超时,服务器的负担一下子轻了。
而且原生支持 AVIF、HEIC、还有 HDR 的 gain maps,对现代相机和手机已经生成的图像格式的原生支持,新格式不用等插件。

另外图片裁剪也换了新界面,新版媒体编辑弹窗取代了以前的内联工具,自由裁剪、按比例裁剪、翻转、精确旋转、改元数据,一个弹窗全搞定,老的 Crop 按钮入口还给你留着。
GIF 可以启用转成视频(opt-in,省流量)功能,这样会生成更小的文件,而上传进度指示器和自动重试功能则使上传在连接中断时更具稳定性。
媒体库现在默认使用无限滚动,并提供用户自定义选项以恢复分页显示。现在可以通过环境变量或常量设置预加载的默认设置,因此主机和网站所有者无需编写插件即可配置 WordPress 如何预取页面。
两个新区块和自定义图标
7.1 还新增了两个新的区块进来。
播放列表块,能显示音频的波形,做播客、音乐站的同学应该会喜欢。

Tabs 区块,就是一个选项卡面板,把内容分标签收起来,页面清爽不少。

开发者可以使用自己的图标集来扩展 WordPress 的图标库,使自定义图标与内置图标库一起在编辑器中使用。

开发者可以使用 SVG Icon API: wp_register_icon_collection() wp_register_icon() wp_get_icon() 这一套函数把图标集合管起来。
开发者工具箱
给敲代码的同学,7.1 也塞了不少好东西。
Abilities API 在 6.9 打的底子上继续增强,带了一套可被过滤的执行生命周期(filterable execution lifecycle),这些新增功能使得在 WordPress 之上构建集成和自动化流程(包括 AI 驱动的工具)变得更加容易。
全新的设计系统为 WordPress 管理界面主题化提供了基础支持,包括颜色、圆角和光标样式。开发者可以使用语义化设计标记和一个 ThemeProvider 的 React 组件,在保持 WordPress 原生体验的同时,为自定义管理界面带来更高的一致性。
theme.json 现在支持响应式和伪状态样式,DataViews、DataForm 也有了新过滤器可以配置。无障碍方面,新增了 wp_get_tooltip() 和 wp_get_toggletip(),屏幕阅读器的体验也修了波。
一点小彩蛋
这一版背后是 800 多名贡献者,其中 170 多位是第一次提交,总共 1500 多项增强和修复。发布当天就有超过 20 个语言包完成了完整翻译,是 WordPress 史上首日翻译最全的版本之一。
WPJAM Basic 我会尽快适配 7.1,重点还是兼容性和性能优化,有问题欢迎反馈到知识星球。
最后照例提醒一句:生产站升级前,记得先备份。想回顾上一代都改了啥,可以看这篇 WordPress 7.0 发布。7.1 的更多细节,我们后续也会持续关注,欢迎大家关注「WordPress 果酱」。😊