WordPress 6.7 新功能深度解析：缩小模式与元框等核心改进

在深入探索 WordPress 6.7 的过程中，我们发现了这个版本中众多令人赞叹的功能与增强。从惊艳的新默认主题，到缩小模式、帖子编辑器中的元框、块绑定 API 的引入、媒体管理的优化、全新设计工具，以及众多面向插件开发者的创新功能，WordPress 6.7 即将发布，这一版本包含了 87 项核心增强、功能请求和 200 多项错误修复。其中涵盖了 8 个 Gutenberg 版本，从 18.6 到 19.3。块编辑器经历了 445 项改进、464 项错误修复和 55 项可访问性优化。WordPress 6.7 为开发者提供了强大的新 API，成为核心功能的一部分。编辑器界面新增了多项功能与改进，包括以往只能通过代码访问的工具。可用性提升和新设计工具的加入，将极大简化设计流程。WordPress 6.7 还展示了一个全新的默认主题 Twenty Twenty-Five，它完美融合了新版本的最新功能。在众多新增功能与变化中，我们挑选了部分对开发者和用户最具吸引力的功能，接下来就让我们一起深入了解。

## 文章目录

– 缩小模式
– 文章编辑器中的元框
– 块绑定 API 的改进
– 新的块绑定 UI
– 新帖子元标签属性
– 编辑块绑定功能
– 面向开发人员的新 API 和功能
– 数据视图的新增功能
– 改进的查询循环块
– 块媒体管理新增功能
– 延迟加载图像的自动调整大小
– 字体库增强功能
– HEIC 格式支持
– 全新和增强的设计工具
– 诗歌、引文和帖子内容块的背景图像支持 UI
– 其他块支持
– 字体大小预设
– UI 改进和其他编辑功能
– 发布按钮改变位置
– 块检查器中的自定义块名称
– 禁用“入门样板”模式
– 自动电话号码链接
– 允许将多张图片放入图片块
– 面向开发人员的新功能和 API
– 预览选项 API
– 新的插件模板注册 API
– 新的块类型注册 API
– 标题级别选项
– WordPress 6.7 中针对开发人员的其他更改
– 总结

## 缩小模式

WordPress 6.7 引入了全新的缩小模式，这一功能旨在帮助用户在创建和编辑内容时，能够更专注于整体布局而非单个块。通过缩小模式，用户可以在更高的层次上工作，获得正在构建页面的整体视图。顶部工具栏中新增的“切换缩小（Toggle Zoom Out）”按钮，使用户能够轻松打开或关闭缩小视图，从而在样板（Patterns）或单个块之间灵活切换。在启用缩小模式后，用户可以对所选模式执行多种操作，包括拖动、上移/下移和随机播放等。列表视图中也提供了丰富的操作选项，如编辑、复制和删除所选样板。值得注意的是，在块插入器中，启用缩小模式时默认显示“样板”选项卡，列表视图也会相应地反映编辑模式，显示样板而非块。更多关于缩小模式的功能和变更，可以参考缩小模式迭代问题和 WordPress 6.7 中缩小功能的开发者说明。

## 文章编辑器中的元框

在 6.7 版本之前，元框的存在会阻止帖子编辑器画布在 iframe 中加载，这限制了多项优势，如将块和主题 CSS 与编辑器 UI 隔离，以及确保媒体查询和视口相对 CSS 单位的准确性。简而言之，这一限制导致无法在编辑器和前端视图中使用相同的 CSS。从 WordPress 6.7 开始，编辑器内容和元框可以在编辑器界面中共存，得益于新的拆分视图，即使当前帖子/页面包含一个或多个元框，帖子编辑器画布依然会在 iframe 中加载。这一改进确保了编辑器和前端视图之间具有一致的所见即所得体验，同时使元框的使用更加便捷。此外，元框区域的高度默认限制为 50%，以避免占用过多空间，并且可以根据视口高度折叠或调整大小，这些调整状态和开关状态都会在用户偏好中持久保存。更多关于此变化的开发者说明，可以参考相关文档。

