跳到正文
原文
Gutenberg Times(区块编辑器)· Gutenberg Changelog·· 2026-08-02精选编辑评分75

Gutenberg 23.6 发布并纳入 WordPress 7.1,新增主题视口与协作功能

Gutenberg Changelog #133 – Gutenberg 23.6 Release and WordPress 7.1

编辑导读

Gutenberg 23.6 作为 WordPress 7.1 的最后一个功能版本,引入通过 theme.json 自定义平板与移动端视口、细粒度备注与评论、SVG 图标注册及播放列表和标签页区块。

推荐理由

文章梳理 Gutenberg 23.6 纳入 WordPress 7.1 的主要变化,并说明区块开发、编辑协作与测试时需要关注的兼容事项。

在《Gutenberg Changelog》播客第 133 集中,Birgit Pauli-Haack 主持了来自乌干达的网页开发者、长期倡导者 Faith Ruth Imokol 的访谈,讨论 Gutenberg 23.6 的发布以及即将推出的 WordPress 7.1 更新。本期节目首先介绍了乌干达 WordPress 社区的情况,重点提到当地活跃的 WordCamp 活动和 Campus Connect 项目等教育举措;该项目向全国各地的学生介绍 WordPress。

Faith Imokol 分享了她最近参加 WordCamp Kampala 关于人工智能与网页开发的小组讨论时的经历,并指出其中存在不同观点:一些乌干达人看好人工智能的潜力,而另一些人则担心就业保障和适应问题。她讲述了自己开始将人工智能用作协作式开发工具的过程,这一转变源于竞争加剧、需要更快完成开发。

讨论随后转向 WordPress 7.1,介绍了多项新功能,包括通过 theme.json 自定义视口、扩展批注和评论功能、改进 SVG 图标注册,以及优化播放列表和标签页等区块。两位嘉宾都对协作功能和不断演进的编辑工作流表示热情,尤其是精细化的批注系统可简化反馈流程。

本期节目强调社区反馈在塑造新版本方面所发挥的作用,并鼓励听众帮助测试即将推出的 WordPress 版本,以确保质量和可翻译性。节目最后以实用建议收尾,并对持续开展教育推广及 Gutenberg 未来发展表达期待。

节目说明 / 文字稿

  • 编辑: Sandy Reed
  • 标志: Mark Uraine
  • 制作: Birgit Pauli-Haack

节目说明

特别嘉宾:Faith Ruth Imokol

  • WordPress 个人资料
  • LinkedIn
  • Imokol Faith Ruth:为什么以及如何创建 Gutenberg 区块(2020)

乌干达 WordPress 活动

即将举行的活动

  • WordPress 教育展示 2026 2026 年 8 月 7 日
  • WordCamp Lira 2026 2026 年 8 月 29 日和 30 日
  • WordCamp 将于 Jinja 举行 2026 年 9 月 19 日–20 日
  • WordPress Campus Connect 中东部乌干达学校 2026

2026 年已举办的活动

  • 乌干达网站项目竞赛 | 2026
  • WordCamp Masaka 
  • 马萨卡的 Campus Connect 
  • Campus Connect Kakumiro

WordPress 7.1

  • WordPress 7.1 Beta 4
  • 帮助测试 WordPress 7.1
  • WordPress 7.1 信息来源

更多 WordPress 7.1 开发者说明 

  • 客户端媒体处理
  • 全局样式中的文字阴影支持
  • 默认启用媒体库无限滚动
  • 自定义 HTML 区块内可编辑的区块
  • 编辑器组件更新
  • 注册和渲染 SVG 图标
  • 最小宽度区块支持
  • 背景渐变区块支持

Gutenberg 23.6 有哪些新变化

文章编辑器将全面采用 iframe:WordPress 7.1 之前区块开发者需要了解什么

与 Ryan Welcher 一起观看:采用 iframe 的文章编辑器画布

保持联系

  • 你喜欢本期节目吗?请为我们撰写评论
  • 在 X(原 Twitter)上联系我们,或私信提出问题。@gutenbergtimes 和 @bph。
  • 如果你有问题、建议或希望我们报道的新闻,请发送至 changelog@gutenbergtimes.com。
  • 请在 iTunes 上为我们撰写评论!(点击此处了解详情)

文字稿

Birgit Pauli-Haack:欢迎收听我们的第 133 集《Gutenberg Changelog 播客》。在今天这一集中,我们将讨论 Gutenberg 23.6 版本发布以及一些关于 WordPress 7.1 的内容。今天就聊到这里。我是主持人 Birgit Pauli Haag,《Gutenberg Times》的策展人,也是由 Automattic 赞助的 WordPress 开源项目的全职核心贡献者。今天我非常高兴 Faith Ruth Imokol 加入我们。她是一名来自乌干达的 Web 开发者,是当地 WordCamp 的组织者和演讲者,也是 Gutenberg 自 2018 年以来的倡导者,与《Gutenberg Times》一样长久。很高兴她同意来到节目中,与我们一起讨论这次发布,并告诉我们更多关于乌干达 WordPress 社区的情况。欢迎来到节目,Faith。你今天怎么样?

Faith Imokol:非常感谢你,Birgit,感谢邀请我。我很好,状态不错。也感谢各位听众让我参加这次节目。我很兴奋。

