WordPress 6.4 新功能详解：区块钩子、设计工具与性能优化

WordPress 6.4 正式版现已发布，让我们一同探索这一全新版本带来的令人瞩目的功能革新与改进。本次更新涵盖了区块钩子、样板组织优化、命令调色板重塑、附件页面调整、图像灯箱效果以及写作流程的诸多增强。通过优化模板加载、完善脚本加载策略和提升整体性能，WordPress 6.4 将使您的网站运行更高效，同时列表视图的改进和管理用户界面的升级将让操作更加便捷。此外，WordPress 6.4 还推出了全新的默认主题 Twenty Twenty-Four，内置丰富样板和模板，大幅简化编辑流程。

### 文章目录

– 区块钩子 Block Hooks
– 样板系统的增强
– 新的默认主题 Twenty Twenty-Four
– 新的设计工具和功能
– 内容块的颜色控制
– 背景图像块支持
– 图像上的灯箱效果
– 垂直文本方向
– 脚注块的增强功能
– 导航块中允许使用按钮
– 用户界面和工作流程改进
– 增强的命令面板
– 改进的列表视图
– 捕获的工具栏
– 开发者的性能改进和其他变化
– 脚本加载策略
– 附件页面的更改
– 进度条组件
– 在 WordPress 6.4 中加载样板
– 减少文件存在性检查
– 新选项功能
– 针对开发人员的其他更改
– 总结

### 区块钩子 Block Hooks

区块钩子（前称自动插入块）赋予插件与古腾堡编辑器无缝交互的能力。通过区块钩子，当其他区块被添加至内容时，可自动在特定位置插入指定区块。其运作遵循两大原则：无需用户手动插入区块，且前端插入应在插件激活后即时完成；插件禁用时自动移除该区块，并确保区块在编辑器中可见且可由用户控制。为兼顾这两点并保留代码信息，区块钩子仅适用于未修改的模板、模板部分及主题提供的样板，不适用于帖子内容、修改后的模板或用户生成样板。开发提示：自 WordPress 6.4 起，无法自动插入具有保存功能的区块，否则将引发块验证错误。通俗而言，区块钩子适用于动态块而非静态块。

#### 通过 block.json 挂钩区块

使用 block.json 是快速挂钩第三方区块的便捷方式，但灵活性有限，自动插入的区块将无条件附加至所有目标实例。通过添加 blockHooks 属性，可指定区块相对于目标的位置，可选位置包括：before（目标块前）、after（目标块后）、firstChild（目标容器第一个子项）、lastChild（目标容器最后一个子项）。例如，将区块挂接至每个 Spacer 块后的示例：

“`json
{ blockHooks: { ‘core/spacer’: ‘after’ } }
“`

使用 firstChild 或 lastChild 时，块检查器的新插件面板将列出自动插入区块，并提供切换按钮选择加入或退出自动插入。

#### 使用 hooked_block_types 将块连接到目标

hooked_block_types 过滤器提供更灵活的挂钩方式，可无条件或基于条件（如模板、模板部分或模式）将区块挂钩至目标。回调函数接受四个参数：$hooked_blocks（钩住区块数组）、$position（before、after、first_child、last_child）、$anchor_block（锚块名称）、$context（锚块所属模板、模板部分或图案）。

### 样板系统的增强

块样板是强大的设计工具，助力轻松构建复杂区块结构。您可使用主题提供的样板，或从样板目录复制、自行创建。在站点/帖子编辑器中，您可创建、编辑样板，或通过 .php 文件向主题（或子主题）添加样板。

#### 在 WordPress 6.4 中创建样板

创建样板时，可添加类别以方便识别。较旧版本中，样板仅支持名称、类型、同步/不同步设置；6.4 版本新增类别功能。编辑样板时也可更改类别。同步样板选项卡已移除，现所有样板均可在同一样板选项卡访问。从站点编辑器导入/导出 JSON 格式样板更便捷。其他改进提升了与经典主题的兼容性，为未来实现奠定基础。

### 新的默认主题 Twenty Twenty-Four

Twenty Twenty-Four 是 WordPress 6.4 的新默认主题，专为小企业主、摄影师/艺术家、作家/博主设计。它不添加额外功能，而是提供丰富的模板和样板集合，支持构建各类网站。内置大量默认内容和真实页面结构示例，供您编辑和自定义。

### 新的设计工具和功能

WordPress 6.4 引入多项设计工具与功能，亮点包括：

#### 内容块的颜色控制

内容块作为查询循环块的子级，特别适用于自定义查询循环中内容外观。在编辑查询循环时，可在帖子编辑器中使用；创建/编辑模板时，可在站点编辑器中使用。6.4 版本增强内容块，支持文本、背景和链接颜色。

