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

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

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

最新版本包括一个 简化的颜色选择器 图书馆。 丰富的链接预览功能 古腾堡 10.9 对于外部 URL,现在 使用内部站点链接.

主题作者应该享受 特异性降低 重置和经典编辑器样式表。 此类更改总是使主题作者更容易匹配编辑器和前端样式。

间距控件的尺寸面板
Gutenberg-11-3-introduces-dimensions-panel-adds-button-padding-support-and-speeds-up-the-inserter Gutenberg 11.3 引入尺寸面板,添加按钮填充支持,并加速插入器切换站点标语块的填充和边距控件。

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

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

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

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

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

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

按钮块填充
Gutenberg-11-3-introduces-dimensions-panel-adds-button-padding-support-and-speeds-up-the-inserter-1 Gutenberg 11.3 引入尺寸面板,添加按钮填充支持,并加速插入器使用 TT1 块测试新的 Button 块填充选项。

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

超大按钮并不总是网页上错误的风格选择。 上下文很重要,我不知何故继续遇到需要稍微缩减一些东西的场景。 几个月来,我一直希望控制 Button 块的内边距,Gutenberg 开发团队交付了。

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

祷告应允。 现在,让我们开始向所有块添加填充控件。

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

特色图像尺寸控制
Gutenberg-11-3-introduces-dimensions-panel-adds-button-padding-support-and-speeds-up-the-inserter-2 Gutenberg 11.3 引入尺寸面板,添加按钮填充支持,并加速插入器调整帖子特色图像块的尺寸。

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

如果用户为图像设置了高度,编辑器将显示一个单独的“缩放”选项,其中包含以下选项:

  • 封面(默认)
  • 包含
  • 拉紧

这些选项实际上有什么作用? 那将是一个很好的问题。 即使作为在网页设计和开发循环中工作了近 20 年的人,我有时也会忘记并且必须查找它们。 他们是价值观 适合对象的 CSS 属性 并且在许多情况下可能会混淆用户。

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

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

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

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

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

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

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

像这样:

喜欢加载…

来源

原创文章,作者:WPJIAN,如若转载,请注明出处:https://wpjian.com/tips/2021081948415.html