## 块绑定 API 的改进

块绑定 API 首次在 WordPress 6.5 中引入，它允许用户将块的属性绑定到外部数据源。这一 API 的首次迭代使用户能够将自定义字段值绑定到标题、段落、按钮和图像块的属性。而在 WordPress 6.6 中，基于块绑定 API 的样板覆盖功能开启了新的可能性。WordPress 6.7 为我们带来了更多新功能和改进，这些功能得益于 Block Bindings API 以及用于管理帖子元源的新默认界面。新的块绑定 UI 提供了一个从设置侧栏管理块绑定的界面，支持标题、段落、按钮和图像块的内置帖子元块绑定源。当注册自定义字段并选择受支持的区块后，区块设置侧栏将出现一个新的属性面板，允许用户将区块属性连接到自定义字段，而无需手动添加代码到代码编辑器。默认情况下，只有管理员可以创建和修改绑定，但开发人员可以通过 block_editor_settings_all 或 map_meta_cap 过滤器覆盖这一行为。开发者说明中提到了两个限制：目前尚无法将块属性连接到自定义源，且“属性”面板中仅支持字符串或富文本类型的自定义字段。尽管如此，我们期待在未来的版本中逐步实现这些功能。更多关于 Block Bindings API 的有趣用例，可以参考开发者说明。

## 新帖子元标签属性

WordPress 6.7 实现了一个新 label 属性，允许插件开发者在注册期间为帖子元字段添加自定义标签。这一功能使用户能够更清晰地标识自定义字段。例如，使用以下代码注册带有标签的自定义字段：

“`php
register_post_meta( ‘post’, ‘book_title’, array(
‘show_in_rest’ => true,
‘type’ => ‘string’,
‘single’ => true,
‘sanitize_callback’ => ‘sanitize_text_field’,
‘label’ => __(‘Book title’)
) );
“`

如果设置了 label 属性，它将显示在块绑定 UI 中元键的位置。这一改进使得自定义字段在编辑器中更加直观。更多关于此功能的详细信息，可以参考相关文档。

## 编辑块绑定功能

除了新的块绑定界面外，WordPress 6.7 还引入了新的 canUpdateBlockBindings 编辑器设置，用于确定新界面是否可供用户交互。默认情况下，此设置为 newedit_block_binding 功能，管理员可以设置为 true，而其他用户则设置为 false。开发人员可以通过 block_editor_settings_all 过滤器更改这一默认行为。更多关于此功能的详细信息，可以参考开发者说明。

## 面向开发人员的新 API 和功能

WordPress 6.7 为开发人员在编辑器中使用块绑定带来了新功能。新的编辑器 API 允许用户使用引导值注册服务器上定义的自定义源。简而言之，用户可以注册外部源并在 UI 中呈现它们。新的默认主题 Twenty Twenty-Five 提供了使用版权样板进行源引导的良好示例。在主题 functions.php 文件中，用户可以找到以下代码：

“`php
// Registers block binding sources.
if ( ! function_exists( ‘twentytwentyfive_register_block_bindings’ ) ) :
/**
* Registers the copyright block binding source.
*
* @since Twenty Twenty-Five 1.0
*
* @return void
*/
function twentytwentyfive_register_block_bindings() {
register_block_bindings_source( ‘twentytwentyfive/copyright’, array(
‘label’ => _x( ‘© YEAR’, ‘Label for the copyright placeholder in the editor’, ‘twentytwentyfive’ ),
‘get_value_callback’ => ‘twentytwentyfive_copyright_binding’,
) );
}
endif;

// Registers block binding callback function for the copyright.
if ( ! function_exists( ‘twentytwentyfive_copyright_binding’ ) ) :
/**
* Callback function for the copyright block binding source.
*
* @since Twenty Twenty-Five 1.0
*
* @return string Copyright text.
*/
function twentytwentyfive_copyright_binding() {
$copyright_text = sprintf( /* translators: 1: Copyright symbol or word, 2: Year */ esc_html__( ‘%1$s %2$s’, ‘twentytwentyfive’ ), ‘©’, wp_date( ‘Y’ ) );
return $copyright_text;
}
endif;

add_action( ‘init’, ‘twentytwentyfive_register_block_bindings’ );
“`

