Gutenberg Times Weekend Edition 375：免 JavaScript 构建区块、Accessibility Lab、AI 插件对决等

你好，

对我和你们来说都有好消息。

我的好消息是：我在 Automattic 工作五周年之际，可以从本周开始享受 3 个月的带薪休假。这也意味着我不仅能暂时离开 Automattic，也能暂时离开 WordPress 社区——过去 17 年来，这个社区一直让我保持热情。所以这对我来说会有点不习惯。等我回来后，我会告诉大家这次休假的情况。

你们的好消息是：我不在期间，我的同事 Justin Tadlock 会继续在 Gutenberg Times 上发布 Weekend Editions。如果你读过他在 WordPress Developer Blog 上的教程，或他之前在 Gutenberg Times 上发布的文章，你就知道交给他绝对可靠。虽然不是每周都有，但足以让你在我暂停期间有所期待。

另外，为了给偶然相遇留一点机会，我将于 12 月参加 WordCamp Athens。在那之前，祝你、你的家人以及你的企业一切都好。我会回来的。

此致，
Birgit

开发 Gutenberg 和 WordPress
适用于 #nocode 网站构建者和站长者的插件与工具
区块主题开发
为区块编辑器构建区块和工具
WordPress 与人工智能

开发 Gutenberg 和 WordPress

Karol Król 的首次体验带你了解 WordPress 7.1 中六个值得关注的功能：响应式样式、全新的 Tabs 区块、媒体编辑器、管理栏更广的覆盖范围、悬停和聚焦伪状态，以及最新的 Notes 更新。如果你一直想抽空体验这个版本，却还没来得及在编辑器里点点看，那么这是一份实用的入门指南。

最新一期是 Gutenberg Changelog #134——Gutenberg 23.7、23.8、WordPress 7.1 等内容，特別嘉宾是 Jessica Lyschik，Greyd。

适用于 #nocode 网站构建者和站长者的插件与工具

改一个页眉就能到处同步改变——这正是模板让操作变得简单的地方，也是最容易让人困惑的地方。Wes Theron 用七分钟讲解了 编辑 WordPress 模板，介绍编辑页面与编辑其模板的区别、如何判断页面使用的是哪个模板，以及如何使用列表视图逐一处理。在此过程中，你将删除多个页面的标题、添加全站横幅、从所有文章中移除特色图片，并在模板改动过头时将其重置。

你的 wp-admin，但以桌面形式呈现：OpenStation 会将管理界面以可拖动、可调整大小的窗口打开，并提供基于管理菜单构建的程序坞，还支持虚拟桌面、网格吸附、壁纸和 Cmd+K 命令面板。它按用户选择启用，不会修补核心中的任何内容，停用后也会完全恢复——其他用户仍可使用原汁原味的管理界面。内置扩展还包括 Monaco 代码编辑器、cron 管理器和 RSS 阅读器。可在插件目录中以 Desktop Mode 的名义获取，也可以在 Playground 中试用。这个插件还启发贡献者为桌面模式开发了三项附加功能：

ODD——Nick Hamze 为 OpenStation 开发的应用
Daniel Lopez Sanchez 为 OpenStation 开发的 AllTerrain Photo Editor
alexismp 为 OpenStation 开发的 Deskbeat

这款 Photo Directory Importer 在 WordCamp US Contributor Day 上开发完成，可让你直接在 wp-admin 内搜索 wordpress.org/photos，并将 CC0 图片导入媒体库。无需 API 密钥或账户，导入内容会自动去重。在区块编辑器中，它是媒体库弹窗里的一个标签页，而不是 Openverse 和 Pexels 旁边的入口——所以要多找一层。Topher DeRosia 和六位共同贡献者希望在将其提交至 .org 仓库前进行测试。

管理栏会占用视口空间，导致你看到的每个页面都稍微有别于访客看到的页面。官方 WordPress 浏览器扩展可以隐藏管理栏，同时将快捷方式保留在浏览器工具栏中，并添加区块轮廓、手机尺寸预览、清除缓存的重新加载以及清除 Cookie 等功能。HumanMade 的 Jake Goldman 写道，所有数据都不会离开你的设备。目前支持 Chrome 和 Safari，Firefox 版本即将推出。The Repository 的 Ray Morey 介绍了该项目作为 Goldman 的 WP Detective 衍生项目的起源。

