Gutenberg 12.7 在列表视图中添加多块选择并为组块带来边距支持
已发表: 2022-03-04又过了两周,又一个 Gutenberg 插件更新在书中。 此版本不像上一个版本那样功能繁多,但总体感觉很扎实。 除了一个重大问题之外,12.7 版还包括几个不错的增强功能。
最新更新包括一些针对新样式引擎的早期工作。 这是一个长期项目,应该改进保存和渲染块样式。
在某些条件下,模板和站点编辑器应该在快速插入器中的块上显示模式,例如在模板的根级别。 但是,我无法看到这一点。 我可能需要刷新我的安装。
Columns 块还支持边框宽度、样式、颜色和半径选项。 我期待这最终成为所有区块的情况。
列表视图中的多选

Users can now select multiple blocks in the list view when the Shift
key is selected. 按住键后,用户可以使用鼠标单击其他人,添加或删除他们。 向上/向下箭头键是使用鼠标的替代方法。
该增强功能还允许用户拖放选定的块组。
破碎的图像

我放松了警惕。 我对 WordPress 和 Gutenberg 处理我过去主题中一直包含的一些基础 CSS 工作感到满意。 事情似乎进展得很顺利。
古腾堡,你和我在你没有破坏任何东西的地方都有过甜蜜的经历。 现在,是时候重置旧的“无事故发布”计数器了。
以前,默认块库样式表为图像提供基线响应样式。 该 CSS 现在只针对在类中包含wp-image-
的<img>
标记。 这对于某些块模式中的图像尤其成问题。 对于其他图像实例,情况可能相同。
以前的选择器过于宽泛,并且在第三方插件中破坏了图像。
最好的做法是主题作者为图像添加以下 CSS:
img { max-width: 100%; height: auto; }
组块保证金

自定义边距几乎是“网页设计”一词的同义词。 迄今为止,作为旗舰集装箱的 Group 区块一直缺乏对保证金控制的支持。 有些人通过使用 Spacer 绕过了这个限制,但它只会增加块之间的空间。
大多数问题都与降低利润率有关。 主题设计师经常需要采用变通方法,这是 Nick Diego 在票证中提到的一个问题:

主题开发人员(包括我自己)正在求助于“魔法类”来清零或修改块的边距。 允许主题选择加入组边距支持将提供更大的灵活性并减少对主题样式表中自定义 CSS/类的依赖。
许多其他块(包括段落)仍然缺少边距支持。 用户可以随时将它们包装在一个组中并暂时对其进行修改。
块转换维护类

两周前发布的 Gutenberg 12.6 在改进块转换方面做了很多工作,该功能允许用户将一个块切换到另一个块。 上一次更新的主要改进之一包括保持字体大小和颜色选项。
12.7 版添加了自定义 CSS 类。 这包括手动添加的用户和自定义块样式机制添加的用户。
维护自定义块样式类的好处是,如果支持,新块会保留选定的样式。 不利的一面是,如果没有,它就会变成垃圾级。
我希望通过转换基于文本的块来维护一些缺失的选项。 特别是,保持文本对齐方式相同将有助于我的工作流程。
主题可以从目录中注册模式

Gutenberg 12.7 允许主题作者从 WordPress.org 模式目录为他们的用户加载模式。 添加的那些将出现在插入器中各自的类别中。
目前,没有高亮显示所选图案的方法,它们只会根据注册的顺序出现。 不幸的是,来自 WordPress.org 的特色模式在列表中显示得更高,即使它们没有被主题选中。
这是一个可靠的第一次迭代。 现在加入它将允许主题作者提供反馈和贡献者以建立在基础上。
theme.json
操作指南包括用于注册这些模式的新文档。
对齐包装已移除
我是一个街区迷,这已经不是什么秘密了。 然而,有一个长期存在的问题几乎让我想放弃这个系统。 实际上,我去年完全放弃了开发免费块主题,很大程度上是因为这个问题。
Gutenberg 12.7 删除了编辑器中宽和全宽块的额外<div>
包装器,至少对于支持布局功能的主题。 这个包装器元素之前在后端和前端设计之间产生了冲突。 在某些情况下,主题作者无法一致地设置它们的样式。
例如,如果主题作者想要为兄弟块(一个跟随另一个)提供额外的间距,则不可能在编辑器中使用 CSS 定位它。 额外的包装意味着它们不再是文档结构中的兄弟姐妹。
WordPress 5.9 中引入的最新blockGap
功能在一定程度上缓解了与间距相关的问题。 知道有些设计仍然是不可能的,容忍这个破碎的系统就足够了。
今天标志着设计师新世界的开始。 这是我很高兴看到被抛在后面的一个障碍。 在大多数情况下,我只是想重新审视和实施几个旧想法。