这段代码默认在 UI 中呈现 © YEAR，但需要注意的是，块画布中的段落并非动态更新，仅显示源标签。要检查此块的标记，用户需要创建 Twenty Twenty-Five 版权样板的副本，并在代码编辑器中打开副本。更多关于新块绑定功能的详细信息，可以参考开发者说明。

## 数据视图的新增功能

数据视图是用于模板、样板、页面等集合的改进 UI，同时也是一个组件和 API，允许用户使用不同类型的布局（例如表格、网格、列表等）在站点编辑器中呈现数据集。WordPress 6.7 中的布局列表数据视图最初在 WordPress 6.5 中引入，并在 6.6 中得到改进。现在，WordPress 6.7 增加了更多新功能和增强功能，使其更加灵活和实用。从 WordPress 6.7 开始，网格视图的右上角会显示一个齿轮图标，点击后，“外观”面板将显示一系列视图选项。在这里，用户可以对视图中的元素进行排序、调整网格密度、设置每页的元素数量，以及选择要在预览中显示的元素属性。预览尺寸小和预览尺寸中切换按钮允许用户显示/隐藏视图过滤器，改善窄屏幕上的体验。当用户设置一个或多个过滤器时，切换过滤器按钮会显示活动过滤器的数量。更多关于数据视图的变更，可以参考相关文档。

## 改进的查询循环块

查询循环块是 WordPress 中最强大和最复杂的块之一，它必须提供最大的功能和自定义可能性，同时保持直观和易于使用。在 WordPress 6.7 中，查询循环获得了多项改进和补充，使其更加通用且易于使用。以往的从模板设置控件继承查询功能已经改变，现在更加直观和直接。编辑模板时，查询循环设置面板将显示查询类型控件，提供默认和自定义两种选项。此外，上下文检测也得到了改进。查询块有一个 inherit 设置，默认设置为 true。在单个页面上，这对查询结果没有影响，并且相应的控件已在 6.7 版本中删除。另一方面，在存档或索引模板中，查询块内容取决于请求的类型。这意味着特定类别的存档页面默认显示分配给该类别的内容，而不管用户明确设置的其他设置（例如帖子数量）。更多关于查询循环块的问题，可以参考相关文档。

## 块媒体管理新增功能

使用 WordPress 6.7，媒体管理变得更加实用和高效。从延迟加载图像的自动调整大小到对背景图像的广泛支持，以下是 6.7 带来的一些媒体管理改进。延迟加载图像的自动调整大小功能，通过设置默认值 sizes 属性，可以让浏览器根据属性值识别要使用的图像文件 srcset。这样，浏览器在知道页面布局之前就可以提前知道图像的宽度。HTML 规范允许图像省略 sizes 属性或明确将其设置为 auto，以 auto 开头的字符串表示：关键字 auto 是在解析 sizes 属性时计算的宽度。如果存在，它必须是第一个条目，并且整个值必须是字符串 auto（不区分 ASCII 大小写）或以 auto 开头（不区分 ASCII 大小写）的字符串。从 WordPress 6.7 开始，auto 属性会自动添加到任何延迟加载图像的 sizes 属性开头，这可提高页面加载的性能。开发人员可以使用新功能 wp_img_tag_add_auto_sizes() 来修正 sizes 属性的值。更多关于此功能的详细信息，可以参考相关文档。

## 字体库增强功能

