Gutenberg 11.3 引入尺寸面板,添加按钮填充支持,并加速插入器

今天早些时候,Gutenberg 11.3 登陆了 WordPress 插件目录.最新更新引入了一个新的尺寸面板,用于切换与间距相关的块选项.Button 块现在支持填充控件,并且 Post Featured Image 块具有新的宽度和高度设置.

该版本的亮点之一是提高了在插入器中打开和搜索的速度.打开时间下降了 200 多毫秒,从 370.35 毫秒下降到 137.28 毫秒.搜索速度从 190.37 毫秒上升到 67.24 毫秒.

最新版本包括一个简化的颜色选择器库.丰富的链接预览功能是 Gutenberg 10.9 中针对外部 URL 引入的一项功能,现在可用于内部站点链接.

主题作者应该享受重置和经典编辑器样式表减少的特殊性.此类更改总是让主题作者更容易匹配编辑器和前端样式.

间距控件的尺寸面板

切换站点标语块的填充和边距控件.

Gutenberg 11.3 为支持边距或填充控件的块引入了一个新的维度面板.该功能添加了一个省略号 (...) 按钮来代替典型的打开/关闭选项卡箭头.用户可以选择他们想要使用的控件.

长期目标是清理界面,只暴露用户实际需要的控件.由于此类需求是主观的,因此允许用户打开/关闭它们是一种理想的做法.

目前的缺点是双重的.一旦选择显示边距或填充控件,面板本身就不能折叠.这加剧了新功能试图解决的问题——整理侧边栏界面.至少对我来说,我总是希望快速访问间距控件.但是,我并不总是需要显示它们.

第二个问题是用户对显示内容的选择似乎没有被存储.每次使用块时,您都必须选择应显示哪些控件.

新的尺寸面板只是调整大小(宽度和高度)、间距(填充和边距)以及块的相关控件的过程的一部分.寻求更全面解决方案的工作仍在进行中.据推测,开发团队将在未来版本中解决这些问题和其他问题.然而,那些在生产中运行 Gutenberg 插件的人应该会遇到使用上的奇怪之处.

Block Visibility 插件目前拥有此类切换控件最用户友好的版本.这还不是一个完美的解决方案,但它比古腾堡目前的解决方案要好一些.

按钮块填充

使用 TT1 块测试新的 Button 块填充选项.

在使用 TT1 Blocks 主题(21 的基于块的版本)时,我不喜欢 Button 块的默认填充,这已经不是什么秘密了.作为 FSE 外展计划的一部分,我已将定期指出它作为我的任务之一,甚至拒绝在最后一次调用中使用该块进行测试.

超大按钮并不总是网页上错误的风格选择.上下文很重要,我不知何故继续遇到需要稍微缩减一些东西的场景.对 Button 块的填充控制已经在我的愿望清单上好几个月了,Gutenberg 开发团队交付了.

从 11.3 开始,用户可以控制单个 Button 块的填充.现在它将作为一个选项出现在前面提到的新尺寸面板中.

祷告得到了回应.现在,让我们开始向所有块添加填充控件.

一些用户可能会遇到的一个潜在问题是在一起使用多个 Button 块时保持一致的间距.最简单的方法是添加第一个并设置样式,然后复制它以创建具有相同间距的其他.这不是一个新问题;它适用于用户希望在组内保持一致性的所有按钮选项.

特色图片尺寸控制

调整帖子特色图片块的尺寸.

发布精选图片块终于得到了一个小而方便的升级.过去,用户和主题作者只有一个选项来决定是否将其链接到帖子.现在,他们可以控制图像的宽度和高度.

如果用户为图像设置了高度,编辑器将显示一个单独的"比例";具有以下选项的选项:

  • 覆盖(默认)
  • 包含
  • 拉伸

这些选项实际上有什么作用?这将是一个很好的问题.即使作为在网页设计和开发循环中工作了近 20 年的人,我有时也会忘记并且必须查找它们.它们是 object-fit CSS 属性的值,在许多情况下可能会使用户感到困惑.

Cover 和 contains 允许图像适合包含元素的框,同时保持其纵横比(不拉伸图像).不同之处在于,如果封面值不适合,将被剪裁,并且包含值可能会被加到信箱中.无论纵横比如何,拉伸值都会填充其容器.

根据图像在其容器上的纵横比,每个值基本上可以在屏幕上显示相同的内容.或者,它们可以提供截然不同的结果.将这些尺寸控件与宽对齐和完全对齐(以及与宽度相关的选项)结合起来也可能导致一些不可预测的实验.

我的主题设计者想要完全禁用 UI 并呈现一些更可控的东西:图像大小选择器.

这样的选择器不应与宽度和高度控件混淆.WordPress 主题作者多年来一直在注册自定义图像大小.主要用例是特色图片.用户可以将这些大小与当前图像和最新帖子块一起使用.但是,他们在发布精选图片时还没有此选项.

我的阵营认为图像大小控制应该是块的第一个添加项.它是 WordPress 主题设计中不可或缺的一部分,不能被遗漏,我一直在抗争—或者至少是唠叨确保主题作者可以通过自定义尺寸控制特色图片.

幸运的是,有自定义图像大小支持的公开票.在其他仍然缺失的功能中,它阻碍了许多希望向块主题迈进的主题作者.

新选项有很多用例,例如自动将帖子网格的特色图像裁剪为正方形.我只是不耐烦等待一组更强大的工具来发布精选图片块.

6

发表回复