昨天,古腾堡团队发布了 8.3 版,其中展示了块编辑器背后正在开发的插件。虽然该团队的大部分注意力都集中在即将进行的全站点范围内的编辑上,但此更新包括一些面向用户的功能,例如一组重组的块类别、父块选择器、间距控制和链接颜色选项。

一个小的改进包括过滤作者阻止的最新帖子。标题栏的级别控件也已更改。现在,不用在块选项侧栏中选择一个级别,而是使用位于编辑器工具栏中的级别选择器。

在 Gutenberg 8.2 中,单击标题栏内的图像块可创建一个新段落。在 8.3 版本中,此功能已扩展到所有带字幕的图块。

团队在最新版本中修复了 20 多个错误修复。总的来说,新的插件更新在使用一天后似乎很稳定。然而,一些实验性的添加,例如新的填充控件,可能值得关注。主题作者需要开始对此进行测试,提供反馈,并确保开发朝着正确的方向发展。

新版块类版块插件类新增“设计”。

Gutenberg 团队对块类别进行了重命名和重组。新列表似乎更有意义,并且更好地整合到适当的组中:

  • 文本
  • 媒体
  • 设计
  • 微件
  • 嵌入式

虽然我很喜欢新的类名,但我现在看不到这些类有任何实际用途。自古腾堡将选项卡式界面放入块插入器以来,感觉就像一堵大块墙。当我滚动、滚动和滚动可用块列表以找到我想要的特定块时,我的眼睛自然而然地跳过了类别名称。我几乎总是使用键盘斜杠命令来插入块。在我不喜欢的情况下,这不是理想的用户体验,而且新类别也无济于事。

选择父块 鼠标悬停在工具栏上找到父块块选择器。

Gutenberg 最令人沮丧的经历之一是试图在嵌套块方案中选择父块。用户通常感觉他们是在随机点击,希望他们已经达到了可以实际导航到他们需要编辑的块的最佳位置。在最好的时候也是一种挫败感。

Gutenberg 团队已朝着减轻这种痛苦迈出了一步——仅一步之遥。将鼠标悬停在编辑器工具栏中的“更改块类型或样式”按钮上时,将出现一个新按钮,选择父块。

我不确定这是否是解决问题的正确方法。我很乐意看到某些箭头按钮在悬停时不显示的实验。现在,我对团队正在努力解决这个问题感到满意,并希望未来的迭代能够改进嵌套块中的导航。

启用顶部工具栏模式时,此功能似乎不起作用。对于使用此模式的用户,选择父块的最佳方式是通过编辑器底部的面包屑导航。

实验性的spacing/padding控制Cover piece添加自定义padding。

主题作者现在可以通过 add_theme_support(‘experimental-custom-spacing’) 添加对实验性填充控件的支持。如果支持,最终用户将在 Cover 块的 Block Options 侧边栏下看到一个新的 Spacing 选项卡,该标签将来可用于其他块。默认情况下,用户可以使用单个值控制块所有四个边的填充。他们还可以“取消链接”填充并分别控制顶部、底部、左侧和右侧的值。

据推测,Gutenberg 团队将扩展此间距功能以包括边距控制。这将是一个自然而然的举动,我希望这将导致过去几年用户不得不忍受的 Spacer 块消亡。

但是,我不允许最终用户使用显式值来控制填充。任意更改 padding 值会破坏许多主题作者花时间精心计算的垂直节奏。使用像素值(默认)时,用户肯定会遇到平板电脑和手机屏幕尺寸的问题。本质上,它会造成一个完整的间距混乱。

我不反对这个想法。我希望它在 WordPress 登陆之前完成。主题作者应该能够注册通过样式表处理的命名类。这可以追溯到具有设计框架的 WordPress。为间隔创建一组实用程序类(哦,你好顺风)。让主题作者根据他们的设计定义间距。让用户从中选择。然后,为用户想要照顾自己的时间提供自定义选项。在这一点上,他们明确决定脱离主题作者选择的设计过程。

链接颜色 选择自定义链接颜色。

主题编辑器在设置块编辑器样式时面临的挑战之一是当用户更改块的背景颜色时如何处理链接颜色。在这种情况下,用户已经可以控制文本颜色。但是,链接颜色很快就会变得不可访问,或者非常难看。有远见的主题作者会设计这些链接颜色,以便它们继承文本的颜色,但这并不总是理想的解决方案。

那里有用户控制的链接颜色要添加对自定义链接颜色的支持,主题作者必须通过 add_theme_support(‘experimental-link-color’) 选择加入该功能。这将为段落、标题、组、列以及媒体和文本块添加一个新的颜色选择器。

无法让它与主题支持函数调用一起工作,我不得不深入研究代码以找到问题所在。为了让主题作者添加对链接颜色的支持,他们还应该定义他们的默认链接,如以下 CSS 片段所示:

{{color: var(–wp –style –color –link, # 000);
}

WordPress 会自动设置 –wp-style-color-link 变量。为了进一步清楚,主题作者还可以将 .has-link-color a 作为目标。

喜欢这样:

喜欢正在加载…

资源