[开发工具]Gutenberg 11.8.0 有哪些新变化？

十月结束了，我们真的很接近 WordPress 5.9 了，Gutenberg 11.8 是 WordPress 新版本发布前的倒数第二个版本。这一次，编辑体验进行了大量改进，包括一种发现 Featured Block 的方法。图案、标题块的间距工具、某些元素的新动画（例如 Dropzone 和插入点）等等。

目录 模式目录中的特色模式 间距工具现在可用于更多块 为响应式导航块启用永远在线的汉堡菜单 其他显著改进允许子主题.json与父 theme.json 合并 更好地控制 Cover 和 Column 块的内部块 为标题、列表和引用启用斜线插入器。 插入点、拖放区和其他元素的动画 在 ListView 中显示省略号菜单 11.8.0 更新日志古腾堡 11.8 增强功能块库 设计工具 样式 主题化 图案 块编辑器 模板编辑器 组件 套餐 可访问性 性能全局样式 Bug修复块库 i18n 套餐 组件 主题 模板编辑器 块API 设计工具 块编辑器 REST API 列表显示 全局样式 CSS 和样式 块API 实验导航块 导航屏幕 文档手册 套餐 代码质量 工具套餐 测试 构建工具 导航编辑器扩展器注意事项 性能基准

模式目录中的特色模式

模式目录是伟大的块模式的首选来源，通过这种增强，是对 WordPress 的简单改进，例如添加钩子、新功能或对现有功能的改进。到插入器，用户可以直接访问精选的图案，从而更容易找到要使用的丰富图案或从中获取灵感。

上传视频封面

?

好的标题可以获得更多的推荐及关注者

间距工具现在可用于更多块

间距控制是让您的帖子、页面和模板看起来恰到好处的重要部分。在 Gutenberg 11.8 中，我们在这方面得到了很大的改进。

标题块上的间距 – 站点标题块已经可以使用间距控件，为所有生成标题的块添加这种可能性是有意义的，包括导航块，如下所示！通过此增强功能，不再需要为每个使用标题块的模式或模板手动添加填充或边距支持。

导航块上的间隙支持 – 利用 Gutenberg 11.5 中添加的块间隙支持，使我们能够控制导航块元素之间的空间。

上传视频封面

?

好的标题可以获得更多的推荐及关注者

按钮块间隙和垂直边距 – 也与块间隙支持相关，这使我们能够控制按钮之间的空间，以及添加垂直边距支持以调整按钮容器上方和下方的空间。作为旁注，此更改背后的讨论展示了贡献者如何共同将这些有用的功能添加到古腾堡；非常感谢所有参与的人！

为响应式导航块启用永远在线的汉堡菜单

此更新有两个方面：用户现在可以隐藏导航菜单。 WordPress 包含一个易于使用的机制，用于提供各种控制选项，让用户在站点上从一个地方点击到另一个地方。他们还获得了一个新的和改进的导航块显示选项面板。

其他显著改进

允许子主题.json与父 theme.json 合并

theme.json文件的子主题theme.json定义的样式之上应用它们的样式，允许它们在保持父主题的基本样式的同时轻松覆盖某些样式。如果子主题上不存在theme.json 文件，如果您想修改主题的 CSS，创建子主题被认为是最佳实践。

更好地控制 Cover 和 Column 块的内部块

从 Gutenberg 11.8 开始，可以更好地控制某些容器块中允许使用哪些类型的块，因为对 Cover Block 和 Column Block 添加了allowedBlocks。

为标题、列表和引用启用斜线插入器。

斜线插入器是查找和向内容添加块的最快方法，从现在起用户可以使用它在标题、列表和引用块中添加块，类似于它在基本段落块中的工作方式。

插入点、拖放区和其他元素的动画

此版本通过为插入点和拖放区等提供动画，增加了一个很好的触感。

在 ListView 中显示省略号菜单

最后但并非最不重要的一点是，此版本还启用了站点编辑器中的列表视图的省略号菜单（块设置菜单）。此菜单不仅允许用户从列表视图中对执行拷贝、复制、删除和执行等一系列选项来阻止块，而且还有助于访问最近改进的模板部件焦点模式。

11.8.0 更新日志

间距工具

• 按钮：添加间隙和垂直边距支持。 (34546)

• 向所有标题块添加间距控件。 (35772)