Birgit Pauli-Haack:我也是。我也是。非常高兴你能来到节目中。乌干达的 WordCamp 社区今年非常活跃,去年可能也是如此,因为那里在举办 WordCamp 方面积累了很多经验。所以你今年参加了 WordCamp Kampala。

Faith Imokol:是的。

Birgit Pauli-Haack:你还参加了一场题为《人工智能与 Web 开发的未来:好、坏与丑陋》的小组讨论。那么你有哪些心得?乌干达People如何看待人工智能和网络的未来?

Faith Imokol:嗯,关于人工智能在乌干达的未来以及人们如何看待它,意见分歧相当大。许多人非常乐观,但也有些人有些担心,担心自己将会如何,尤其是涉及人工智能对工作的影响。大家都在讨论人工智能会取代人类,也有很多讨论在问:我们需要做什么?我们是否仍应继续采用目前的工作方式,还是应该全面转向与人工智能协作的工作模式?围绕人工智能有各种各样的猜测。在小组讨论中,许多人提出了许多相关问题。他们希望得到保证,尤其是在工作方面。我们作为开发者的岗位还存在吗?我们还能继续做现在的工作吗?我们还能继续使用目前正在使用的工具,还是应该放下这些工具,全面采用人工智能并开始与人工智能协作?因此,这场小组讨论旨在鼓励大家,同时指出并纠正一些错误信息——这些信息一直在社区中传播,尤其是在 WordPress 社区中。没错。

Birgit Pauli-Haack:你不需要详细展开,但你在工作中是如何应对人工智能的?

Faith Imokol:就我个人而言,可以说我在某种程度上被迫使用 AI,因为在我的开发工作中,我更多是把它当作一个并肩协作的搭档。我确实是被迫开始使用它的。起初,我有点犹豫。我喜欢自己进行探索,喜欢审视自己的工作并亲自排查问题。但随着 AI 的到来,它迫使我合作的一些团队不得不提高应用开发和发布的节奏。为什么?因为现在的竞争更加激烈了。如果你不利用 AI 更快地开展工作,别人就会做出与你相同的东西并将其发布,然后你就会落后。所以某种程度上,我不得不把自己的个人探索放到次要位置,把这些留到个人时间里去做。但说到工作,我已经完全把它融入自己的日常工作之中。是的,我仍然会运用自己的知识。我不会把所有事情都交给 AI 去做。

Birgit Pauli-Haack:这样肯定非常审慎,是的,去观察 AI 可能真正出什么问题,而你并不知道它会沿着哪个方向偏离。是的,我发现自己使用 AI 大概已经一年了,用它做了很多不同的事情,而我发现它没有品味。是的,它当然没有情感。是的,它对任何事情都没有同理心。是的。因此,凡是 AI 完成并要发布的东西,就更加需要人类的判断力。我觉得我们使用它的时间越长,这一点就会越发明显。首先,它是一款很棒的工具。是的,它能让你更快地达成某些目标,但它生成的代码、评审和分析都非常冗长,所以你真的需要让它慢下来,弄清楚真正重要的是什么。还有,它做不到某些事情。它不知道什么重要,什么不重要。所有事情对它来说都一样。

Faith Imokol:我有点觉得,它就像一个非常聪明、以为自己什么都知道的孩子,但没有经历过成年人所知道的那些人生经历。

Birgit Pauli-Haack:所以它仍然需要指导。这个类比很好。是的,它就像一个刚从高中毕业、以为自己什么都知道的年轻人。

Faith Imokol:是的。

Birgit Pauli-Haack:是的,我高中毕业时就是那样。我什么都知道。不过,说回乌干达社群,下一届 WordCamp 将在金贾举行。这个名字是这样发音的吗?时间是 9 月 19 日至 20 日。地点在金贾的 Civil Service College。以防各位亲爱的听众身处该地区,并且想去参加乌干达的 WordCamp。另外,从现在到 12 月还会举办多场 WordPress Campus Connect 活动,涵盖 25 所学校,每场至少有 100 名参与者,涵盖 25 所学校、学院或大学。该项目将如其目标那样,为乌干达中部和东部的选定学校带来实用的 WordPress 学习课程。学生将了解 WordPress 的基础知识、网站的构建方式、如何创建和发布内容,以及如何将 WordPress 用于学校项目、个人作品集、博客、商业创意和未来的科技职业。因此,这些就是 WordPress Education Program 推出的 Campus Connect;我想,这个项目是在 2024 年底启动的,如今已经持续到 2025 年,并贯穿了 2026 年的一半。所以,乌干达确实非常接受这个项目,并让很多学生参与到了 WordPress 中。

Faith Imokol:是的,我们正努力确保未来的劳动力,也就是下一代进入职场的人,不会像我们当年那样缺乏必要的技能。因此,我们作为 WordPress 社区启动的这些项目,旨在帮助即将到来的年轻人,帮助即将走进职场的年轻一代,让他们了解自己可以掌握的不同技能,也让他们了解能够助其一臂之力的各种工具。所以,这确实是一项非常了不起的倡议,由 Dumba 先生和 Moses 发起。