WordPress 6.7 还为字体库带来了一些实用的改进。首先，字体会按来源（主题和自定义）分组，让用户一眼就能了解每种字体的来源。当用户在 Google 字体上搜索字体时，新的“全选”选项按钮可为其节省多次点击操作。其他更改包括：当字体不可用时，出现新的“未安装字体”消息；以及当字体已安装但未激活时，改进的“未安装字体”状态。更多关于此功能的详细信息，可以参考相关文档。

## HEIC 格式支持

HEIC 格式（高效图像容器）是 HEIF（高效图像格式）的更新版本，Apple 在所有运行 iOS 11 或更高版本的 iPhone 和 iPad 上均使用此格式。这一格式可确保 iOS 用户充分利用 4k 相机并减小文件大小。在 WordPress 6.7 中，如果可能，HEIC 图像上传会在服务器上自动转换为 JPEG。这一附加功能允许用户在媒体库中查看 HEIC 图像，并在帖子和页面中使用它们，即使他们的浏览器不支持 HEIC。更多关于此功能的详细信息，可以参考相关文档。

## 全新和增强的设计工具

借助 WordPress 6.7，设计师可以使用新的强大设计工具，包括扩展块支持、字体大小预设等。诗歌、引文和帖子内容块的背景图像支持 UI，WordPress 6.7 带来了新的 UI 控件，用于管理全局样式中少数几个块的背景图像。这些块包括 Verse、Quote 和 Post Content。在全局样式中设置背景图像会应用于整个网站。为某个区块添加背景图像后，用户只需自定义同一区块的各个实例的设置即可自定义其外观。在帖子内容块中使用此功能将帖子和页面内容包装在模板中。更多关于此功能的详细信息，可以参考相关文档。

## 其他块支持

除了对 Verse、Quote 和 Post Content 块的背景支持之外，WordPress 6.7 还展示了对设计师和主题开发人员会喜欢的几个块的新块支持。边框支持已扩展到许多块，包括按钮、类别、图库、标题、媒体文本、段落、帖子标题、引用等等。此外，此版本还增加了对按钮、列表项和最新评论的颜色支持。WordPress 6.7 还为设计师和主题开发人员带来了期待已久的附加功能：对 Group 块的阴影支持。更多关于此功能的详细信息，可以参考相关文档。

## 字体大小预设

WordPress 6.7 引入了一个新的 UI，用于在全局样式界面中控制字体大小预设。这允许用户覆盖主题的默认值，并使用编辑器创建、编辑、删除和应用字体大小预设。这还包括切换流体排版和设置自定义流体值的能力。要亲自尝试，请打开样式界面并导航至字体大小>字体大小预设。新面板将显示可用字体大小预设的列表。单击您选择的预设并进行编辑。所有更改将应用​​于您的整个网站。更多关于此功能的详细信息，可以参考相关文档。

## UI 改进和其他编辑功能

WordPress 6.7 引入了更多 UI 更改和功能，以改善编辑体验。以下是一些值得关注的改进：

– 发布按钮改变位置：预发布检查面板中的“取消”和“发布”按钮已交换位置，因此用户现在无需在页面上移动光标即可发布文章。
– 块检查器中的自定义块名称：在 WordPress 6.7 中，当用户设置自定义块名称时，它现在也会显示在块检查器中。在 6.6 版本中，块检查器显示默认块名称（例如标题）。
– 禁用“入门样板”模式：用户现在可以关闭创建新页面时出现的“入门图案”模式。要退出此功能，请从“选项”菜单中打开“首选项”，然后禁用“显示入门样板”选项。
– 自动电话号码链接：当用户添加电话号码时，链接字段会自动添加。
– 允许将多张图片放入图片块：用户现在可以将多幅图像拖放到图像块上并将其转换为图库块。更多关于此功能的详细信息，可以参考相关文档。

## 面向开发人员的新功能和 API

