WordPress 7.1 发布:响应式样式、协作笔记、浏览器端直接修图,编辑体验终于一致了!

💡 原文中文,约2400字,阅读约需6分钟。
📝

内容提要

WordPress 7.1发布,重点优化编辑体验,支持响应式样式、内联协作笔记、浏览器端图片处理,新增播放列表和Tabs区块,并增强开发者工具。

🔎

延伸解读

响应式样式与伪状态:设计门槛降低,但需注意主题兼容

7.1 允许在站点编辑器中直接为不同屏幕尺寸设置样式,并支持按钮的 hover、focus、active 等伪状态,这大大降低了响应式设计的门槛。但需注意,这些功能主要面向区块主题,且 theme.json 中的断点定义需要主题支持。对于经典主题或自定义代码较多的站点,可能仍需手动调整。此外,伪状态样式的可视化编辑虽方便,但开发者仍需关注最终渲染效果与无障碍访问的兼容性。

浏览器端图片处理:减轻服务器压力,但格式支持有前提

图片压缩、调整大小和缩略图生成移至浏览器端(libvips WASM),可减少服务器负载和上传超时问题。同时原生支持 AVIF、HEIC 和 HDR gain maps,但需注意,这些格式的兼容性取决于用户浏览器是否支持。GIF 转视频功能为 opt-in,需主动启用。媒体编辑弹窗取代了旧的内联工具,但保留了旧入口,用户需要适应新界面。

协作笔记与内联评论:提升审阅效率,但需注意多轮对话管理

内联笔记支持选中特定文本添加富文本评论、@提及同事,并可在同一文本块上进行多轮对话,这极大改善了协作审阅的精准度。但多轮对话可能使笔记列表变长,折叠功能有助于保持整洁,但用户仍需注意管理笔记的密度,避免信息过载。此外,该功能是否支持跨设备同步和通知推送,文章未提及,需进一步确认。

Q&A

WordPress 7.1 在响应式样式方面有哪些改进?

WordPress 7.1 允许用户在站点编辑器中针对不同屏幕大小直接为区块设置样式,无需编写 CSS,并支持实时切换视口预览。使用区块主题的用户还可以在 theme.json 中自定义响应式断点。此外,按钮区块的交互状态(如 hover、focus、active)也可以在编辑器中直接设置样式。

WordPress 7.1 的协作笔记功能有什么特点?

协作笔记(内联笔记)允许用户选中特定文字并添加富文本笔记,支持 @ 提及同事、格式化(粗体、斜体、代码、链接),可对文本片段而非整个块进行注释,支持在同一文本块上进行多轮对话,并可折叠长注释以保持整洁。

WordPress 7.1 在媒体处理方面有哪些更新?

WordPress 7.1 将图片压缩、调整大小和缩略图生成移至浏览器端(使用 libvips 的 WASM 版本),减少服务器负载并避免 PHP 内存限制或上传超时。原生支持 AVIF、HEIC 和 HDR gain maps 格式。图片裁剪界面改为新的媒体编辑弹窗,支持自由裁剪、比例裁剪、翻转、精确旋转和修改元数据。GIF 可启用转视频功能以节省流量,上传进度指示器和自动重试功能增强了稳定性。媒体库默认无限滚动,并可通过环境变量或常量配置预加载设置。

WordPress 7.1 新增了哪些区块?

WordPress 7.1 新增了两个区块:播放列表块(可显示音频波形,适合播客和音乐站)和 Tabs 区块(选项卡面板,可将内容分标签收纳,使页面更清爽)。

WordPress 7.1 为开发者提供了哪些新工具?

WordPress 7.1 增强了 Abilities API,支持可过滤的执行生命周期,便于构建集成和自动化流程(包括 AI 工具)。提供了新的设计系统,支持管理界面主题化,包括颜色、圆角和光标样式,并引入语义化设计标记和 ThemeProvider React 组件。theme.json 支持响应式和伪状态样式,DataViews 和 DataForm 新增过滤器。无障碍方面新增了 wp_get_tooltip() 和 wp_get_toggletip() 函数。

WordPress 7.1 在编辑体验上做了哪些统一?

WordPress 7.1 将管理栏(admin bar)带到所有编辑器,包括文章编辑器,确保快捷入口始终可见。文章编辑器全面嵌入 iframed,与站点编辑器体验统一,管理界面样式不再干扰内容。视口单位和媒体查询直接作用于编辑画布,且编辑画布独立于管理界面运行,使响应式布局构建更可预测。

🏷️

标签

➡️

继续阅读