Gutenberg 11.7的新增功能

Gutenberg 11.7 已发布！此版本包括许多不错的增强功能和像往常一样的许多错误修复。

Gutenberg 11.7导航块和导航编辑器的进步

更轻的导航块体验和导航编辑器的努力使Gutenberg 11.7 的质量得到了许多改善！

导航块进行了一系列更改，旨在提供更直观的导航管理体验。单击“+”图标后，现在会立即添加新链接，无需额外的块选择步骤。还有另一种添加链接的新方法：使用斜线插入器。值得注意的是，可以使用名为 __experimentalSlashInserter 的新实验标志为任何块启用斜线插入器。此外，导航链接现在可以转换为其他允许的块类型，例如站点徽标、主页链接或社交图标。最后，由于与语法错误类似的突出显示空链接的波浪线，用户更容易注意到链接错误。

前端：导航链接现在支持自定义字体大小和行高。链接标签，例如“以前的帖子”，现在可能是帖子本身链接的一部分。移动菜单现在反映桌面菜单的对齐设置。

全局样式和完整站点编辑

在最近的版本中，站点编辑体验得到了改进。模板部分编辑器获得了一个方便的后退按钮，可以轻松返回站点编辑器。通过在模板详细信息中列出可用区域，可以更轻松地在编辑不同模板部分之间切换。此外，自定义渐变选择器已刷新。

还有更多！站点编辑器配备了特定模板部分的填充设置。现在可以在全局样式侧边栏中的单独面板中使用调色板设置。此外，Duotone 支持已扩展到站点徽标块。

当我们谈论 Duotone 时，Gutenberg 11.7 使主题作者能够自定义默认的 Duotone过滤器过滤器过滤器是两种类型的钩子之一 https://codex.wordpress.org/Plugin_API/Hooks。它们为函数提供了一种修改其他函数数据的方法。它们是 Actions 的对应物。与 Actions 不同的是，过滤器旨在以孤立的方式工作，并且永远不会产生副作用，例如影响全局变量和输出。使用 theme.json 样式：

{
	"styles": {
		"blocks": {
			"core/site-logo": {
				"filter": {
					"duotone": "var(--wp--preset--duotone--blue-filter)"
				}
			}
		}
	}	
}

列块支持调整间隙和边距

列块现在允许您调整列之间的空间和块周围的边距。结合可定制的模板部分填充，这是古腾堡有史以来最灵活的布局构建体验。

其他值得注意的亮点

作为使 LinkControl 组件脱离“实验”状态的努力的一部分，11.7 添加了直接从链接弹出窗口创建页面的功能。到目前为止，这只能在导航块中实现，但现在此功能已在每个链接上公开。弹出窗口也进行了微妙的视觉调整。此外，无法再添加空链接，使错误添加变得更加困难。

Gutenberg 11.7 还提供了一些格式改进。其中之一是突出显示文本的能力。另一个是称为“无”的新对齐选项，用于重置对齐设置。

还值得注意的是，PR 35092 中引入了对分页后标记的重大更改。

11.7

增强功能

可访问性

• 调整帖子格式建议的措辞。 (14124)
• 为搜索块添加一个视觉上隐藏的标签。 (35034)
• 向首选项中的“后退”按钮添加一个可访问的标签。 (35340)
• 全局样式：向后退按钮添加可访问的标签。 (35325)
• 模板标题：当没有帖子/页面标题时，包括一个按钮和标签文本。 (35148)

块编辑器

• 允许其他块使用斜线插入器。 (35196)
• 启用从内联链接UI UI用户界面创建页面的能力。 (35083)
• 抛光快速插入器。 (35339)
• 从对齐工具栏中删除视觉线索。 (35080)
• 删除本机块插入器载入工具提示。 (35150)

区块库

• 站点徽标：添加双色调支持。 (35344)
• 列块：启用块间隙和垂直边距支持。 (34630)
• 文件块：启用嵌入时仅显示 PDF 预览高度RangeControl (35207)
• 导航：添加从链接到其他允许的导航块的转换。 (34978)
• 查询循环循环循环是 WordPress 用来显示帖子的 PHP 代码。使用 The Loop，WordPress 处理要显示在当前页面上的每个帖子，并根据它如何匹配 The Loop 标签中的指定标准来格式化它。循环中的任何 HTML 或 PHP 代码都将在每个帖子上进行处理。 https://codex.wordpress.org/The_Loop。 ：在块变体上包括查询分页选项。 (35347)
• 显示“无”作为对齐选项并使用上下文文本来阐明设置。 (34710)
• 社交链接：添加块间隙支持。 (35236)
• 网站标题：添加选项以切换主页链接。 (31540)
• 站点标题：更新块描述。 (34474)
• 将带有孩子的导航链接转换为子菜单。 (34831)
• 添加用于在导航链接块内显示标签的选项。 (34952)
• 为导航链接块添加排版设置。 (35324)
• 添加选项以从站点徽标块中删除/清除徽标。 (34820)