Birgit Pauli-Haack:是的,是的。他们仍然完全参与其中,并全身心投入这一领域。Stephen Dumba 还为小学、中学和大学组织了一场网站项目竞赛。我想,总共有 20 支队伍参赛。每个团队都必须为一个本地社区项目创建一个网站,该项目对社区非常重要,网站还需展示如何传播相关问题和解决方案。那次活动也是在 6 月举行的。随后还有大阪的 WordCamp Osaka、大阪的 Campus Connect,以及 Kakumiro 的 Campus Connect。如果我没念错的话。

Faith Imokol:对。是的,你在努力。

Birgit Pauli-Haack:我在努力。是的,我还没成功。好吧。

Faith Imokol:你的发音非常好。

Birgit Pauli-Haack:好吧。是的,是的。所以,我 really 期待看到非洲大陆各个社区正在发生的事情。乌干达是其中之一。我认为另一个非常活跃的是肯尼亚。卢旺达也举办过一次。我不知道他们现在活跃程度如何。不过,我真的很期待这些进展。 

公告

我们有几项公告。7.1 即将到来。今天是 7 月 30 日。大约再过 3 周,我们就会发布 7.1 的最终版本。发布日期是 8 月 19 日,而且会在 WordCamp US 的最后一天发布。《The Source of Truth》就是那本讲这些内容的书,对,它会发布在 Gutenberg Times 上。这次大约需要 39 分钟阅读,共 7,000 字。它实际上是一本电子书之类的作品。目录非常详细,所以你可以直接跳转到想看的章节。好的,满足你的需求。如果需要更多技术细节,开发人员说明也会发布。其中有一项关于客户端媒体处理,还有一项关于为全局样式提供文本阴影支持。 

媒体库的无限滚动功能即将恢复,并默认启用,不过提供了一个筛选器,方便有需要禁用它的人。现在,自定义 HTML 区块内部也可以使用可编辑区块。这是一项非常有趣的设计。如果你对此感兴趣,当然,我们会在节目说明中分享开发人员链接。还有一些编辑器组件更新,对于那些在后台和区块编辑器中基于这些组件进行开发的人来说会很有意义。然后,很多人一直期待相关功能,包括注册和渲染 SVG 图标及图标集。开发人员说明已经发布,这项功能会纳入 7.1。此外,还增加了中等宽度区块支持和背景渐变区块支持。有些全局样式功能只能通过 theme.json 使用。目前还没有 UI,因为它还需要再沉淀、酝酿一段时间,之后开发者才会考虑 UI。你是否已经从 7.1 的这些开发人员说明中看到了什么让你兴奋的内容?

Faith Imokol:是的,我非常、非常、非常期待即将推出的新功能,尤其是最让我兴奋的一点——协作工具。所以我很期待更多地使用这些工具,看看它们将如何帮助人们协作开发不同的 WordPress 项目。

Birgit Pauli-Haack:是的。对,对,对。遗憾的是,实时协作又被推迟了。或者更准确地说,它不会在 7.1 中推出,因为其中涉及底层服务器技术方案,而具体采用什么方案取决于网站托管在哪里。在企业环境中,也需要采用不同的方案,诸如此类。而且他们还没有确定默认值究竟会是什么。不过,我 really 喜欢的是电子同步器(e-syncer)。所以,我们两个人同时坐在各自的电脑前、同时编辑同一篇文章或网站的情况非常少见。主要是因为,是的,我在欧洲时区远程办公,而团队中有许多人在美国,那里比这里晚 6 个小时。因此我们的协作更多是异步的。我认为“备注”部分真的得到了很多关注,它是在 6.9 和 7.0 中推出的,现在又增加了更多功能。是的,我很喜欢。

Faith Imokol:是的。我看到它不断发展,成长为一个大得多的东西。所以我很期待接下来会推出什么。

Birgit Pauli-Haack:对,对,我确实能看到这种可能。不过,目前官方开发者博客的发布流程是:作者先在 Google Docs 中起草,然后由 2 位审稿人进来协助编辑、润色、缩短文章或进行其他处理,并在文档中发表评论。之后,作者必须根据这些反馈完成所有修改,再把整份 Google 文档放进博客中。现在借助“备注”功能,我们可以省去 Google Docs 这一环节,因为现在可以直接对内容区块发表评论。是的,我们可以提及其他人,也可以通过备注解决问题。这样一来,我们的流程就非常接近精简化了。好。 

最新发布内容——WordPress 7.1

发布了哪些内容?WordPress 7.1 Beta 4 已经推出。这是下周 8 月 5 日发布候选版之前的最后一个版本。8 月 5 日也是剩余开发者说明、相关开发人员说明以及《Field Guide》的截止日期。字符串冻结也将在届时进行。距离发布候选版仍有 14 天。翻译人员需要抓紧了。所谓字符串冻结,是指此后不会再加入需要翻译的新字符串。因为 WordPress 生态系统拥有一支庞大的翻译者队伍,到正式版本发布时,它将被翻译成约 70 种语言,新发布内容几乎达到 100% 的翻译覆盖率。这意义重大。但我们需要给 polyglots 团队中的翻译人员留出时间,把所有内容真正完成翻译。而且这次并不是一个小版本,尽管发布流程本身不算长。是的。 

