Gutenberg 13.4 新增theme.json按钮设置画廊块间距调整功能详解

Gutenberg 13.4 版本带来了令人瞩目的升级，包含25项新增功能与近30项关键错误修复，为用户带来更流畅的创作体验。以下是本次更新的核心亮点：

### 主题样式定制新突破
Gutenberg 13.4 在 theme.json 中新增了对按钮元素的支持，让主题开发者能够通过配置文件自定义按钮样式。例如，您可以通过以下配置为按钮添加黑色背景：
“`json
{
“styles”: {
“elements”: {
“button”: {
“color”: {
“background”: “black”
}
}
}
}
}
“`
为充分发挥这一功能，核心编辑器已将 Buttons、Search、Post Comments 和 File 等区块的 CSS 类升级为 wp-element-button，使其完美兼容 theme.json 中的按钮元素配置。

Gutenberg 13.4 新增theme.json按钮设置画廊块间距调整功能详解

### 画廊区块间距自由掌控
块间距设计工具在 Gallery 区块中发挥着重要作用。新版更新允许用户在画廊区块的尺寸面板中，通过新增的轴向间距选项精确控制水平和垂直间距，为视觉设计提供更多可能性。

### 侧边栏设计全面升级
作为组件与后边栏优化的延续，Gutenberg 13.4 为发布弹出框带来了全新的视觉体验。颜色设置 UI 也实现了统一化改进，采用 12.6 版本引入的 ToolsPanel 拾色界面，并新增自动剥离十六进制颜色前缀等便捷功能，显著提升工作流程效率。

Gutenberg 13.4 新增theme.json按钮设置画廊块间距调整功能详解

### 搜索区块查询变量支持
Gutenberg 13.4 引入了搜索区块的查询变量功能，允许根据特定条件限制搜索结果。例如，您可以创建一个仅搜索产品类型的自定义区块变体：
“`javascript
registerBlockVariation( ‘core/search’, {
name: ‘test/product-search’,
title: ‘Product Search Block’,
category: ‘test’,
attributes: {
query: { post_type: ‘product’ }
}
});
“`
这一功能为搜索场景提供了更灵活的定制可能。

### 性能优化全面升级
性能始终是 WordPress 的核心关注点。本次更新从多个维度提升了系统表现：
– 前端优化：全局样式 CSS 现在仅针对当前页面中的区块进行加载，显著减小页面体积
– 编辑器优化：自动完成功能性能得到显著提升
– 资源管理：React Spring 依赖项升级后，编辑器在空闲状态下的资源利用率更加高效

完整的更新详情请参考官方发布日志。

文章网址：https://www.wpbull.com/news/1990.html