核心数据

• 将“上下文”添加到查询部件类型定义。 (35069)

组件

• 添加新的导航器组件并在全局样式侧边栏中使用它们侧边栏WordPress 中的侧边栏是指 WordPress 主题使用的小部件就绪区域，用于显示不属于主要内容的信息。它并不总是侧面的垂直柱。它可以是内容区域、页脚、页眉或主题中任何位置下方或上方的水平矩形。 . (34904)
• 在导航链接中使用类的 _builtin 属性PHP PHP主要构建 WordPress 的 Web 脚本语言。 WordPress 需要 PHP 5.6.20 或更高版本。 (35166)
• Item ：删除isAction并使用onClick来决定它是否应该呈现为button 。 (35152)
• 使用属性使工具提示延迟可配置。 (35246)

设计工具

• 块间隙：仅渲染CSS CSS级联样式表。如果启用相应的主题设置，则变量。 (35209)
• 格式库：添加背景颜色。 (34680)
• 更新：自定义渐变选择器设计。 (34712)

全局样式

• 将 Padding 添加到全局样式的根级别。 (35241)
• 添加双色调主题。 json JSON JSON 或 JavaScript Object Notation，是一种用于结构化数据的最小可读格式。它主要用于在服务器和 Web 应用程序之间传输数据，作为 XML 的替代方案。样式支持。 (34667)
• 将调色板提取到其自己的全局样式屏幕。 (35109)
• 更新规则以隐藏/显示全局样式侧边栏中的块。 (35178)
• 同步用户自定义帖子类型自定义帖子类型WordPress 可以保存和显示许多不同类型的内容。此类内容的单个项目通常称为帖子，尽管帖子也是一种特定的帖子类型。自定义帖子类型使您的站点能够拥有模板化的帖子，以简化概念。注册和 UI 可见性。 ( 35427 )
• 将编辑器中所有主题的预设样式排入队列。 (35424)

图标

• 添加颜色图标。 (35187)
• 将地球图标重命名为 url。 (35032)

网站编辑

• 从帖子条款中删除警告框。 (35242)

模板编辑器

• 为独立模板部件编辑器添加后退按钮。 (34732)
• 将模板区域添加到模板详细信息。 (35202)

Bug修复

块编辑器

• 块编辑器：在拖动模式时修复重复的 clientId。 (35124)
• 禁止直接使用链接 UI 创建空链接。 (35060)
• 当超链接具有空的href值时修复链接 UI。 (35043)
• 修复快速插入器中缺失的边框。 (35307)
• 修复关闭双色调控制和发布日期块的日期选择控制的问题。 (35024)
• useMultiSelection：避免在块引用不可用时使编辑器崩溃。 (35177)
• 富文本：修复跨多行和单行实例的内部粘贴。 (35416)

区块库

• 嵌入：删除meetup变体。 (35146)
• 特色图片: 删除后代空间。 (35273)
• 修复：在编辑器区域中损坏的禁用选择样式。 (35135)
• 修复本机 BlockAlignmentControl。 (35191)
• 图库块：修复 Safari 图像大小问题。 (35309)
• 图库块：修复未选择时显示编码标签的标题问题。 (35131)
• 图库块：在新图像上取消对齐以防止其破坏布局。 (35132)
• 帖子模板：从块中删除边距。 (35193)
• 文章标题：始终使用 blockProps。 (35286)
• 帖子标题：只有在我们有帖子时才渲染链接元素。 (35284)
• 查询分页：不要渲染空容器。 (35092)
• 导航链接：修复导航链接块中的 PHP 通知。 (34984)
• 修复发表评论内容块的编辑功能。 (35190)

组件

• 颜色选择器：匹配 figma 指标。 (35039)
• 从 RangeControl 中的范围移除移位步进。 (35020)
• 弹出窗口：修复 __unstableBoundaryParent (35082)

设计工具

• ToolsPanelItem：在调用切换方法之前添加 panelId 检查。 (35375)

媒体

• MediaUpload：确保在打开媒体库后选择图库中的当前图像。 (35070)

帖子编辑器

• 修复丢失的保存标签。 (34948)
• 键盘快捷键：如果后期保存锁定，则防止通过键盘进行后期保存。 (35361)