如果你想测试它,现在正是时候。你可以前往 Make/Test 团队,按照 Help Test WordPress 7.1 的指南操作。新闻部分的发布文章中也链接了这份指南,因为它不仅让你有机会深入了解新功能,还会提供说明和视频,让你学到不少东西。如果你发现有问题,可以把它们指出来。这些问题不仅你自己能看到,其他数百万将获得这个新版本的人也会看到。如果你的动作足够快,而且问题足够小,他们可能会在最终发布前将修复加入其中。所以,如果你想提供帮助并作出相当有影响力的贡献,请帮助测试 WordPress 7.1。这是本期节目的行动号召。你有没有机会深入体验其中的一些功能?

Faith Imokol:有。我也在本地尝试了测试。没错,真的令人印象深刻。他们为此投入的工作非常、非常令人印象深刻。

Gutenberg 23.6

Birgit Pauli-Haack:好的。接下来是 Gutenberg 插件 23.6 版。23.6 也是 7.1 的最后一个功能发布版本。因此,纳入 23.6 的所有内容几乎都会进入 7.1。下一个版本中的所有增强功能都不会进入,因为我们已经过了 beta 站点阶段。不过,你在测试中发现并作为问题报告、或在支持论坛中报告的所有错误修复,都有机会被纳入。好的,我们从这里开始。 

功能

我想指出的第一项是,你现在可以在 theme.json 中为平板和移动设备设置视口。这意味着什么?此前,Gutenberg 插件编辑器对桌面、平板和移动设备的视口采用了硬编码设置。如果你对这些视口有不同想法,大家就只能想方设法绕开它们。

Faith Imokol:是的。

Birgit Pauli-Haack:但现在,你只需在主题的 theme.json 中设置相应选项,一切就会各归其位。

Faith Imokol:我认为这给了我们大得多的灵活性。因为最初使用 WordPress 设置的默认视口时,所有网站的断点可以说都是一样的?

Birgit Pauli-Haack:是的。

Faith Imokol:就我个人而言,我更愿意称它们为断点。它们是移动端响应式设计中针对不同屏幕的断点。现在这将使我们能够按照自己的喜好进行定制,让主题保持统一,呃,采用我们预先设定的配置,而不是使用 WordPress 添加的默认配置。我在查看更新日志时看到了一段讨论,因为视口允许你设置平板和移动设备的视图。其中讨论了如果有人将平板视图设置成比移动屏幕更小的断点,可能会发生什么。答案是相当有意思的,因为最终我们又恢复到了默认设置。

Birgit Pauli-Haack:是的。

Faith Imokol:是的。因此,把这条规则记在后台是件好事,因为我认为不是每个人都会遵守。但在你使用这项功能时,以及任何开始使用它的人,我认为都必须记住:你正在为不同设备和平板设置不同的断点,而平板的尺寸要大于移动设备。

Birgit Pauli-Haack:是的,是的。这假设的是平板设备比移动设备更大。所以,如果有人设置的移动端断点比平板端还大,那很可能只是弄错了,或者类似的情况。是的。因此,在 theme.json 中某个值填错时,设置一个不会让整个网站陷入瘫痪的回退方案,可能是一项很好的措施,对。

Faith Imokol:我在想,现在三星推出了这些新的折叠屏手机。它会变成平板吗?我到现在还是没想明白。

Birgit Pauli-Haack:是的,这是个好问题。我看到过一场讨论、一个议题:在 Gutenberg 上思考如果你有超过 3 个断点会带来的后果。是的。我们能不能有多种尺寸?我的意思是,某种程度上这确实会变成可用性问题。编辑或用户该如何一直把这一点记在心里?是的,我见过有些插件有 6 个断点,但由于你永远不知道所有更改都做在哪些位置,所以很难控制它们。是的,当你开始着手做时,等你回过头来看,可能更容易理清思路。但一旦网站已经建好,你需要做一些修改,就很难弄清楚所有这些修改必须在哪里进行。所以,断点更多并不会让情况变好。我认为,这正是 Gutenberg 开发者一开始重点关注内在设计的原因所在,也就是让设计能够无缝适配各种屏幕尺寸。三星折叠手机可能也会纳入这一点。

Faith Imokol:是的。

Birgit Pauli-Haack:也就是说,你不会被固定在某个断点上,只需设定:好,它就占据自己拥有的空间。是的,与其使用媒体查询,不如使用内容查询。对。

Faith Imokol:我期待看到它还会加入什么功能,因为我认为还会涌现更多需求,也会为它增加更多设置。

Birgit Pauli-Haack:当然。是的。

Faith Imokol:那么,呃,记录,这是我非常期待的功能。它展示了 Gutenberg 已经变得多么强大。能够添加记录。所以即将推出的功能中,有一项是我们会提供的自动补全提及功能。你可以在这篇文章中标记某个人、某个用户;当你标记他们时,提示框会允许你——会让你从可用用户列表中选择;它会弹出一个可用用户列表,你可以选择想要标记的人。当他们被标记后,在前端你会看到他们会被突出显示,也就是他们的显示名称会被突出显示。这是一项让我非常、非常 impressed 的功能。我希望看到它之后能继续成长,因为我看到它有各种不同的用途,比如通知。我认为,这正是为协作功能整合的一项功能,对吧。以后,即使在我们协作的过程中也是如此,因为你可以在记录中标记某人,而现在你还可以在内联,也就是你正在创建的内容的上下文中标记其他人。是的,这是一项让我印象非常深刻的功能,也很期待看到它未来能够发展到什么程度。

