Gutenberg 14.0 UI改进列表块样式增强功能详解

Gutenberg 14.0 版本带来了多项令人期待的增强功能，显著提升了编辑体验和设计灵活性。其中最引人注目的改进包括：部分此前仅能通过 theme.json 配置的选项现已可通过直观的 UI 面板直接操作，同时列表块等核心组件也获得了全面优化。

在列表功能方面，Gutenberg 14.0 引入了创新的内部块机制。继画廊块和引用块之后，列表块也迎来了重大升级。现在您可以根据需求轻松调整列表项的排序和缩进层级，这些操作完全在可视化界面中完成，大幅简化了复杂列表的创建过程，让内容组织更加井然有序。

样式定制方面，新增了轴向间隙控制功能。用户现在可以在样式面板中精确调整支持该功能的块的垂直和水平间距，无需再依赖 theme.json 文件进行繁琐配置。这一改进让间距设置更加灵活直观，有效提升了设计效率。

Gutenberg 14.0 UI改进列表块样式增强功能详解

按钮元素的样式控制也实现了重要突破。此前仅限于 theme.json 的悬停/活动/焦点状态样式设置，现已扩展至所有按钮元素及其包含的组件（如按钮块、文件块和搜索框）。您现在可以直接在主题配置中定义这些状态下的样式，例如通过以下配置实现丰富的交互效果：
“styles”: {
“elements”: {
“button”: {
“:hover”: {
“color”: {
“background”: “blue”,
“text”: “hotpink”
}
},
“:active”: {
“color”: {
“background”: “red”,
“text”: “yellow”
}
}
}
}
}

外观工具的可用性也得到了显著扩展。过去只有通过 theme.json 配置的主题才能启用外观工具，现在任何主题都可以通过在 functions.php 文件中添加一行代码来轻松集成：
add_theme_support( ‘appearance-tools’ );
该工具支持全面的自定义选项，包括边框样式、链接颜色、间距（blockGap、margin、padding）和行高设置，为设计师提供了更丰富的创作空间。

除了以上重点更新外，Gutenberg 14.0 还包含许多其他改进细节。建议用户查阅官方发布日志以获取完整更新信息。这些优化共同构成了一个更强大、更灵活的内容创作平台，让 WordPress 的内容管理体验迈上了新台阶。

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