Gutenberg 12.3 引入了新模块、设计选项和完整的核心模块参考

首先 古腾堡插件发布 年度包含大量功能。 开发人员应该享受完整的核心块参考。 组块间距控件提供了更大的布局灵活性,并且新的作者姓名块已经出现。 总的来说,网站编辑体验正在形成。

最新版本增加了几个不错的设计选项。 现在组块 支持排版选项. 这将使用户和主题设计者更容易同时更改所有子块的字体大小、系列等。 间隔块 支持自定义单位,因此用户不再局限于像素。 段落现在有一个 字体系列选项.

主题作者现在可以注册 “无名”字体大小 以支持核心尺寸。 他们还有新的评论分页 以前的下一个 用于处理分页评论的块。

没有 edit_theme_options 功能的用户(默认为管理员)可以 不再创建导航菜单 通过网站编辑器。 但是,他们可以通过导航块选择现有的。 这将菜单创建返回到其原始限制。

让我们深入了解一些重要功能。

完整的块参考

虽然普通用户可能永远不会看它, 核心模块参考 在编辑器手册中对开发人员来说应该是一个受欢迎的景象。 几乎不可能记住所有的块和关于它们的一切。

数据是自动生成的。 参考中的每个块都显示以下信息:

  • 名称
  • 类别
  • 支持
  • 属性

我希望 WordPress.org 将来能够为所有块插件自动显示此内容。 数据是通过 block.json 文件标准化的,所以没有理由不应该。 否则,个别插件作者需要重新创建它以共享他们自己的参考。

使用网站标志作为 Favicon

用户现在可以保存用于 站点徽标块作为他们的站点图标 (favicon) 通过站点编辑器。 由于块主题用户的定制器正在消失,这是朝着正确方向迈出的一步。 他们需要一种简单的方法来设置它。

Gutenberg-12-3-introduces-new-blocks-design-options-and-a-complete-core-blocks-reference Gutenberg 12.3 介绍了新块、设计选项和完整的核心块参考新的“用作站点图标”选项。

这种解决方案有两个缺点。 第一个是默认情况下启用此选项。 如果用户没有注意到,他们可能会在不知情的情况下覆盖现有的站点图标。 徽标和图标并不总是匹配。 WP Tavern 网站展示了一个典型的例子。

第二个问题是我们需要一个专用的站点图标选项。 将其添加到管理员中的可用设置屏幕之一将是一个简单的解决方案。 这将有时间弄清楚如何最终将其添加到站点编辑器中。

帖子作者姓名块

古腾堡 12.3 引入了一个新的 帖子作者姓名块. 顾名思义,它会显示帖子的作者。 这是一件看似简单的事情,但当你等待它很久时——嗯, 自 2021 年 5 月,从技术上讲 – 感觉具有纪念意义。 为了显示我看到这个块有多高兴,我为它制作了五种自定义样式。

Gutenberg-12-3-introduces-new-blocks-design-options-and-a-complete-core-blocks-reference-1 Gutenberg 12.3 介绍了新块、设计选项和完整的核心块参考修改自定义 Post Author Name 块样式。

这是努力的一部分 拆分原始的 Post Author 块 成更小的组件。 目前,它可以显示作者姓名、头像、个人简介和自定义署名文本。 如果主题设计者只需要单行元区域中的作者文本,则用户通过站点编辑器启用这些其他元素通常会将整个事情搞砸。

单独的 Post Author Avatar 和 Post Author Bio 块已计划好。 当接下来的两个登陆时,它将给主题作者更多的灵活性。

组块间距控制

我觉得自己像个玩具店里的孩子,在这个版本中看到不止一个我长期以来的抱怨。 现在组块 支持块间距控制. 这允许用户和主题作者定义其子块之间的边距。

其主要用例之一是折叠相似元素之间的边距。 例如,用户可能希望将三个 File 块组合在一起,它们之间没有任何空格,如下面的屏幕截图所示:

Gutenberg-12-3-introduces-new-blocks-design-options-and-a-complete-core-blocks-reference-2 Gutenberg 12.3 介绍了新块、设计选项和完整的核心块参考堆积的块。

通常,这些块之间将具有标准的顶部边距。 通过将块间距设置为 0,用户可以将它们擦除。

“清零”边距一直是某些主题要解决的最令人沮丧的问题之一,尤其是在处理宽或完全对齐的块时。 在这些情况下,WordPress 编辑器的 HTML 标记与前端不匹配。 Group 块上的块间距控制解决了多种情况下的这个问题。

当然,这不仅仅是消除块之间的边距。 还可以创造更多空间。

使用 Group 块的 Row 变体时,间距是水平的。 这也应该照顾到很多主题布局的需求。

来源

相关文章