WordPress 6.7 提供了几个新的 API，供开发人员为其插件添加更多功能。添加了新的预览选项 API，其他 API 也扩展了新功能，例如 HTML API 和交互性 API。以下是一些值得关注的改进：

– 预览选项 API：新的预览选项 API 允许插件开发人员扩展帖子/页面编辑器中的预览下拉菜单。该 API 引入了一个新 PluginPreviewMenuItem 组件，插件可以使用该组件将具有自定义标题和点击处理程序的自定义菜单项添加到预览下拉菜单中。更多关于此功能的详细信息，可以参考相关文档。
– 新的插件模板注册 API：在 WordPress 6.7 之前，添加自定义块模板的唯一选项是通过主题。借助新的模板注册 API，用户现在可以使用插件注册自定义块模板。新 API 提供了两个用于注册和取消注册模板的新功能：register_block_template() 和 unregister_block_template()。更多关于此功能的详细信息，可以参考相关文档。
– 新的块类型注册 API：如果存在块类型，新 wp_register_block_metadata_collection() 功能会从清单文件中注册该块类型，而不是直接读取和解析 block.json 文件。当插件注册多种块类型时，此功能特别有用，因为它避免了读取和解析每种块类型的 block.json。更多关于此功能的详细信息，可以参考相关文档。
– 标题级别选项：由于有了新 levelOptions 属性，开发人员可以指定标题、站点标题、站点标语、查询标题、帖子标题和评论标题块的下拉 UI 中应出现哪些标题级别。更多关于此功能的详细信息，可以参考相关文档。

## WordPress 6.7 中针对开发人员的其他更改

WordPress 6.7 还引入了多项针对开发人员的更改，以下是一些值得关注的改进：

– 现在可以将挂钩块插入为模板部分块的第一个或最后一个子块。
– 钩住的区块现在遵守 multiple 区块支撑属性。
– 用户界面组件收到大量更新。
– 新功能提供了 getServerState() 和 getServerContext()，一种在客户端导航上订阅交互 API 状态/上下文变化的方法。
– 脚本模块通过新的 @wordpress/a11y 脚本模块和新的 script_module_data_{$module_id} 过滤器进行了一些更新。
– HTML API 得到了多项增强，包括支持几乎所有的 HTML 标签，一种 set_modifiable_text() 允许替换自包含元素（如 script、style 或 title）的文本内容的新方法，HTML 处理器中的完整解析器模式等等。
– 核心中合并了多项国际化（i18n）改进，包括一个新功能 has_translation()，用于在不先加载翻译的情况下确定翻译是否已存在、以用户的语言环境发送 admin_email 电子邮件、以及在开发人员在了解当前用户之前在插件或主题中加载翻译时发出警告。

## 总结

在深入探索 WordPress 6.7 的过程中，我们发现了这个版本中众多令人赞叹的功能与增强。从惊艳的新默认主题，到缩小模式、帖子编辑器中的元框、块绑定 API 的引入、媒体管理的优化、全新设计工具，以及众多面向插件开发者的创新功能，WordPress 6.7 即将发布，这一版本包含了 87 项核心增强、功能请求和 200 多项错误修复。其中涵盖了 8 个 Gutenberg 版本，从 18.6 到 19.3。块编辑器经历了 445 项改进、464 项错误修复和 55 项可访问性优化。WordPress 6.7 为开发者提供了强大的新 API，成为核心功能的一部分。编辑器界面新增了多项功能与改进，包括以往只能通过代码访问的工具。可用性提升和新设计工具的加入，将极大简化设计流程。WordPress 6.7 还展示了一个全新的默认主题 Twenty Twenty-Five，它完美融合了新版本的最新功能。在众多新增功能与变化中，我们挑选了部分对开发者和用户最具吸引力的功能，接下来就让我们一起深入了解。

现在轮到你了。你测试过 WordPress 6.7 吗？你最喜欢 6.7 中的哪些功能或变化？请在下面的评论中告诉我们。