最新公告
  • 欢迎您光临IO源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • Gutenberg 11.2扩展了对搜索和Pullquote区块的颜色支持,为组区块引入了实验性Flex布局

    Gutenberg 11.2.0近日发布,扩展了对Search和Pullquote区块的颜色支持。从历史上看,如果大多数用户的主题没有将它们作为选项包含在内,那么自定义这些元素对于大多数用户来说是遥不可及的。此版本为搜索按钮引入了颜色支持和边框颜色支持。

    Gutenberg 11.2扩展了对搜索和Pullquote区块的颜色支持,为组区块引入了实验性Flex布局-1

    Pullquotes在边框和颜色支持方面得到了类似的处理,为那些喜欢控制定制的人提供了一些创造性的设计选项。

    Gutenberg 11.2扩展了对搜索和Pullquote区块的颜色支持,为组区块引入了实验性Flex布局-2

    在早期的主题定制演出中,Web 开发人员本应支付这些费用来执行这些细微的样式更改。现在,区块编辑器使任何人都可以加入并自己完成。

    这些颜色支持添加是改进编辑器设计工具以提供跨块一致应用程序的更大努力的一部分。

    “设计工具的另一个重要目标是确保各种精美的图案成为可能;最佳做法不仅是可能的,而且是受到鼓励的;并且定制块是一种一致和自然的体验,”古腾堡首席架构师马蒂亚斯文图拉在工单跟踪设计工具任务中说。

    Gutenberg 11.2还引入了对新的实验性flex布局的支持。Rick Banister在一年前提交的工单中描述了对额外布局的需求,要求为Group区块提供“水平显示”选项:

    在构建模式或尝试实现具有多个元素水平排列的布局时,拥有一个可以自动将其子项排列在一行上的父区块会有所帮助。列可用于并排排列事物,但如果您只需要排列一组区块,它们会增加很多额外的嵌套。

    我们可以利用组区块并为其添加“水平显示”或“作为一行”选项。它将包装它的孩子并充当“弹性容器”(display:flex; flex-direction:row;)。更多 flex 参数可以是可选的以对齐和分布对象。

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

    Gutenberg 11.2扩展了对搜索和Pullquote区块的颜色支持,为组区块引入了实验性Flex布局-3

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

    “在之前的WordPress版本中,我们引入了内部区块的 layout 配置和 __experimentalLayout道具,” Benguella 说。“这些的最初原因是使主题的对齐方式和内容宽度更具声明性。虽然这本身就是一个雄心勃勃的目标,而且默认布局很难实现,但目标始终是在编辑器中吸收和支持比常规垂直块列表更多的布局。”

    这种实验性的flex布局支持对主题开发人员很有用,并且在某些使用Cover区块、标题、社交图标、列和其他应用程序的用例中很有意义。此版本中隐藏了布局切换器UI,而Gutenberg团队正在为该功能设计更好的设计和措辞。

    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!384324621@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有★币奖励和额外收入!

    IO 源码网 » Gutenberg 11.2扩展了对搜索和Pullquote区块的颜色支持,为组区块引入了实验性Flex布局

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    IO源码吧
    一个高级程序员模板开发平台

    发表评论

    • 157会员总数(位)
    • 12105资源总数(个)
    • 97本周发布(个)
    • 0 今日发布(个)
    • 537稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情