Gutenberg 11.2新增搜索引文块颜色支持及实验性Flex布局功能

Gutenberg 11.2.0 版本为搜索和引文块带来了令人期待的色彩支持升级。过去很长一段时间里，大多数用户由于主题缺乏相关选项，难以自定义这些元素的外观。如今这一版本终于为搜索按钮和引文块引入了颜色和边框颜色支持，让用户能够轻松实现个性化设计。这一改进不仅赋予了用户更多创意空间，也彻底改变了以往需要专业Web开发者手动调整样式的局面。块编辑器的出现让每个人都能自主完成这些精细的样式定制。

这一色彩支持功能的加入，是Gutenberg持续优化编辑器设计工具、实现跨块样式一致性的重要举措。正如古腾堡首席架构师马蒂亚斯·文图拉在工单跟踪设计工具任务中所述：”设计工具的核心目标之一是确保各种精美图案成为可能；我们不仅要让定制成为可能，更要鼓励这种实践；同时确保块定制体验的一致性和自然性。”

Gutenberg 11.2新增搜索引文块颜色支持及实验性Flex布局功能

Gutenberg 11.2 还引入了备受期待的实验性flex布局支持。Rick Banister在一年前的工单中就提出了对额外布局的需求，特别指出为Group块添加”水平显示”选项的必要性。他解释道：”在构建需要多个元素水平排列的布局时，一个能自动将子项排成一行父块将大有帮助。虽然列可用于并排排列事物，但仅排列一组块时会产生大量不必要的嵌套。我们可以利用分组块并为其添加’水平显示’或’作为一行’选项，使其包装子项并充当弹性容器（display:flex; flex-direction:row;）。更多flex参数还可用于对齐和分布对象。”

Gutenberg 11.2新增搜索引文块颜色支持及实验性Flex布局功能

flex布局选项的引入有望显著简化嵌套块的使用复杂性。早期原型展示了一个粗略的布局切换器UI，清晰对比了flex布局与默认”流”布局的差异——后者在无特定样式时垂直显示子项。Gutenberg 11.2中实现的PR使块能够支持多种布局。Gutenberg工程师Riad Benguella透露，未来计划引入更多布局选项，包括”网格”和”绝对定位容器”。

为Group块添加flex布局支持，是验证多布局选项在块编辑器中可行性的重要一步。Benguella补充道：”在之前的WordPress版本中，我们已引入内部块的layout配置和__experimentalLayout道具，最初目的是使主题对齐方式和内容宽度更具声明性。虽然实现默认布局本身就是一个挑战，但我们的长远目标始终是在编辑器中支持更多种类的布局，而不仅仅是垂直排列的块列表。”

实验性flex布局支持对主题开发人员极具价值，在封面块、标题、社交图标、列等复杂用例中尤为有意义。值得注意的是，本版本暂时隐藏了布局切换器UI，Gutenberg团队正在为其设计更优化的界面和交互方式。如需了解更多更新细节，建议查阅官方发布日志。

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