• 特色图片：为特色图片添加间距控件特色图片特色图片是您博客存档页面上使用的主要图片，当帖子或页面在社交媒体上共享时会被拉出。该图像可用于显示在您网站上的小部件区域或帖子摘要列表中。堵塞。 (35775)

• 导航块：添加块间隙支持。 (35277)

更多地控制内部块

• 列：允许列内允许的块的规范。 (35342)

• Cover：在 Cover Block 中添加 allowedBlocks 和 TemplateLock 属性。 (31326)

theme.json 的子主题支持

• 允许子 theme.json 与父 theme.json 合并。 (35459)

目录中的特色模式

• 模式目录中的特色模式。 (35115)

其他改进

• 为标题、列表和引号启用斜线插入器。 (35360)

• 在 ListView 中显示省略号菜单。 (35170)

• 为插入点、放置区和其他元素添加动画。 (33132)

• 航向：自动生成航向锚点。 (30825)

• 为响应式导航菜单启用永远在线的汉堡菜单。 (35568)

古腾堡 11.8

增强功能

块库

• 向所有标题块添加间距控件。 (35772)

• 为标题、列表和引号启用斜线插入器。 (35360)

• 统一主题块占位符内容。 (35517)

• 按钮：添加间隙和垂直边距支持。 (34546)

• 类别：添加仅显示顶级类别的支持。 (35726)

• 列：允许列内允许的块的规范。 (35342)

• 评论内容块：添加排版、颜色和填充支持。 (35183)

• Cover：在 Cover Block 中添加 allowedBlocks 和 TemplateLock 属性。 (31326)

• 封面：添加一个选项以在使用背景颜色时设置不透明度。 (35065)

• 封面：允许从占位符状态设置高度。 (35068)

• 封面：如果添加了媒体并且将 dimRatio 设置为 100，则将 dimRatio 更改为 50。(35789)

• 封面：仅当封面块的背景较暗时才使用白色文本。 (33541)

• 封面：使用占位符中的说明。 (34970)

• 嵌入：将 Pinterest 添加为嵌入提供程序。 (34895)

• 特色图片：为特色图片块添加间距控制。 (35775)

• 特色图像和图像：删除后代空间。 (35466)

• Gallery Block：在单个请求中获取媒体数据。 (34389)

• 航向：自动生成航向锚点。 (30825)

• 引用：更新弃用以期望样式块支持。 (35615)

• 页面列表：如果没有项目，则显示空占位符。 (35441)

• 发布日期：添加更多排版选项。 (35422)

• 发表评论作者：添加链接设置和阻止支持。 (35595)

• 发表评论日期：添加链接设置和阻止支持。 (35112)

• 引用：为引用块添加了“普通”样式。 (29856)

• 搜索：在搜索块中启用继承。 (35723)

• 站点徽标：向站点徽标块添加一个基本示例。 (35588)

• 站点徽标：将重置按钮移至替换菜单下拉菜单。 (35372)

• 站点徽标：占位符调整。 (35397)

• 站点标语：将 `fontStyle` 控件添加到站点标语块。 (35507)

• 网站标语：为网站标语块添加广泛+完全支持。 (35589)

• 站点标题：向站点标题块添加一个基本示例。 (35590)

• 站点徽标：删除“重置”按钮图标。 (35434)

• 社交图标：添加顶部和底部边距支持。 (35374)

• 社会链接：波兰标志唯一的风格。 (35586)

设计工具

• 工具面板：当面板主体中没有控件时切换到加号图标。 (34107)

• 块支持：添加面板特定的类名。 (35793)

• 块支持：切换尺寸检查器控制插槽以虚拟冒泡。 (34725)

• 检查器控件：利用与样式挂钩的设计工具的顺序挂钩在 WordPress 主题和开发中，挂钩是可以应用于 WordPress 中的操作或过滤器的功能。操作是在 WordPress 中发生特定事件时执行的功能。过滤器允许您修改某些功能。用于挂钩过滤器和操作的参数看起来相同。 . (35574)

样式

• 允许用户存储双色调数据。 (35318)

• 允许子 theme.json 与父 theme.json 合并。 (35459)

• 将三个颜色面板提取到它们自己的全局样式视图中。 (35400)

• 字体系列：从CSS CSS层叠样式表切换。自定义属性到类。 (31910)

