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 块做同样的事情吗?从长远来看,针对弹性项目之间的间距/间隙规范化系统可以节省数十行代码。

评论留言