REST API

• API 或应用程序编程接口是一种软件中介，它允许程序相互交互并以有限的、明确定义的方式共享数据。获取：改进 isMediaUploadRequest 检查。 (34417)
• 创建或更新菜单项时修复斜线。 (35147)

服务器端渲染

• 防止在已经获取标记的同时更改道具导致 ServerSideRender 组件中的空渲染 (35433)

模板编辑器

• 修复模板细节的样式。 (35285)

小工具编辑器

• 检查员部分：跟踪 isOpen 以制作更好的 isContextuallyActive() 函数。 (35055)

性能

• 编辑站点：优化 useSelect 调用。 (35213)
• 正确记忆实体记录选择器。 (34323)
• 小部件：优化 useSelect 调用。 (35256)

实验

区块库

• 波兰响应式导航模式，继承理由，修复子菜单方向。 (35077)
• 波兰子菜单指示按钮。 (35030)
• 修复：从现有菜单添加导航项目。 (34837)

导航屏幕

• 删除导航编辑器中的帮助链接i18n。 (35313)
• 在设置状态下向导航项添加工具提示。 (35139)
• 修复在导航屏幕中的差距。 (35234)
• 截断长菜单名称。 (35188)
• 默认情况下在导航块中插入导航链接块。 (34899)
• 将解析器迁移到 thunk。 (35044)

全站编辑

• 删除围绕“发布内容”占位符的额外样式。 (35243)

文档

手册

• 文档：使用小修复更新测试概述。 (35232)
• 修复贡献者发布文档中的拼写错误和语法。 (35268)
• 更新nvm到最新的0.38.0版本的手册。 (35125)
• 将示例自述模板添加到贡献指南。 (34847)
• master一词的错误用法。 (35392)

套餐

• 添加使用 wp-env 安装插件/主题的说明。 (35064)
• MediaUpload：在自述文件中反映正确的过滤器名称。 (35240)
• 使用其他示例更新 LinkControl 文档。 (35199)
• 在块编辑器中更新文档块以修复文档生成 lint 错误。 (35295)
• 为 edit-widgets 存储的导出成员添加缺少的文档块。 (35263)

代码质量

块编辑器

• 将彩色包添加到块编辑器；用双色调上的彩色替换 tinycolor2。 (#34616), 34605, 35165, 35164)
• 将 toggleFeature 操作迁移到 thunk。 (35075)

块库

• 将存储操作迁移到 thunk。 (35031)
• 帖子标题块：修复“sprintf”中的参数编号。 (35338)
• 在块库包上用 colord 替换 tinycolor2。 (35184

组件

• 重构Navigator*文件夹结构，将Navigator重命名为NavigatorProvider 。 (35160)
• 用彩色替换 tinycolor2。 (35185)
• ToolsPanel 组件：重构为打字稿。 (34028)
• UnitControl 组件：将 utils 重构为 TypeScript。 (35138)
• 不要在项目组的 Storybook 示例中SimpleColorSwatch (35179)
• 将 Navigator 重构为 TypeScript。 (35214)

全局样式

• 为清晰起见，简化处理用户数据的代码。 (35248)
• 简化我们注册预设元数据的方式。 (35228)
• 重新组织全局样式 UI 代码库。 (35218)
• 不要为主题定义的颜色输出预设类 (35514)
• 清理逻辑以根据上下文检索 GS 设置。 (35437)

帖子编辑器

• 键盘快捷键：使用新的选择器 getter 方法。 (35385)

导航组件

• 重构首选项模式以使用新的 Navigator 组件。 (35142)
• 导航编辑器：删除重复的 stripHTML。 (35189)

小工具编辑器

• 将编辑小部件存储迁移到 thunk。 (35110)

工具

构建工具

• 从 view.js 块脚本中删除 polyfill。 (35038)

测试

• Navigator*添加测试。 (35163)
• 在 PR 中启用脆弱的测试报告机器人。 (35029)
• 在 getMostReadableColor 实用程序上用 colord 替换 tinycolor2。添加单元测试单元测试编写用于测试较大应用程序中的一小段代码或功能的代码。从主题到 WordPress 核心的所有内容都有一系列单元测试。另见回归。 . (34625)
• 尝试修复片状导航测试。 (35380)
• 修复不存档失败工件的片状测试。 (35379)

插件

• 将oandregal和tellthemachines添加到代码所有者文件中。 (35233)

性能基准

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

希望本文能让你了解Gutengberg 11.7的改进，您也许还想看看WordPress 5.9计划综述以了解WordPress 5.9的总体发布计划。