• 将全局样式重置操作移至下拉菜单。 (35559)

• 更新全局样式下不同屏幕的描述。 (35429)

• 更新全局样式侧边栏侧边栏 WordPress 中的侧边栏是指 WordPress 主题使用的小部件就绪区域，用于显示不属于主要内容的信息。它并不总是侧面的垂直柱。它可以是内容区域、页脚、页眉或主题中任何位置下方或上方的水平矩形。的根视图以使用 Card 组件。 (35547)

• 使用文本颜色以全局样式呈现 Aa 预览。 (35631)

主题化

• 将 [data-block] 添加到 appender。 (35356)

• 自动为块主题启用主题支持。 (35593)

• 删除页面正文和编辑器画布上的默认填充/边距。 (35421)

• 在`templateParts` 中支持标题。 (35626)

• CSS：添加图像高度重置。 (30092)

图案

• 增加默认查询循环循环的每页项目数循环是 WordPress 用于显示帖子的 PHP 代码。使用 The Loop，WordPress 处理要显示在当前页面上的每个帖子，并根据它如何匹配 The Loop 标签中的指定标准来格式化它。循环中的任何 HTML 或 PHP 代码都将在每个帖子上进行处理。 https://codex.wordpress.org/The_Loop。堵塞。 (35603)

• 模式目录中的特色模式。 (35115)

块编辑器

• 为插入点、放置区和其他元素添加动画。 (33132)

• 调整链接UI UI用户界面视觉样式。 (35414)

• 添加一些上边距。 (35717)

• 在 ListView 中显示省略号菜单。 (35170)

模板编辑器

• 在模板详细信息中为模板区域添加更多选项。 (35577)

• 将模板区域添加到模板检查器。 (35239)

• 将模板详细信息添加到模板部件。 (35444)

• 将模板卡的布局与块卡对齐。 (35391)

• 更新站点编辑器块占位符样式。 (35513)

• 为站点编辑器使用深色背景。 (35520)

• 尝试：删除虚线祖先边框。 (35637)

组件

• 添加快捷方式提供程序。 (35652)

• 迭代颜色和渐变面板的设计。 (35535)

• 导航器：更新导航器样式以促进粘性定位。 (35518)

• 重新定位 RangeControl 工具提示并调整图像缩放控制下拉高度。 (27374)

• 删除分段控件垂直分隔符。 (35497)

• 故事书：将 RTL 切换器添加到工具栏。 (35711)

• 故事书：为 TypographyPanel 添加故事。 (35293)

• 故事书：默认情况下启用控件并禁用旋钮。 (35682)

• 故事书：删除过时的装饰器配置。 (35678)

• 在 NumberControl 和 RangeControl 中支持“任何”步骤。 (34542)

• ToggleGroupControl：允许自定义 aria-label。 (35423)

• 更新范围控制指标。 (35540)

• 更新 FontSize 控件。 (35395)

套餐

• 创建块：将 PascalCase slug 添加到创建块模板字符串。 (35462)

• 创建块：允许将本地目录作为相对路径传递给 –template。 (35645)

• 测试设置：添加更完整的常见计时器功能模拟。 (35368)

• 脚本：允许通过 WP_ARTIFACTS_PATH 环境变量自定义 ARTIFACTS_PATH。 (35371)

可访问性

• 富文本弹出框：移至阻止工具以修复 Tab 键顺序。 (34956)

• 保存按钮：防止焦点丢失。 (34731)

性能

全局样式

• 仅传递站点编辑器使用的数据。 (35458)

• 使用上下文提供程序进行全局样式配置。 (35622)

Bug修复

块库

• 块设置：如果块无法移动，则不要渲染“移动到”。 (35463)

• 封面：更新占位符 minHeight 样式以支持非 px 单位。 (35614)

• 封面：更新“templateLock”属性。 (35671)

• 特色图片：中心占位符芯片内容。 (35417)

• 标题：修复撤消/重做“陷阱”。 (35767)

• 标题：卸载块时删除锚图。 (35761)

• 站点徽标：修复深色背景上的站点徽标块。 (35718)

i18n

• 修复 HelpHub 链接 i18n 以进行页面跳转。 (35404)

• 修复模板部分块未翻译的字符串。 (35715)

