昨天,Gutenberg WordPress 插件 10.2 版发布。用户现在可以在导航项之间添加一个 Spacer 块,对自定义模板部件进行分类,并在插入查询块时在模式之间进行选择。

某些领域的用户体验不断提升。媒体和文本块是少数剩余的块之一,现在可以转换为栏。转换产生两列,媒体和文本分开。但是,这是一种单向转换。对于写出他们的文本栏的用户来说,这是一项必要的增强功能,让他们知道他们只能添加上传的媒体,而不是嵌入在媒体和文本块中的 YouTube 之类的东西。快速切换到 Columns 可以解决这个问题。

当有后续段落时,“开始编写或键入/选择一个块”提示仅出现在第一个空白段落上。这是一个微不足道的变化,但它消除了一个小烦恼。

开发团队为 Gutenberg 10.2 修复了 30 个错误。他们还继续致力于改进实验性功能,例如站点编辑器、全局样式和基于块的导航菜单。完整的站点编辑正在形成,但我们还需要一段时间才能知道它是否准备好包含在 WordPress 5.8 中。

我写这篇文章的时候也在一个糟糕的编辑器中这样做。 Gutenberg 10.2 再次更改了其标记或 CSS,这意味着我将不得不进行一些挖掘以找出为什么我们所有的段落在编辑器中都未对齐。但是,那是明天的工作。这应该是特定于主题的修复并且是一个单独的问题。

在导航列表中嵌套间隔块
插入导航列表中的一个空间。

古腾堡计划提出的最糟糕的想法之一是用户现在可以在水平导航块项目之间插入间隔块。它们可以增加或减少像素空间。间距的想法本身并不坏,但使用的解决方案是。

据我所知,不允许将

标记作为

    的直接子标记。这是

  • 元素所在的位置。也许这是我的老式 HTML 教育,但投资于其他东西感觉不对。列表项是列表的子项。

    幸运的是,网页设计师几十年来一直可以使用这种水平间距的解决方案:边距和填充。

    自从将间隔块引入 Gutenberg 以来,它们一直感觉不对。在我们获得适当的边距和填充选项之前,我一直认为这是垂直间距的权宜之计。我从没想过我们会找到新的和创造性的方法来使用它来定义网站的标记。

    模板部分分类
    选择区域模板部分。

    用户现在可以将模板部分保存到特定类别或“区域”(在站点编辑器 UI 中这样称呼)。在 Gutenberg 10.1 中,开发团队为主题作者引入了一个新的分类系统,该系统会自动将模板部分放置在“页眉”、“页脚”、“侧边栏”或“常规”类别中。现在可以为用户创建的模板部件打开相同的系统。

    通过站点编辑器保存模板部分时,用户必须打开“高级”块选项卡。有一个新的“区域”选项。此版本中缺少边栏类别。然而,这是朝着模板部分管理迈出的可喜一步。

    查询块模式
    初始状态查询块模式选择。

    查询块是整个站点编辑器的核心。它最终将成为开发人员和用户在构建网站时与之交互的主要组件之一。

    开发团队在首次插入查询块时为最终用户引入了一个新概念。过去,用户已经看到了块形式的几种变体。现在,他们可以在特定于该块的模式之间进行选择。

    开箱即用,有大中小三种模式。用户也可以选择从头开始。

    对于开发人员来说,这一变化引入了作用域模式。从长远来看,它是 Block Patterns API 的一个新层,应该提供很大的灵活性。虽然该功能目前仅适用于查询块,但主题和插件作者将来可以为用户选择的块创建预定义布局。

    想象一下,您想为用户提供多种样式的后循环。通过几行代码,您可以将每一行注册为可选的查询模式。

    新的一段API增加了一个scope参数,如下:

    'scope' => [ 'inserter' => false, // 是否显示在主块中插入器。 'block' => [ 'core/query' ] //模式的容器块。 ]

    这仍处于实验阶段,因此随着功能的进一步开发,情况可能会发生变化。

    按照核心示例,我使用以下代码创建了快速查询模式:

    add_action('init', function() { register_block_pattern('tavern-query', [' title' => 'Tavern Query', 'scope' => [ 'inserter' => false, 'block' => [ 'core/query' ], ], 'content' => '


    ']); }); 像这样:

    图片加载中...

    来源