Gutenberg 12.7在列表视图中增加了多区块选择 并为组块带来了边缘支持

又是两个星期过去了，另一个Gutenberg插件的更新已经出炉。这个版本不像上一个版本那样功能繁杂，但总体感觉很扎实。除了一个破坏性的问题，12.7版包括几个不错的改进。最新的更新包括一些新的风格引擎的早期工作，这是一个长期的项目，应该可以改善保存和渲染块样式。

模板和网站编辑器应该在某些条件下，例如在模板的根层，在快速插入器中浮现出块的样式。然而，我无法看到这一点的实施。我可能需要刷新我的安装。列块也支持边框宽度、样式、颜色和半径选项。

列表视图中的多重选择

用户现在可以在列表视图中选择多个块，当Shift键被选中时。一旦按住该键，用户可以用鼠标点击其他的，添加或删除它们。上/下方向键是使用鼠标的替代方法。

该增强功能还允许用户拖放选定的块组。

破损的图像

我对WordPress和Gutenberg处理一些我在过去的主题中一直包含的基础性CSS工作变得很舒服。事情似乎进展得很顺利。以前，默认的块库样式表为图像提供了基准的响应式样式。

该CSS现在只针对标签，如果它们在类中包含wp-image-。这对一些块状模式的图像来说特别有问题。其他图像实例的情况可能也是如此。

以前的选择器过于宽泛，破坏了第三方插件中的图像。最好的做法是，主题作者为图片加入以下CSS。

img {
    max-width: 100%;
    height: auto;
}

组块页边距

定制边距几乎是 “网页设计 “的同义词。组块–旗舰容器–直到现在还缺乏对边距控制的支持。有些人通过使用Spacer来解决这个限制，但它只是增加了块之间的空间。

大多数问题都是围绕着减少边距展开的。主题设计师经常需要采用变通的方法，这是尼克-迭戈在票据中提到的问题。

主题开发者（包括我自己）正在使用 “魔法类”来消除或修改块的边距。允许主题选择加入组的边距支持将提供更大的灵活性，减少对主题样式表中自定义CSS/类的依赖。

包括段落在内的许多其他块仍然没有支持边距。目前，用户总是可以将它们包裹在一个组中并进行修改。

块状转换保持类

两周前发布的Gutenberg 12.6，在改进区块转换方面做了很多工作，这个功能允许用户将一个区块切换到另一个区块。上一次更新的主要改进之一包括保持字体大小和颜色选项。

12.7版在混合中增加了自定义CSS类。这包括那些用户手动添加的和那些由自定义块样式机制添加的。

维护自定义块样式类的好处是，如果支持的话，新的块可以保持所选择的样式。缺点是，如果不支持，它就会变成一个垃圾类。

仍然有一些缺失的选项，我希望看到通过转换基于文本的块来维护。特别是，保持文本对齐方式不变将有助于我的工作流程。

主题可以从目录中注册图案

Gutenberg 12.7允许主题作者从WordPress.org模式目录中为其用户加载模式。那些被添加的图案将出现在插入器中各自的类别中。

目前，还没有突出显示所选模式的方法，它们只会根据它们的注册顺序出现。不幸的是，来自WordPress.org的特色模式在列表中显示得更高，即使它们不是由主题选择的。

这是一个坚实的第一次迭代。现在把它放进去，可以让主题作者提供反馈，也可以让贡献者在这个基础上继续努力。

对齐Wrappers已移除

Gutenberg 12.7删除了编辑器中宽块和全宽块的额外包装器，至少对于支持布局功能的主题是如此。这个包装元素之前在后端和前端设计之间产生了冲突。在某些情况下，主题作者无法对它们进行一致的设计。

例如，如果一个主题作者想给一个同级块（一个紧跟另一个的块）提供额外的间距，就不可能在编辑器中用CSS来定位它。额外的包装意味着它们在文档结构中不再是同级别的了。

最近在WordPress 5.9中引入的blockGap功能，在一定程度上缓解了与间隔有关的问题。这足以让我们在知道一些设计仍然是不可能的情况下，容忍这个破碎的系统。

今天标志着设计师的一个新的可能性世界的开始。这是我很高兴看到的一个被抛在后面的路障。在大多数情况下，我只是想重新审视和实现几个旧的想法。