#### 背景图像块支持

新增背景图像块支持，默认选择加入组块。主题使用 theme.json 中的 appearanceTools 功能时，背景面板将显示相应控件，并预览背景图像。设置背景图像将添加 background-image 属性至 div 元素，并确保图像覆盖组块。

#### 图像上的灯箱效果

块图像设置面板新增单击展开切换，启用/禁用图像灯箱效果。此功能首次迭代，未来将进一步完善。灯箱效果也适用于双色调滤镜，但图片库级别暂不支持，建议在单个图像上启用。

#### 垂直文本方向

新增文本方向选项支持垂直文本。主题启用后，可在版式设置中启用从右到左的垂直文本。默认禁用，主题开发者可通过 theme.json 添加 writingMode 设置支持：

“`json
{ settings: { “typography”: { “writingMode”: true } } }
“`

也可为特定块设置不同默认行为，如设置所有段落块为 vertical-rl 方向：

“`json
{ “styles”: { “blocks”: { “core/paragraph”: { “typography”: { “writingMode”: “vertical-rl” } }, } } }
“`

#### 脚注块的增强功能

脚注块支持链接、背景和文本颜色，并提供版式、尺寸和边框控件。

#### 导航块中允许使用按钮

按钮现位于导航块允许的内部元素列表，可轻松将菜单项转换为按钮。

### 用户界面和工作流程改进

WordPress 6.4 对编辑器界面进行多项改进，优化编辑体验并简化工作流程：

#### 增强的命令面板

命令面板首次在 6.3 中引入，6.4 通过设计更新和改进迈向新阶段。新增命令包括块变换、在之前/之后复制、复制、删除、插入选项。部分命令名称简化，提高可搜索性和清晰度。新增块选择命令，可通过 cmd+k(MacOS) 或 ctrl+k(Windows) 执行，如“转换”建议。

#### 改进的列表视图

列表视图允许浏览页面内容并对区块、组和模式执行复制、重复、分组等操作，特别适用于嵌套区块结构。6.4 新增重命名组块、预览图库/图像块图像、快捷方式复制块（cmd+shift+d 或 ctrl+shift+d）功能。

#### 捕获的工具栏

编辑多子区块时，工具栏位置固定，提升导航和列表等块的用户体验。当前在导航、列表和引用块上实现。

### 开发者的性能改进和其他变化

WordPress 6.4 合并超过 100 项性能更新，并对主题开发者进行优化：

#### 脚本加载策略

核心和捆绑主题前端脚本实施脚本加载策略，使用 async 和 defer 属性优化加载顺序。“使用 defer 属性加载的脚本已从页脚移动至页眉，以便更早发现并执行。”

#### 附件页面的更改

新安装 WordPress 的附件页面将完全禁用。此前，WordPress 自动为每个上传文件创建附件页面，但多数网站无此需求，可能影响用户体验。wp_attachment_pages_enabled 数据库选项控制行为：新网站默认为 0（禁用），现有网站默认为 1（启用）。管理员可通过 WP CLI 或 wp-admin/options.php 修改。

#### 进度条组件

引入水平 ProgressBar 组件替代站点编辑器中的 Spinner 组件。

#### 在 WordPress 6.4 中加载样板

新函数 _wp_get_block_patterns() 将样板存储于临时缓存，显著提升性能。开发者可通过启用开发模式、更新版本号、切换主题或调用 delete_caches() 方法绕过缓存。

#### 减少文件存在性检查

主题 API 函数优化，避免无谓的文件存在检查，提升性能。

#### 新选项功能

默认自动加载选项可能导致服务器响应缓慢。新功能允许插件开发者管理选项、提升性能并设置默认行为。prime_options() 和 prime_options_by_group() 通过单次数据库查询获取多个选项；wp_set_option_autoload_values() 设置自动加载值。

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

包括将硬编码样式标签替换为 wp_add_inline_style()、theme.json 中流体排版的可配置最小/最大视口值、禁用 theme.json 布局控件、使用 useBlockEditingMode 挂钩设置块编辑模式、增强 wp_get_loading_optimization_attributes() 并引入新过滤器、新的 registerInserterMediaCategoryAPI 允许注册自定义插入器媒体类别、改进 WP_Query 缓存和 WP_Term_Query 系统、优化登录/注册页面结构等。

### 总结

WordPress 6.4 带来诸多新功能、设计工具和 UI 改进，并修复错误、优化细节。新默认主题 Twenty Twenty-Four 提供丰富样板和模板，支持多种用例。总体而言，WordPress 6.4 的改进令人振奋，期待明年发布的下一个主版本！