今天早些时候,Gutenberg 11.3登陆了WordPress的插件目录。最新的更新引入了一个新的尺寸面板,用于切换间距相关的块选项。按钮块现在支持填充控制,而文章的特色图片块有新的宽度和高度设置。该版本的亮点之一是在插入器中打开和搜索的速度都有提高。打开时间下降了200多毫秒,从370.35毫秒到137.28毫秒。搜索速度从190.37毫秒到67.24毫秒。
最新版本包括一个简化的颜色选择器库。丰富的链接预览,这是Gutenberg 10.9中为外部URL引入的功能,现在也适用于内部网站链接。主题作者应该享受重置和经典编辑器样式表的减少的特殊性。这样的变化总是让主题作者更容易匹配编辑器和前端的样式。
间隔控制的尺寸面板
![图片[1]-Gutenberg 11.3引入尺寸面板,增加按钮填充支持,并加快了插入器的速度-搬主题](https://cdn.banzhuti.com/2021/08/20210819151843822.jpg)
Gutenberg 11.3为支持边距或填充控制的区块引入了一个新的尺寸面板。该功能增加了一个省略号(…)按钮来代替典型的打开/关闭标签箭头。用户可以选择他们想使用的控件。长期目标是清理界面,只暴露用户真正需要的控件。因为这种需求是主观的,允许用户切换它们的开/关是一个理想的途径。
目前的弊端有两个方面。一旦选择显示边距或填充控制,面板本身就不能被折叠。这加剧了新功能试图解决的问题–简化侧边栏的界面。至少对我来说,我总是想快速访问间距控制。然而,我并不总是需要它们显示出来。
第二个问题是,用户对显示内容的选择似乎并没有被存储。每次你处理一个块时,你必须选择哪些控件应该出现。
新的尺寸面板只是处理尺寸(宽度和高度)、间距(填充和边距)以及块的相关控件的过程中的一部分。实现一个更全面的解决方案的工作仍在进行中。据推测,开发团队将在未来的版本中解决这些问题和其他问题。然而,那些在生产中运行Gutenberg插件的人应该预料到使用上的怪异现象。
块状可见性插件目前拥有最方便用户的这种切换控制的版本。它还不是一个完美的解决方案,但它比目前在Gutenberg中的效果要好一点。
按钮块间距
![图片[2]-Gutenberg 11.3引入尺寸面板,增加按钮填充支持,并加快了插入器的速度-搬主题](https://cdn.banzhuti.com/2021/08/20210819151848792.jpg)
我不喜欢使用TT1 Blocks主题(Twenty Twenty-One的基于块的版本)时Button块的默认填充,这不是什么秘密。我把经常指出这一点作为我的任务之一,甚至在上次作为FSE推广计划的一部分进行测试时拒绝使用该块。
一个超大的按钮并不总是网页上的错误风格选择。语境很重要,而且我还不断地遇到需要更小规模的东西的情况。几个月来,我一直希望能控制按钮块的衬垫,而Gutenberg开发团队做到了。
从11.3开始,用户可以控制单个Button块的填充。它现在将作为一个选项出现在前面提到的新尺寸面板中。祈祷得到了回应。现在,让我们开始为所有的块添加填充控制。
一些用户可能会遇到的一个潜在问题是,在一起使用多个Button块时要保持一致的间距。最简单的方法是添加并设置第一个,然后复制它来创建具有相同间距的其他块。这不是一个新问题;它适用于所有的Button选项,用户希望在一个组内保持一致。
特色图片尺寸控制
![图片[3]-Gutenberg 11.3引入尺寸面板,增加按钮填充支持,并加快了插入器的速度-搬主题](https://cdn.banzhuti.com/2021/08/20210819151853342.jpg)
文章的特色图片块终于得到了一个小而方便的升级。在过去,用户和主题作者只有一个决定是否将其链接到文章的选项。现在,他们可以控制图片的宽度和高度。
如果用户为图片设置了一个高度,编辑器将显示一个单独的 “缩放 “选项,有以下选择:
- 覆盖(默认)
- 包含
- 拉伸
这些选项实际上是做什么的?这将是一个好问题。即使作为一个在网页设计和开发领域工作了近20年的人,我有时也会忘记,必须去查一查它们。它们是对象适合的CSS属性的值,在很多情况下可能会使用户感到困惑。覆盖和包含允许图像适合于包含元素的框内,同时保持其长宽比(不拉伸图像)。不同的是,如果覆盖值不适合,它将被剪掉,而包含值可能是信箱式的。一个拉伸值会填满它的容器,而不考虑长宽比。
根据图像在其容器上的长宽比,每个值基本上都可以在屏幕上显示相同的东西。或者,它们可以提供截然不同的结果。将这些尺寸控制与宽和全对齐(也是与宽度有关的选项)结合起来,也会产生一些不可预测的实验。
我这个主题设计师想完全禁用这个UI,并提供一些稍微可控的东西:一个图像尺寸选择器。这样一个选择器不应该与宽度和高度控制相混淆。WordPress主题作者多年来一直在注册自定义图片尺寸。这方面的主要用例是特色图片。用户可以在当前的图片和最新文章块中使用这些尺寸。然而,他们还没有这个选项来使用 “文章特色图片”。
我认为图像大小的控制应该是该块的第一个补充。它是WordPress主题设计中不可或缺的一部分,不能被遗漏,而且我一直在争取–或者至少是唠叨–确保主题作者可以通过自定义尺寸来控制特色图片。幸运的是,有一张支持自定义图片尺寸的公开票。在其他仍然缺失的功能中,它是许多希望向块状主题飞跃的主题作者的一个障碍。
新的选项有很多用例,比如自动将文章网格的特色图片裁剪成方形。我只是迫不及待地等待着为文章特色图片块提供一套更强大的工具。
























暂无评论内容