Gutenberg 11.1添加了对列表视图拖拽支持和升级区块边框

古腾堡插件继续保持更新升级。WordPress 5.8发布仅一天后即发布了一个新的版本,带来了几项新功能和一堆错误修复。其中最为重要的是列表视图中的拖放支持和区块边界急需的升级。

主题作者应该喜欢在移动设备上控制Columns区块的堆叠以及导航菜单的一些更新设计控件的能力。虽然标记为“增强”,但主题作者还应该检查他们的设计是否对RSS区块的更新样式进行了重大更改。

在列表视图中拖放区块

drag-drop-list-view-1

在列表视图中拖动区块

或者大部分人一直在等待的这一刻终于到来了。编辑器的列表视图已成为管理具有许多区块的长文档的强大工具。在过去的十几个版本中,开发团队继续在必要的功能之后添加必要的功能。

在11.1版中,用户可以从列表视图中拖放区块来排序和组织内容。然而,用户不仅限于在列表视图本身内移动事物。他们可以将列表中的区块拖到内容画布中,反之亦然。

边框支持

group-block-border-support-3

向Group区块添加虚线边框

新的边框选项比之前的有趣多了。比如创建优惠券代码区块,增加一个虚线边框是不是更合适一些呢。Group区块现在有了边框支持,perfect。

Gutenberg 11.1改进了边框选项的用户体验。开发团队收紧了UI并将设置放入逻辑分组中。

只有以下核心区块具有部分或完整的边框支持:

  • 按钮
  • 分组
  • 图像
  • 搜索
  • 表格

用户还可以在此更新中使用border-radius选项定义各个角。希望在未来看到对顶部、右侧、底部和左侧边框的相同处理,当然双边框样式也是个不错的发展方向。

列区块:移动设备上的堆栈

columns-no-stack-3

将文章元数据添加到一组未堆叠的列中

默认情况下,单个列区块将在移动视图中彼此堆叠。但是,用户现在可以根据具体情况通过父子列区块禁用此功能。这也是区块主题中缺少更多布局控制的部分之一。

不会在移动设备上中断的列区块的主要用例之一是发布应该内联的元数据部分。例如,主题作者通常希望在文章标题下方的一行中对齐文章作者、日期和评论链接。

这个拨动开关让我们朝着那个方向前进。然而,它是一种权宜之计,不能为主题设计者提供他们习惯于使用CSS的灵活性(这通常不是一件复杂的事情)。

在区块主题和站点编辑器进入核心WordPress之前,主题开发人员需要对列区块进行微调的响应控制,也许还需要一些类型的行/内联/弹性块来配合它。

需要根据是否禁用移动堆叠来定位列区块的主题作者可以使用.is-not-stacked-on-mobile该类。

发布条款和标签云

tag-cloud-2

控制标签输出的数量

开发团队终于将这个讨厌的事情从众多开发者清单上划掉了。在插件的过去版本中,默认情况下,文章术语区块(文章标签和文章类别的变体)在各个项目之间显示了 (|)分隔符,现在以逗号+空格代替

主题作者可以在他们的区块模板中更改此设置,用户可以从编辑器中对其进行自定义。该设置位于块选项侧栏中的“高级”选项卡下。

标签云区块得到了一个小但急需的升级。用户现在可以设置要显示的标签数量的限制。默认情况下,它设置为显示 45 个标签。

导航子菜单颜色

nav-menu-overlay-colors-3

古腾堡开发团队为导航区块添加了两个新的颜色选项。除了现有的文本和背景颜色外,用户现在还可以更改子菜单项的文本和背景颜色。

导航区块虽然有所改进,但似乎仍然是站点编辑难题中最棘手的部分之一。它正试图成为各行各业的杰作,掌握很少(如果有的话)解决方案。而且,其中一个Ticket已经获得支持,允许用户将更广泛的内部区块塞入其中。

但是,我们有子菜单文本和背景颜色,这是一个胜利。只是,它们被命名为“叠加文本”和“叠加背景”。我不确定它是否可以作为移动响应菜单的一部分。古腾堡似乎再次未能捆绑其前端导航JavaScript。

评论留言