Birgit Pauli-Haack:是的。现在,很多人一直期待的这项功能终于可以实现:你实际上可以高亮部分文本,并在侧边栏中针对文本的某个部分添加备注,而不再局限于整个段落块。现在,每个块还可以有多条备注。所以,如果这里有一个段落,我不知道,也许是 10 行长,你想对第一行或前 6 个左右的词做备注,中间还有一处内容,那么你可以分别为每一处添加备注,它们随后会显示在相应部分。因此,这让梳理对话变得容易得多,也让备注或评论能够更加细化。是的。现在它还增加了已解决分隔线。所以,当你勾选一条已解决的备注时,它会被进一步下移,并在侧边栏中显示一条小分隔线。所以,是的,这个备注功能区现在已经完善得相当好了。是的,它真的在逐渐成长。

Faith Imokol:是的,我看到了它未来会适用于越来越多的场景。因为我在想,有了解决功能,再加上已解决分隔线,我看到它正朝着项目管理方向发展,未来或许还能加入更多状态,而不只是已解决分隔线。非常出色。

Birgit Pauli-Haack:我看到其中有一些插件机会,可以把所有这些内容集中起来,并为整个编辑工作流设置一套单独的机制,让主编辑只需查看有哪些文章和评论。你可以看到,比如,你以编辑身份进入,看到“哦,我需要处理所有提到我的评论”。是的,我觉得这类功能很适合为它增添。不确定核心功能是否会以此为目标。所以这可能属于插件领域,因为,因为这是一个非常有限的用例。

Faith Imokol:是的。

Birgit Pauli-Haack:下一项是,文章编辑器和站点编辑器现在默认也会显示管理栏。登录后,你会在网站顶部看到一条黑色栏,里面有一些链接,可以跳转到不同位置;这也会在 7.1 中推出。现在,管理栏经过了精简,并与站点编辑器导航整合到了一起。感觉真的很不错。现在它变得更统一了一些,而且以前可以访问的内容现在依然可以访问。是的,你有站点图标,还有大大的 W,以前就有这个,但现在站点编辑器或区块编辑器的页眉变小了。整体整合得相当不错。

Faith Imokol:是的。在 7.1 版中,我们可以说,它更像是动态和静态内容区块、块内容的混合体,我们将能够提供 WordPress 所具备的能力。我不确定这是不是最恰当的表述方式,但目前 WordPress 允许你以两种方式之一提供或创建内容:要么使用区块,要么使用默认的静态 HTML。而这项新增内部内容的功能将使我们能够在静态内容中加入动态内容。这样一来,你仍然可以使用自己的 HTML,并在静态内容中添加可编辑内容,也就是你平常的 HTML,但其中包含一个可编辑的段落区块。因此,其他内容仍保持静态,而其中包含你的内部内容。我们获得了一项名为“内部内容”的新功能,可以据此进行设置。

Birgit Pauli-Haack:嗯。

Faith Imokol:也就是说,如果你在编写自己的代码,就可以添加这项内部内容功能,从而创建包含 HTML 区块的静态内容。

Birgit Pauli-Haack: 是的。描述得很好。我能看出它确实非常有用,尤其是对于那些包含可编辑区域以及其他你称之为静态、也就是硬编码内容的模式。是的,作为编辑者,不要随意改动。你说得对,这项功能也会在 7.1 版中推出。目前已经发布了开发者说明,因此节目说明中会有相关内容,你可以在那里查看 7.1 版的技术实现方式。

Faith Imokol:是的,我认为这是一个相当强大的工具,因为——我看到它也会——这是——我觉得这是可以针对不同方式继续扩展的功能之一,因为你如今构建的东西不再受到严格限制,而是可以修改它,以适应不同的场景和不同的用例。目前的用例是,要么你有一个专门执行某项特定任务的区块,但现在你可以同时使用区块和普通 HTML。因此,作为开发者,我觉得它赋予了我一定的能力。我不再是把所有事情都交给区块处理,而是可以添加不同的内容样式。是的。

Birgit Pauli-Haack:不错。

Faith Imokol: 是的,是的。

Birgit Pauli-Haack:下一项是 Icons API 的一部分。现在,23.6 版 Gutenberg 插件提供了 PHP 方法,可从注册表中渲染内联 SVG 图标。因此,它也可以用于纯 PHP 区块或其他模板等。这也会随 7.1 版一同推出,是 WordPress 中用于注册图标的新 API;SVG 图标和图标集随 23.6 版一同引入。

Faith Imokol: 下一项我来讲。

Birgit Pauli-Haack:嗯。

增强功能

Faith Imokol: 7.1 版本中推出。我们的一些区块在背景方面出了问题,也就是手风琴区块、文章内容区块、引用区块和经文区块。这些问题出在 CSS 和区块 CSS 对图片的处理方式上,最终阻挡了渐变效果,也破坏了渐变效果。因此,可以说背景图片与渐变效果的处理方式之间存在冲突,导致了渐变相关的错误。现在,背景图片和渐变效果的处理方式已经修复。因此,当你将渐变效果应用到任何区块时,都不会再出现冲突,尤其是我们前面提到的引用区块、手风琴区块、醒目引文区块、经文区块和文章内容区块。