Anne McCarthy 的 Accessibility Lab 插件原型 获得了无障碍团队的支持，并划定了明确边界：它是用于测试即将进入核心功能的试验场，不能替代对核心代码的修复。目前包含三个模块——媒体库视图控件、实时标题顺序验证，以及 Troy Chaplin 的区块无障碍检查。Rae Morey 回顾了这一创意如何在 2025 年遭到反对后获得有条件支持，以及你可以参与贡献的方式。

区块主题开发

Mitch Canter 的 WordPress 7.1 响应式区块样式 实操指南深入介绍了公告文章中略过的细节：theme.json 语法、两个默认视口（@mobile 为 480px，@tablet 为 782px），以及如何设置自己的断点。你还会看到 :hover 和 :focus 状态——目前仅正式支持 Button 和 Navigation Link 区块——该功能如何与流体排版和 clamp() 令牌协同工作，以及一份值得收藏的快速参考表。

“跟上 Gutenberg 的步伐——索引 2026”
按时间顺序列出了参与 Gutenberg 开发的各个团队在 WordPress Make Blog 上发布的文章：Design、Theme Review Team、Core Editor、Core JS、Core CSS、Test 和 Meta 团队，涵盖 2024 年 1 月以来的内容。由我本人持续更新。

前几年的内容也已提供：
2020 | 2021 | 2022 | 2023 | 2024 | 2025

为区块编辑器构建区块和工具

“此区块包含意外或无效的内容”；如果你维护自定义区块，一定见过这条提示。Paulo Carvajal 在一个 GitHub Gist 中整理了 五种 WordPress 区块弃用模式，涵盖大多数实际场景：仅标记变更、与 isEligible() 和 migrate() 配对的属性重命名、源变更、InnerBlocks 重组，以及按最新优先顺序堆叠的弃用项。每种模式都附有可直接使用的代码，同时还提醒你针对真实数据库内容进行测试，并保持旧的 save() 函数完整。

你可能听说过，构建自定义区块如今已不再需要 React 或构建流程。Fränk Klein 在 CSS-Tricks 上测试了仅用 PHP 注册 WordPress 区块：一个 autoRegister 标志会根据 PHP 注册信息直接为你生成编辑器 JavaScript 和边栏控件。他坦率地说明了限制（无法在预览中编辑、没有实时文章数据、仅支持三种属性类型），并认为真正的价值在于：将旧式小工具、短代码和模板部件迁移到区块主题中，而所需的 PHP 技能你本来就已经具备。

WordPress 与 AI

如果问十家机构是否使用 AI，你会得到十个肯定的回答。WebDevStudios 联合创始人 Brad Williams 在解读代理式 AI 开发对你的 WordPress 项目意味着什么时指出。基于 Alfredo Navas 在 WordCamp US 的演讲，“模型了解 WordPress，但不了解你的 WordPress”，Williams 在这篇博文中列出了三个前提条件：成文的项目规则、记录完备的流程，以及范围明确的工具访问权限，并由人工审核一切。你还可以获得向任何机构提问的五个问题，包括当人员离职时，你项目的知识存放在哪里。

Jonathan Bossenger 最新的直播让观众推荐的三个插件接受了WordPress AI 插件对决：Cross AI MCP Manager、Albert 和 WP Vibe。评判标准是你能否在不阅读文档的情况下完成设置、将其连接到本地站点，以及弄清楚它会向服务器发送哪些数据。WP Vibe 会将所有内容都转发到第三方服务器；Albert 根本无法在本地连接；而 Cross AI——在对其独立能力和工具进行实际排查后——是唯一能够端到端运行的插件。

需要来自 Gutenberg 主分支的插件 .zip 吗？
Gutenberg Times 每天都会提供构建版本，供测试和审查使用。

现在也可通过 WordPress Playground 使用。你无需在本地或服务器上搭建测试站点。你一直在使用它吗？请发邮件告诉我你的使用体验。

有问题？建议？想法？
欢迎通过电子邮件发送给我，或
在 WordPress Slack 上给我发消息，或在 Twitter 上联系 @bph。

如有问题希望在 Gutenberg Changelog 中得到解答，
请发送至 changelog@gutenbergtimes.com