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

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/7309.html

今天早些时候,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

发表回复