Birgit Pauli-Haack:是的。实际上,这个修复还为你带来了一项全新的功能。现在,你可以将渐变效果叠加在背景图片上,这提供了一种全新的设计方式。如果你查看一下即将合并的一些 PR,配合那里的屏幕共享来看,当图片上方覆盖渐变效果时,图片会显得更生动一些,效果确实很不错。 

是的,最新文章区块现已支持布局和区块间距设置。最新文章区块过去基本上只是把 WordPress 小工具区域中的最新文章重新呈现为区块,之后一直没有得到太多关注,因为查询区块也可以算是一种最新文章区块。但现在它支持布局和区块间距设置,因此可以很好地适配其他位置。说到查询区块,它现在新增了一个选项,可以将当前文章从查询区块的区块列表中排除。这样一来,你的单篇文章模板会更合理:你可以设置这里展示当前文章及其内容,然后在下方添加来自同一分类或同一分类法的区块列表,同时排除当前区块。过去,只要当前区块具有相同的分类法,它就总会被一并呈现出来。因此,我认为这是很多人一直在期待的功能。听起来似乎是个小功能。是的,但它的功能其实相当强大。

Faith Imokol:封面区块新增了一项功能。这将允许用户限制添加到封面区块中的视频类型。目前,WordPress 支持将多种不同视频提供商的视频嵌入封面区块,而这项功能可以让你加以限制。例如,如果你只想显示 YouTube 视频,就可以添加限制,只允许上传 YouTube 视频到封面区块。你也可以将其切换为任意其他设置,而不是直接允许嵌入任何视频提供商提供的视频。我认为,这项功能让你能更好地控制所需内容。不同服务提供商提供的视频播放界面和布局各不相同,而这项功能将有助于实现统一性。 

Birgit Pauli-Haack:是的。

Faith Imokol:因为我觉得,当你的网站上有——一些视频在播放,比如 YouTube 内容,然后它又切换成另一种格式,也许是 Vimeo,而且整体看起来差异很大,这可能会有点奇怪。我看到这能打造更好的展示效果和体验,同时也让你能更充分地控制哪些类型的内容可以接受。

Birgit Pauli-Haack:完全正确。从历史发展来看,这是在 7.0 允许直接将视频 URL 用作封面背景之后推出的。安装之后,社区收到了相当多的反馈,尤其来自代理商社区和企业层面。他们表示,好吧,我不希望人们直接在其网站上嵌入来自外部的视频,尤其是来自受限行业、受到监管行业的视频。他们不能任由各种随意的 URL 在网站上播放。因此,他们需要一种方式来限制视频提供商,甚至完全禁用这项功能。所以,这是对社区收到的所有反馈作出的响应,旨在提供这种限制能力。

Faith Imokol:没错。

Birgit Pauli-Haack:说到视频,新的客户端处理功能现在也有了一种将 GIF,也就是上传的动态 GIF,转换为视频的方法。我们从 90 年代就知道 GIF,对吧?不过,屏幕录制的一些功能也会生成动态 GIF,而它们存在一个问题。对于小一些的内容来说还不错,比如 1 秒左右。但如果是较长的 GIF,你就无法控制它,无法停止它,也无法做任何操作。因此,有些人希望把它转换成视频。现在这个功能将在 7.1 中推出,但它也被设为选择性启用。因此,人们必须明确表示,好吧,我想这么做。然后,它会出现在区块工具栏的区块转换下拉菜单中。接着,你就可以自动将 GIF 转换为视频。要正确处理,这实际上取决于视频、帧尺寸以及许多其他因素。但这是一项非常实用的功能。

Faith Imokol:没错,这是一项非常实用的功能,因为我认为现在我们仍然拥有选择权,人们可以选择想要什么:是想保留 GIF 图像,还是将其作为视频。如果采用视频,它可以是轻量的,加载速度也比普通 GIF 快得多。GIF 往往相当占资源。

Birgit Pauli-Haack:是的。

Faith Imokol: 在网站上也是如此。没错。只是有一种很有趣的场景。我曾经访问过一个网站,上面真的到处散落着 GIF。我只是想想,面对这样的网站该有多糟糕。

Birgit Pauli-Haack:没错。

Faith Imokol:它对资源的消耗有多大,以及网站的性能会如何。所以我认为,这解决了此前一直存在、他们也曾尝试解决的一个问题,也就是允许将 GIF 转换为视频。现在,用户可以选择继续使用 GIF,也可以选择采用视频。

Birgit Pauli-Haack: 没错。

Faith Imokol:我们一开始有 2 个仍处于生产阶段的区块,准确地说,是播放列表区块和选项卡区块。它们将在 7.1 版中推出。播放列表区块允许你添加播放列表。如果你使用过任何播客工具,或者在网站上制作音乐播放列表,这个区块可以让你添加一份音乐列表,并且能够一首接一首地播放。所以,这是一个将在 7.1 版推出的非常强大的区块。我现在也在谈选项卡区块。这个区块允许你把网站上的内容组织成选项卡。因此,它确实可以把不同的内容归组到网站上。这也是一个非常、非常强大的区块,我认为它能让大家更清楚地理解如何将不同内容添加到我们的网站中。所以,或许你可以在这方面继续补充。

