结论:WordPress 7.1 「 Mary Lou 」(2026-08-19 发布)把”响应式样式”和”媒体编辑”两件最烦人的事做进了核心:现在不用写一行 CSS 就能给区块设不同屏幕尺寸、不同交互状态的样式;图片裁剪也换成了独立的现代编辑器。配合浏览器端图片处理、 SVG 图标 API 等改进,这是一次偏”体验与性能”的稳健更新。
响应式区块样式:终于不用写 CSS
WordPress 7.1 在响应式设计上迈出一大步。你可以直接在编辑器里为全局样式和单个区块设置不同屏幕尺寸下的外观,也能为按钮等元素设 hover 、 focus 、 active 等交互状态样式——全程无需自定义 CSS 。
主题作者还能通过 theme.json 拿到响应式样式与伪状态(hover/focus/focus-visible/active)样式能力,配合新的 DataViews / DataForm 筛选器,定制后台 Pages 、 Templates 、 Parts 、 Patterns 界面更顺手。
重做的媒体编辑器
老的内联裁剪工具被一个独立的媒体编辑弹窗取代,把自由裁剪、固定比例裁剪、翻转、精确旋转、元数据编辑收进同一个流程。点熟悉的 Crop 按钮,现在会打开一个专门的”裁、转、调”空间,发布前就能把图处理到位。
Notes 更丰富,编辑器更一致
- Notes 支持富文本与 @mentions(提及)、行内反馈;
- 文章编辑器现在对所有主题完全 iframe 化,与站点编辑器(Site Editor)一致,后台样式不再干扰你的内容;视口单位和媒体查询直接作用于编辑画布,响应式布局预览更准;
- 管理栏(admin bar)在站点编辑器与区块编辑器里都常驻。
开发者工具箱
给开发者用的新 API 与改动
- SVG Icon API 转为公开 API:用
wp_register_icon_collection()、wp_register_icon()、wp_get_icon()注册并使用自定义图标集合。 - Abilities API 增强:在 6.9 基础设施上加了可过滤的执行生命周期、自定义校验和共享发现机制,方便在 WordPress 上构建 AI 工具与自动化。
- Design System:为后台界面提供配色、圆角、光标等基础主题支持;开发者用语义化 design tokens 与 ThemeProvider React 组件,让自定义后台界面更统一。
- 无障碍:新增
wp_get_tooltip()、wp_get_toggletip(),Tab 与 Playlist 新区块,列表表格导航更清晰。
性能:图片处理搬进浏览器
| 改进 | 好处 |
|---|---|
| 图片压缩/缩放/缩略图在浏览器跑(WASM 版 libvips) | 减轻服务器负担,避免大图上传内存超限/超时 |
| 可选的 GIF 转视频 | 文件更小 |
| 上传进度条 + 断线自动重试 | 弱网下更稳 |
| 媒体库默认无限滚动(可切回分页) | 浏览更顺 |
| 预加载(speculative loading)可用环境变量/常量配置 | 主机与站长无需写插件即可调预取 |
升级前检查
- 完整备份数据库与文件(或用主机快照),这是任何大版本升级的前提。
- 把主题、插件、 WordPress 核心都更新到兼容 7.1 的版本,优先在 staging 环境验证。
- 在 Dashboard → 更新 里点”立即更新”,升完跑一遍前台/后台核心功能自检。
WordPress 7.1 官方发布说明
常见问题
WordPress 7.1 最值得用的新特性是哪个?
对大多数站长,是”不用写 CSS 的响应式区块样式”和”重做的媒体编辑器”——前者省掉大量自定义代码,后者让图片处理体验脱胎换骨。
响应式样式会影响旧主题吗?
新能力通过 theme.json 提供,旧主题不强制改动;是否生效取决于主题是否适配。建议先在 staging 验证再上生产。
浏览器端图片处理需要什么支持?
依赖 WASM 版 libvips,现代浏览器均支持;它能把压缩/缩放/缩略图生成从服务器转移到客户端,降低大图上传超时风险。
升级 7.1 前必须做备份吗?
必须。任何大版本升级前都应完整备份数据库与文件,并在临时环境验证主题插件兼容性,避免生产站宕机。









评论 (0)