最新公告
  • 欢迎您光临IO源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • Gutenberg 10.7集成模式目录并引入新区块设计控件

    古腾堡10.7于5月底已经发布。在几个小时内,开发团队还发布了该插件的 10.7.1 版,并修复了一些错误。最新的更新主要关注预计将于今年7月登陆WordPress 5.8的工作。

    当前WordPress开发周期的功能冻结截止日期已于上周二过去。这应该意味着除了Gutenberg 10.7之外的任何新功能都不会成为核心平台。WordPress 5.8 Beta 1定于6月8日发布。

    这个版本感觉团队已经改进了界面和体验。用户还可以期待一些增强功能,例如额外的区块设计选项。

    区块模式目录集成

    Gutenberg 现在通过WordPress.org上的模式目录提供其默认区块模式。这将他们的开发移到插件和核心WordPress之外,这意味着设计人员可以在不需要用户更新的情况下对其进行迭代。他们将始终拥有编辑器提供的最新版本。

    pattern-inserter 将模式插入到内容画布中

    该模式目录将是最终用户一个方便的工具。对于许多人来说,它可能会成为在WordPress编辑器中构建更复杂布局的途径。目前,它只包含10个模式。这将在向社区提交开放后发生变化。

    Shaun Andrews 分享了一些正在进行的目录设计工作,很漂亮。十分期待看到它启动时的最终结果。

    pattern-directory-recent 最近在区块模式目录上的工作

    关于区块模式的旁注:目前有一个错误可能会导致一些与主题捆绑在一起的那些没有出现在插入器中。

    新区块设计控件

    10.7版本引入了几个新区块设计控件。对于许多人来说,最令人兴奋的功能将是边距控制,以便更精确地控制间距。主题作者必须在他们的theme.json文件中设置settings.spacing.customMargin密钥为true 以启用此功能。

    目前,只有站点标题和站点标语区块支持边距控制。然而,既然最初的功能已经登陆,我们应该期待其他人在未来的版本中效仿。

    site-title-tagline 标题和标语的间距和排版控制

    站点标题块还提供字母大小写排版控件。

    开发团队使用几个新选项升级了 Column 块。用户现在可以自定义各个列的填充和颜色。

    columns-colors-padding 自定义单个列

    其中一项较为低调的增强功能恰好是我最喜欢的更改之一。媒体和文本区块在侧边栏中将有一个新的“媒体宽度”区块选项。这使得获得正确的宽度比在内容画布中使用拖动手柄更好的体验。

    media-text 调整媒体和文本区块中的媒体宽度

    相信越来越多的人可能会开始更多地使用这个块。对于超出默认宽度设置的任何用例,我一直回避它。

    另一个受欢迎的增强是Cover被添加为Group区块的转换选项。只有当区块有背景时才会出现。

    模板编辑器欢迎指南

    template-editor-welcome 模板编辑器的欢迎信息

    模板编辑模式将是WordPress 5.8最突出的功能之一。它允许用户从内容切换到模板编辑,而无需离开文章屏幕。因此,用户需要一个欢迎指南来解释新功能。

    目前,消息内容如下:

    欢迎使用模板编辑器

    模板表达了网站的布局。使用区块和模式工具自定义文章和页面的所有方面。

    这是一个坚实的起点,但并不能完全解释这种模式的含义。希望开发团队能够稍微调整一下,可能会添加一两张额外的幻灯片,或者甚至链接到WordPress.org上的专用文档页面。使用此新功能帮助用户正确出发应该可以减轻混乱并减轻支持负担。

    按钮区块用途 column-gap

    buttons-gap 按钮之间的间隙

    这更像是一个主题开发人员说明,但一些用户可能已经注意到按钮行没有延伸到容器的边缘。至少在某些情况下。

    本质上,各个Button区块之间的空间使用了一些老式的 CSS 边距解决方案来创建每个区块之间的排水沟空间。在flex和grid布局的现代世界中,这是大多数设计师害怕看到的东西。它使事情变得过于复杂,并使 CSS 变得更加臃肿,尤其是当您想根据屏幕大小进行调整时。

    我强调这一变化是因为这是区块系统在引擎盖下变得更加完善的阶段之一。而且,对于主题作者来说,这可能是更令人兴奋的事情的开始。

    “这太棒了,这太美了,他们会喜欢的,”Joen Asmussen在工单中写道。“一旦尘埃落定,我们应该看看这个差距是否会成为全球风格的财产;由于它非常容易改变且具有弹性,因此以如此简洁的方式处理会很好。”

    column-gap在插件中看到土地的使用是一个受欢迎的景象。当然,row-gap在按钮超出单行的情况下,它可以用于垂直间距而不是边距。

    现在,我们可以对 Columns、Gallery 和 Query Loop 块做同样的事情吗?从长远来看,针对弹性项目之间的间距/间隙规范化系统可以节省数十行代码。

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

    IO 源码网 » Gutenberg 10.7集成模式目录并引入新区块设计控件

    常见问题FAQ

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

    发表评论

    • 97会员总数(位)
    • 11020资源总数(个)
    • 95本周发布(个)
    • 9 今日发布(个)
    • 439稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情