Birgit Pauli-Haack:是的,从 Gutenberg 刚推出时开始,就已经有不少区块合集包含选项卡区块了。现在它终于进入核心了。我有一个问题想问开发者。我不知道你怎么看,但这难道不让人觉得详情区块、手风琴区块和选项卡区块都有某种相似的隐喻吗?是的,有点像。你勾选某项,然后某处会打开;接着你又会看到一组需要勾选的项目,旁边还有选项卡,或者说是手风琴。我的意思是,它们的行为确实有些不同,但它们不都是同一个理念的变体吗?

Faith Imokol:我认为这是种相似的理念,尤其是你看手风琴的工作方式时。不过我觉得这 ultimately 取决于人们期待看到什么样的展示方式。它们可能都在做相似的事情,但用户希望内容以不同方式呈现。我认为选项卡区块让我们能够对所展示的内容进行归组,所以可以说我个人觉得它比手风琴区块更胜一筹。 

所以手风琴可以用于一些场景——我见过的最常见用法可以说就是常见问题,也就是把问题和答案归组在一起。但现在来看选项卡,想象你有一个 WooCommerce 网站,里面有各种与该产品相关的内容。你可以放置详情,然后是规格说明,再然后是价格。所有这些内容都可以归入不同的选项卡,用户可以在其中浏览,同时每个选项卡内还能提供更具体的信息。你也可以对手风琴做同样的事。但我觉得这提供了一种更好的内容浏览方式。手风琴如果内容很多,我觉得可能会显得非常臃肿,把大量内容都塞进一个单元里;而选项卡则能把一个单元拆分开来。我现在还不确定这个功能能做到什么程度,但选项卡似乎还允许你添加其他不同的区块,也就是应该可以往里面加入不同的区块。因此你可以在其中做更多事情。

Birgit Pauli-Haack:所以,我感觉这有点像——选项卡的比喻更类似于办公室环境:你有文件、文件夹,然后文件夹里装着一些文件,你可以把它们从登记册里抽出来,顶部的写入器就是你的选项卡,然后你可以——这个比喻如今在网站中更容易让人理解。我觉得人们能更好地通过这种方式进行导航,而不必费心弄懂手风琴是如何运作的。

Faith Imokol:是的。

Birgit Pauli-Haack:对。我认为你说得没错。嗯,这其实是个有点棘手的问题,因为这个问题应该问负责制定 HTML 标准的 WC3 机构,因为 details、accordion 和 tabs 这三个块正是用来实现这些功能的。他们将可用的 HTML 放入块设置中,然后将其作为设计和布局页面的工具提供。所以,这个问题实际上应该问 WC3 标准机构:你们为什么会在那里制定这些不同的标准,以及相应的 HTML 标签? 

所以,我想,嗯,我们在可视化修订页面方面还有几项更新,其中还有两项。现在有了一个自动保存的标签。过去,修订记录只保存你所做的操作,也就是按下保存按钮时已有的内容。现在,它还会把自动保存作为单独的条目添加到修订时间线中。这样可能会显得有点拥挤,但你可以在很大程度上将它们折叠起来。因此,当你离开一篇已自动保存的文章、之后再次回来时,屏幕顶部会显示一条通知,说明自动保存中有一个更新版本。此前,当你点击该处的链接时,会返回旧的修订页面,这个问题现在也已解决。因此,这个页面现在也会进入新的基于块的可视化修订页面。

Faith Imokol: 我认为这是其中一件——修订功能确实是我很欣赏、也很期待的事情之一。我不知道有多少次,我回到自己的站点,想查看内容并逐个浏览修订记录,最后都会放弃,然后想,你知道,没必要再回头看了。但我认为,这有助于我们追踪并确切了解我们在时间上停留在哪里、发生了哪些变化,也能让我们浏览不同的修订版本。 

Birgit Pauli-Haack:对。

Faith Imokol:而且挺有意思的是,报告这个问题的人还是一位首次贡献者。

Birgit Pauli-Haack:对。

Faith Imokol:就是发现这个问题的人。是的。

Birgit Pauli-Haack:对。

Faith Imokol:所以,对于我们现在拥有的这些新的视点设置,这是在我们之前讨论过的内容基础上的进一步扩展,也就是能够记住已有的设置。现在,我们有了一个新功能,允许我们在主题中添加自己的自定义视点,位于 theme.json 中。

Birgit Pauli-Haack:新的状态分为视口状态和伪状态,后者有点像悬停、操作和激活状态。过去存在的问题是,当你更改颜色时,系统不会提示你的颜色选择不符合无障碍网站所需的对比度。通常,当你更改背景色和文字颜色时,会看到一个小警告,说对比度不足,最好检查一下颜色设置。这个功能之前无法用于移动端或平板设备的视口,也无法用于伪状态。因此,当你更改这些状态的样式时,不会收到警告。现在,这个问题已通过 23.6 版 Gutenberg 得到修正。我认为这是一项很好的 bug 修复,但它也算是一项增强,因为此前并没有这个功能。我想下一项我们已经谈过内部区块和自定义 HTML 区块。我觉得我们可以跳过这个。

Faith Imokol: 

这只是我认为是在补充我们之前讨论的内容。

Birgit Pauli-Haack:没错。

Faith Imokol:因为现在,当你开发并编写自己的区块时,也可以在区块中添加内部区块功能。

Birgit Pauli-Haack:对,对。而之前提到的反馈是针对区块可见性的。现在,你可以在 theme.json 中设置一项选项以选择退出该功能,这样编辑者就无法更改任何区块的可见性。theme.json 中新增了一个属性。我想有些人希望查看并使用这项功能。

