今天早些时候,Gutenberg 12.1 登陆了 WordPress 插件目录。这个最新版本非常注重 UX 改进,包括修复阻止附加程序布局转换、新的全局样式功能和改进的模板列表视图。主题作者还有一个新标志,可以启用所有与外观相关的工具。

WordPress 5.9 原定于今天发布,但已推迟到 2022 年 1 月 25 日。贡献者需要更多时间来打磨与发布捆绑的站点编辑器和相关工具。到目前为止,他们已经通过修复错误和创造更好的整体用户体验来利用额外的时间。

不再有布局变化

如果这是 Gutenberg 12.1 中的唯一变化,我将是世界上最快乐的用户。幸运的是,还有其他好的项目,但我三年来对块编辑器最大的烦恼现在已经解决了。

内容画布中的块附加器(那些小 + 按钮)现在使用固定定位显示。这意味着当您选择块时,尤其是那些嵌套在其他块中的块时,屏幕不会再跳来跳去、更改布局或在原本完美的部分中留下间隙。

Appender按钮不会改变布局。

我从与其他人的交谈中了解到,这在过去构建复杂布局时一直是一个痛点。对于某些人来说,他们根本不会使用块编辑器,因为它太烦人了。如果你落入这个阵营,那值得再试一次。这是用户体验的显着改善。

全局样式改进

用户现在可以通过全局样式侧边栏中的调色板部分定义自定义渐变。这些将在整个网站上可用,并且与主题无关。

创建自定义渐变。

调色板也显示在与双色调相同的渐变段下。但是,目前还没有创建自定义双色调滤镜的选项。这是一个只读部分。

全局样式面板还将文本和链接元素之间的排版选项分开,为将来的其他 HTML 元素打开了大门。

链接布局部分。

用户可能不应该更改此链接设置。相反,它们通常应与周围的文本相匹配。如果我们在未来获得文本装饰或类似选项,分离可能更有意义。但是,更改字体大小或行高等设置可能会对设计产生不利影响。

模板和模板部件视图

Gutenberg 12.1 从站点编辑器引入了新的模板和模板部件列表视图。此功能的 UI 在过去的几个插件版本中发生了变化。该列表可通过编辑器中的左侧滑出面板使用几个月。然后,它在 11.9 中被完全删除。它再次出现在该版本和 12.0 之间。

该面板现已缩减为三个链接,包含站点、模板和模板部件。第一个链接打开站点编辑器。显示现有模板的其他表格。

模板列表视图。

目前切换画面感觉很慢。然而,这是世界各地的 WordPress 用户将看到的站点编辑器的 1.0 版。它可能会随着时间而改变。 “当前的设计迭代有利于简单性和可用性,”Riad Benguella 在公告中写道。 “未来可能会添加实现客户端导航和马赛克视图的迭代。”

似乎没有办法添加自定义模板,例如类别或作者档案。使用“二十二”主题时,单击“添加新”按钮会显示主页和搜索模板的选项。

但是,添加新的模板部件是一个比较微妙的过程。单击创建按钮后,用户将看到如下屏幕截图所示的叠加层和表单:

创建自定义模板部分。

用户可以给它一个自定义名称,并在三个允许的区域之间进行选择:常规、页眉和页脚。创建新部分后,用户将被带到编辑器。

再次查看模板部件列表时,它会显示创建它的用户并有一个选项下拉列表(省略号按钮)。目前,唯一的操作是删除零件。

模板零件列表视图。

我希望看到顶级模板在创建新模板时获得与模板部分相同的待遇。尽管它们之间存在一些细微差别,但归根结底,它们都是模板。如果创建过程匹配,则用户体验会受益。

在此屏幕上创建超出默认列表的自定义模板也有助于设计人员从站点编辑器中直观地构建主题。

空导航回退

最新版本引入了空导航菜单块的回退。最终,如果没有找到菜单,它将显示页面列表块。根据用户站点上的页面数量,这可能会很快失控,如下面 22 的屏幕截图所示:

带有长页面列表的导航块回退。

主题开发人员可以通过 block_core_navigation_render_fallback 过滤器挂钩覆盖此回退,方法是为导航父级返回一个假值或一组有效的子块。主题作者,我邀请他们慷慨地使用这个过滤器钩子。

值得注意的块主题项目

对于块主题开发人员,标准模板相关文件夹已重命名。旧名称将继续有效,但作者应在其主题内容中更新以下内容:

  • /block-templates 重命名为 /templates
  • /block-template-parts重命名为 /parts

此更改清理了顶级主题目录,但也为未来更加标准化开辟了道路。已经有 /patterns 和 /styles 文件夹的开放票证是可能的。

Gutenberg 12.1 还在 theme.json 中引入了一个外观工具标志,允许主题作者启用对所有当前和未来的边框、颜色、间距和版式选项的支持。我在 Gutenberg 12.0 帖子上,错误地将功能标记为与以前的版本捆绑在一起。

喜欢这样:

喜欢正在加载...

来源