Gutenberg 14.1升级：设计工具整合与块锁定功能优化

Gutenberg 14.1 版本带来了多项令人期待的更新，旨在提升用户自定义体验和开发者功能。这一版本不仅为更多区块整合了设计工具，让用户能够更灵活地调整区块样式，还显著改善了块锁定功能，为操作提供了更流畅的体验。此外，开发者也将获得更多创新的自定义选项，接下来让我们深入探索这些精彩改进。

### 在区块中整合设计工具

Gutenberg 14.1 为头像、按钮、分类列表、评论链接、最新文章、导航、查询分页链接、社交图标等常用区块添加了排版和间距支持。这一重要升级意味着用户无需借助CSS代码即可实现更丰富的站点自定义，极大地简化了设计流程。以下是包含新选项的区块屏幕截图，展示了这些改进的实际应用效果。

### 更好的内容锁定体验

Gutenberg 14.1升级：设计工具整合与块锁定功能优化

在新的内容锁定模式下，双色调过滤器、块对齐和调整大小功能已被禁用，确保锁定区块的稳定性。一段演示视频将直观展示锁定模式的工作原理，帮助用户快速掌握这一新功能。

### 导航块改进

菜单选择器现已从工具栏移至检查器侧边栏的新“菜单”部分，用户可通过“管理菜单”按钮一键访问所有已创建菜单。这一调整不仅提升了操作便捷性，还解决了之前导入经典菜单时自动转换的问题。现在，菜单只有在用户明确保存更改后才会更新，避免了意外显示旧菜单的情况。我们持续优化导航块的用户体验，欢迎您的宝贵反馈！

### 站点编辑器中的缩小视图（实验性）

Gutenberg 14.1升级：设计工具整合与块锁定功能优化

这一创新功能在站点编辑器中引入了缩小视图模式，使用户能够更专注于整体布局，而非细粒度区块调整。在缩小视图中，用户无需滚动或缩放浏览器即可快速浏览整个网站，区域间导航也变得更加轻松。目前该功能仍处于试验阶段，用户需在“Gutenberg”菜单的“Experiments”选项中启用。我们诚挚邀请您加入FSE外展计划测试并分享您的使用体验。

### 改善主题开发者体验

#### theme.json 中包含 Box-shadow 支持

开发者现在可以通过 theme.json 直接为区块添加box-shadow属性，无需再依赖CSS代码。例如，在颜色部分为按钮定义阴影样式：

Gutenberg 14.1升级：设计工具整合与块锁定功能优化

“`json
{
“styles”: {
“elements”: {
“button”: {
“shadow”: “10px 10px 5px 0px rgba(0,0,0,0.66)”
}
}
}
}
“`

#### 经典主题的基于块模板部件

经典主题现在支持基于块的模板部件功能，用户可使用区块设计更多站点部分，而无需完全切换到块主题。主题开发者可通过add_theme_support(‘block-template-parts’)函数启用此功能。启用后，“外观”菜单将新增“模板部分”选项，展示主题提供的部件列表。以页脚为例，开发者只需创建footer.html文件并保存在主题的parts目录中，然后在footer.php文件中调用block_template_part函数即可实现区块化编辑。

#### 全局样式数据现在可过滤

Gutenberg 14.1升级：设计工具整合与块锁定功能优化

Gutenberg 14.1 引入了四个全局样式数据过滤器：global_styles_default（内核数据）、global_styles_blocks（区块数据）、global_styles_theme（主题数据）和global_styles_user（用户数据）。这些过滤器为动态设置提供、插件数据修改、核心数据编辑等用例带来了更多可能性。详细技术说明请参考官方文档。

### 改善写作体验

#### 更好的多选功能

在选择区块或占位符时，多选功能现在能防止区块轮廓闪烁，提供更流畅的交互体验。

#### 更优的块转换组织

段落、标题、列表和引用等常用转换类型现在被归类到独立的菜单子组中，使用户查找和切换更加便捷。以下是新块变换子组的示例界面。

Gutenberg 14.1 的这些改进为用户和开发者带来了前所未有的灵活性和效率。更多详细更新信息，请访问官方发布日志。

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