Faith Imokol:下一个问题是,允许根据视口状态设置文本对齐方式。这样一来,当你设置文本并进行对齐时,可以根据不同的视口采用不同的对齐方式。比如,你可以选择桌面端左对齐,而移动端或平板端右对齐。因此,这项新功能让你能够为不同视口设置不同的对齐方式。

Birgit Pauli-Haack:是的,我很喜欢这一点,因为有时一段文字会——哦,我是说——在移动端居中可能很好看,但在大屏幕上可能根本无法阅读。对。所以你可能希望让它左对齐之类的。下一项是对网格区块的增强。有时我们会用相同的术语指代不同的事物。我只需要确认一下这里说的是同一个东西,确实是——讲的是网格区块。现在新增了一个选项,可以使用自动适应来拉伸列,从而提高布局的灵活性。这样它就能适应屏幕。

如果你想使用固定列宽,或者与其他列保持固定比例,但现在也有了一个使用自动适应来拉伸列的选项。

Faith Imokol:有了新的图标功能,我们现在可以进行分组,可以说,我们可以把不同的图标归入不同的集合。WordPress 提供了一种实现方式,并为我们——尤其是开发者——提供了新的工具,以便为图标创建不同的分组。因此,你可以对图标进行分组,比如这些是 WordPress 图标,这些是 Font Awesome 图标,这些则是你选取图标的其他不同来源。你可以给自己的图标分组。我认为这是一项非常实用的功能,它能让你精简操作流程,便于从一个集合切换到另一个集合。不过,这只是与图标相关更新中一同推出的功能之一。

Birgit Pauli-Haack:没错。类似地,开发者现在也可以很高兴地使用数字和下划线作为图标 slug。那是——这是注册表 API 的一部分。而在 23.6 中,随着 7.1 的推出,这些内容已被添加到 API 中。

Faith Imokol:是的。

Birgit Pauli-Haack:所以我想,当我看完更新日志的其余部分时,我们已经讲完了刚才讨论的内容。不过,23.6 中大约有 400 个 PR。我真的很高兴这期节目没有超过一小时左右,否则我们可能会继续围绕其中的许多内容聊个没完。 

对于听众来说,我们在梳理更新内容时,更新日志共有 38 页,而我们基本上跳过了其中 30 多页。因此,有大量工作成果被纳入 WordPress 7.1,尤其是因为 Gutenberg 的 3.6 版本是上一个版本,所以大家都想趁机把一些东西加入进来。这就是它如此庞大的原因。不过,其中大部分是针对既有问题的错误修复。因此我们这里不会讨论这些。但请务必阅读 Make 博客上的发布说明。是的,7.1 带来了大量信息。所以请留出时间研究其中一些对你真正重要的内容。 

工具

我想重点介绍其中一项内容,它来自 Gutenberg Times。有一篇博文讨论了如何处理文章编辑器的 iframe 编辑器。如今,每个区块编辑器都将加载在 iframe 中。这样做的好处是,管理后台页面中的其他设计和产物不会侵入编辑器。站点编辑器、模板编辑器和图案编辑器从 2021 年起就已经采用了这种方式。只有文章编辑器仍然加载在管理后台页面中,因为它是第一个采用区块编辑器的编辑器。而现在随着 7.1 的推出,文章编辑器也将进入 iframe。不过,考虑到旧区块和旧区块集合的历史情况,这方面可能会出现一些异常现象。 

经验法则是,如果你在站点编辑器中加载某个区块(比如在模板中),而且它能够正常运行,那么在文章编辑器中使用 iframe 时,它也不会有任何问题。如果你遇到异常情况,你可能需要——这篇文章是面向开发者的,文章逐一说明了其他人过去在文章编辑器中采用过哪些可能无法配合 iframe 工作的方式,并介绍了各种不同场景以及如何修复或缓解这些问题。虽然这可能引发不少担忧,但我还没有见过区块在 iframe 中崩溃。当然,我在这方面的观察角度有限,使用的东西也仅限于我自己常用的那些。我会把直播间的 YouTube 视频以及 Gutenberg Times 上的文章链接一并放入节目说明,方便大家进一步了解。 

好了,Faith,你成功做到了!太好了,恭喜你!

Faith Imokol:谢谢。

Birgit Pauli-Haack:好了,亲爱的听众们,一如既往,节目说明将发布在 gutenbergtimes.com/podcast 上。这是第 133 期节目;133 就是期数。如果你有问题、建议或新闻,请直接发送至 changelog@gutenbergtimes.com。正是 changelog@gutenbergtimes.com。也谢谢你,Faith,感谢你第一次加入我的节目。你表现得非常出色,非常感谢。我希望你能再次回来。我没有把你吓跑。

Faith Imokol:我也谢谢你。也谢谢你。也谢谢你邀请我来。

Birgit Pauli-Haack:哦,当然。

Faith Imokol: absolutely。

Birgit Pauli-Haack:我们玩得很开心。是啊。感谢各位亲爱的听众收听节目,再见,下次再见。拜拜。

来源:Gutenberg Times(区块编辑器) · https://gutenbergtimes.com/podcast/gutenberg-changelog-133-gutenberg-23-6-release-and-wordpress-7-1/

部分链接为推广/关联链接。