• 翻译翻译更改文本、单词和显示格式以支持另一种语言的过程（或结果）。另请参阅本地化、国际化。注意 Home/end 以避免误译。 (35669)

套餐

• 服务器站点渲染：防止在“ServerSideRender”组件中由于在获取标记时更改道具而导致的空渲染。 (35433)

组件

• 颜色选择器：修复颜色选择器组件的一些问题；删除 tinycolor2;。 (35562)

• 导航器：隐藏导航器中的水平溢出。 (35332)

• 弹出框：修复 __unstableBoundaryParent。 (35082)

• RawHTML 组件：允许多个子项。 (35532)

• 富文本：修复跨多行和单行实例的内部粘贴。 (35416)

• 切换组控制：修复未选择任何选项时的视觉状态。 (35545)

• 切换组控制：固定条件以正确显示分隔符。 (35409)

• 切换组控制：修复 ToggleGroupControlOption 不将 ref 传递给底层元素。 (35546)

• 工具提示：对于工具提示，如果子元素被禁用，则防止向它们发出事件。 (35254)

• 工具提示：当底层组件被禁用时，从工具提示中删除多余的逗号字符。 (35247)

主题

• 自定义模板：使用theme.json 中的“title”。 (35592)

• 元素块支持：修复链接颜色渲染现场前端。 (35446)

• 将链接颜色样式移动到页脚。 (35425)

• 为流程布局的所有子项重置边距。 (35426)

模板编辑器

• 使用 slug 作为模板部件区域项键。 (35796)

• 修复一般区域缺少的标题。 (35657)

块API

• 块：将最新的过滤器应用于以前注册的块。 (34299)

• 修复使用块支持的动态块中字体大小和颜色的类序列化。 (35751)

设计工具

• Border Radius Control：在第一次单击 RangeControl 时修复未定义的值。 (35651)

块编辑器

• 修复在块删除后更新块列表。 (35721)

• 修复兄弟插入动画。 (35729)

• 插入器：修复搜索和标签之间的差距。 (35537)

• 保存帖子：透明禁用按钮。 (35542)

• FSE：编码标准：DOCTYPE 应该是任何HTML HTML超文本标记语言的第一行/字符。语义脚本语言主要用于在 Web 浏览器中输出内容。文档。 (35442)

REST API

• 修复预加载中间件引用 OPTIONS 请求的陈旧数据。 (35527)

列表显示

• 修复单击图标时展开和折叠的问题。 (35526)

全局样式

• 修复使用回调来验证用户数据的预设。 (35255)

CSS 和样式

• 删除在全局样式表中排队的字体大小类。 (35182)

块API

• 允许超过 1 个块样式表。 (32510)

实验

导航块

• 添加块间隙支持。 (35277)

• 为响应式导航菜单启用永远在线的汉堡菜单。 (35568)

• 修复空间之间的问题。 (35722)

• 子菜单项填充和修复。 (35716)

• 修复导航间隙和填充问题。 (35752)

• 删除颜色继承特异性。 (35725)

• 从导航链接块中删除不推荐使用的类名。 (35358)

导航屏幕

• 使用新的核心Core在菜单项 REST API 中。 (35648)

• 导航：预加载更多 API 请求。 (35402)

文档

手册

• 向目录添加类别以帮助消化常见问题。 (35519)

• 为由 editor.blockListEdit 过滤器返回的 BlockListBlock 组件的 wrapperProps 属性添加缺少的文档过滤器过滤器是两种类型的挂钩之一 https://codex.wordpress.org/Plugin_API/Hooks。它们为函数提供了一种修改其他函数数据的方法。它们是 Actions 的对应物。与 Actions 不同的是，过滤器旨在以孤立的方式工作，并且绝不会产生副作用，例如影响全局变量和输出。 . (26961)

• 添加有关使用 theme.json 架构的部分。 (35739)

• 将目录添加到常见问题页面。 (35455)

• 阐明 InnerBlocks 方向道具的文档。 (35712)

• CustomRadius – 删除插件插件插件是一个包含一组可以添加到 WordPress 网站的功能的软件。他们可以为您的 WordPress 网站扩展功能或添加新功能。 WordPress 插件是用 PHP 编程语言编写的，并与 WordPress 无缝集成。这些可以在 WordPress.org 插件目录 https://wordpress.org/plugins/ 中免费提供，也可以是来自第三方文本的基于成本的插件。 (35582)

