Gutenberg 11.2扩大了对搜索和引文块的颜色支持,为组块引入了实验性的柔性布局

AI 智能摘要
Gutenberg 11.2.0近期已发布,扩大了对 "搜索 "和 "引号 "块的颜色支持。从WordPress历史上看,如果他们的主题不包括这些元素的选项,那么定制这些元素对大多数用户来说是遥不可及的。这个版本为搜索按钮引入了颜色支持和边界颜色支持。

Gutenberg 11.2.0近期已发布,扩大了对 “搜索 “和 “引号 “块的颜色支持。从WordPress历史上看,如果他们的主题不包括这些元素的选项,那么定制这些元素对大多数用户来说是遥不可及的。这个版本为搜索按钮引入了颜色支持和边界颜色支持。

图片[1]-Gutenberg 11.2扩大了对搜索和引文块的颜色支持,为组块引入了实验性的柔性布局-搬主题

拉引号也得到了类似的处理,支持边框和颜色,为那些喜欢自定义的人提供了一些创造性的设计选项。

图片[2]-Gutenberg 11.2扩大了对搜索和引文块的颜色支持,为组块引入了实验性的柔性布局-搬主题

正是这些细微的风格变化,在早期的主题定制工作中,网站开发人员会得到报酬来执行。现在,块状编辑器使任何人都可以跳进去自己做。这些颜色支持的增加是改进编辑器设计工具的更大努力的一部分,以提供跨块的一致应用。

“设计工具的另一个重要目标是确保有可能出现各种精致的模式;最佳做法不仅是可能的,而且是鼓励的;定制块是一种一致和自然的体验,”Gutenberg首席架构师Matias Ventura在跟踪设计工具任务的票据中说。

Gutenberg 11.2还引入了对一个新的实验性柔性布局的支持。Rick Banister在一年前提交的票据中描述了对额外布局的需求,要求为组块提供 “水平显示 “选项。

当构建模式或试图实现多个元素水平排列的布局时,如果有一个父块能自动将其子块排列在一条线上,那将会很有帮助。列可以用来并排排列,但如果你只需要排列一组块,它们会增加很多额外的嵌套。

我们可以利用组块,给它添加一个 “水平显示 “或 “作为一行 “的选项。它将包裹其子块并作为一个 “flex容器”(display:flex; flex-direction:row;)。进一步的flex参数可以是可选的,以对齐和分配对象。

一个灵活的布局选项有可能消除嵌套块的一些复杂性。这个早期原型展示了一个粗糙的、未完成的布局切换器的用户界面。它显示了柔性布局和默认的 “流 “布局之间的区别,后者是一个接一个地垂直显示子块,没有任何特定的样式。Gutenberg 11.2中包含的PR使区块有可能支持多种布局。Gutenberg工程师Riad Benguella说,计划引入更多布局,如 “网格 “和 “绝对定位容器”。

图片[3]-Gutenberg 11.2扩大了对搜索和引文块的颜色支持,为组块引入了实验性的柔性布局-搬主题

为组块添加 “柔性 “布局支持是证明多布局选项如何在块编辑器中工作的第一步。

“在上一个WordPress版本中,我们为内部块引入了布局配置和__experimentalLayout道具,”Benguella说。”最初的原因是为了使主题的排列和内容的宽度更具声明性。虽然这本身就是一个雄心勃勃的目标,而且对于默认布局来说也很难实现,但我们的目标一直是在编辑器中吸收和支持更多种类的布局,而不是常规的块的垂直列表”。

这种实验性的灵活布局支持对主题开发者来说是有用的,在某些使用案例中,封面块、标题、社交图标、列和其他应用是有意义的。在这个版本中,布局切换器的用户界面是隐藏的,而Gutenberg团队正在为该功能进行更好的设计和措辞。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容