• 更新块类别。 (35523)

• 更新 npm run build 命令以在本地使用 Gutenberg 进行开发。 (35681)

套餐

• 块编辑器：更新文档中`viewportWidth` 属性的默认值。 (35659)

• 组件：将故事书链接添加到 /components README。 (35493)

• 组件：为 SkipToSelectedBlock 组件添加自述文件。 (32958)

• 组件：添加 CHANGELOG 条目以从 FontAppearanceControl 中删除字段集。 (35585)

• 组件：向 CHANGELOG 添加有关新 ColorPicker 的条目。 (35486)

• 组件：修复组件 CONTRIBUTING.md 上的 Markdown 突出显示。 (35633)

• 组件：将 CustomSelectControl 提示选项标记为实验性的。 (35673)

• 组件：波兰语 ToggleGroupControl。 (35600)

• 组件：对贡献指南的小调整。 (35620)

• 组件：更新 SelectControl 的自述文件。 (28811)

• 组件：更新 DateTimePicker 组件自述文件以删除对 isDayHighlighted 回调的引用。 (35363)

• 组件，专长（SelectControl）：添加子道具。 (29540)

• 创建块：更新文档和自述文件合并后的 #35645。 (35679)

代码质量

• 块编辑器：修复了变换样式换行功能（和收紧类型）的奇怪用法。 (23599)

• 约束制表：简化。 (34836)

• 撰写：将 `usePrevious` 挂钩转换为 TypeScript。 (35597)

• 当 getBlockType 返回 undefined 时更新 Callers 以进行处理。 (35097)

• 组件：波兰 ResizableBox 并将其转换为 TypeScript。 (35062)

• 组件：从渐变选择器中删除 `tinycolor` 对象使用。 (35544)

• 组件：删除 Card 组件中重复的 className。 (35333)

• 组件：删除未使用的 useJumpStep 实用程序。 (35561)

• 组件：使用新的颜色选择器道具。 (35566)

• 组件：用新版本替换颜色选择器组件。 (35220)

• 组件，FontAppearanceControl：删除字段集包装器。 (35461)

• 组件、工具面板：删除硬编码的类名。 (35415)

• 组件、UnitControl 组件：将 JSX 组件重构为 TypeScript。 (35281)

• 全局样式：重构全局样式访问和设置数据的方式。 (35264)

• 帖子编辑器：修复帖子编辑器的首选项模式。 (35369)

• 从组件颜色实用程序中删除 Tinycolor 使用。 (35553)

• Reusable Blocks：Thunkify `reusable-blocks` 存储。 (35217)

工具

套餐

• 脚本：默认删除注入 polyfill。 (35436)

测试

• Child theme.json：更新测试以更好地捕捉孩子们可以单独更新单个部分。 (35759)

• 边界半径控制：添加回退 px 单元并添加 utils 测试。 (35786)

• 修复预览端到端测试。 (35565)

• 片状测试：修复分类片状测试。 (35534)

• 片状测试：尝试另一种修复片状导航测试的方法。 (35443)

• 性能测试：添加更详细的加载指标。 (32237)

• 组件、面板：改进单元测试。 (35658)

• 启用/跳过metabox Metabox阿交metabox是后编辑屏幕上显示的可拖动框。其目的是允许用户选择或输入除主要帖子内容之外的信息。这些信息应该以某种方式与帖子相关。测试。 (35594)

构建工具

• 如果构建作业失败，则恢复版本碰撞。 (33239)

• 更新 ` react React React 是一个 JavaScript 库，可以很容易地推理、构建和维护无状态和有状态的用户界面。 https://reactjs.org/。 -native-aztec` android 为 Aztec 编辑器使用 S3 依赖项。 (35606)

导航编辑器扩展器注意事项

错误修复 #35527 修复了导航编辑器上的预加载； OPTIONS请求的第一次缓存命中后被删除，可能会影响 3rd-party 插件。

性能基准

以下基准比较了一个特别大的帖子（~36,000 字，~1,000 块）与上一个版本的性能。如此大的帖子并不代表平均编辑经验，但足以发现性能变化。

希望本文能让您了解 Gutenberg 11.8 的最新功能，您也许还想看看WordPress 5.9开发周期 – WordPress核心，或者正在使用WordPress的40+著名大品牌。