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

AI 智能摘要
今年的第一个Gutenberg插件版本包含了大量的功能。开发人员应该享受一个完整的核心块参考。组块间距控制提供了更多的布局灵活性,一个新的文章作者名称块已经到达现场。总的来说,网站的编辑体验正在形成。

今年的第一个Gutenberg插件版本包含了大量的功能。开发人员应该享受一个完整的核心块参考。组块间距控制提供了更多的布局灵活性,一个新的文章作者名称块已经到达现场。总的来说,网站的编辑体验正在形成。

最新版本增加了几个不错的设计选项。组块现在支持排版选项。这应该使用户和主题设计者更容易一次改变所有子块的字体大小、家族等。Spacer块支持自定义单位,因此用户不再受限于像素。段落现在有了font-family选项。主题作者现在可以注册 “无名”字体大小以支持核心尺寸。他们还有新的评论分页上一页和下一页块来处理分页评论。

没有 edit_theme_options 功能的用户(默认为管理员)不能再通过网站编辑器创建导航菜单。然而,他们可以通过导航块选择一个现有的。这使菜单的创建回到了原来的限制。

让我们直接进入一些重要的功能:

完整区块参考

虽然普通用户可能永远不会去看它,但编辑器手册中的核心块参考应该是开发人员欢迎的一个亮点。要记住所有的块和关于它们的一切几乎是不可能的。这些数据是自动生成的。参考中的每个块都显示以下信息。

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

希望WordPress.org将来能为所有的块状插件自动显示这个信息。这些数据是通过block.json文件标准化的,所以没有理由不可能实现。否则,个别插件作者将需要重新创建这个来分享他们自己的参考。

使用网站Logo作为Favicon

用户现在可以通过网站编辑器将用于网站logo块的图片保存为他们的网站图标(favicon)。这是在正确的方向上迈出的一步,现在自定义器对块主题用户来说已经消失了。他们将需要一个简单的方法来设置这个。

图片[1]-Gutenberg 12.3引入了新的区块、设计选项和完整的核心区块参考-搬主题

这个解决方案有两个缺点。首先是这个选项是默认启用的。如果用户没有注意到这一点,他们可能在不知不觉中覆盖了他们现有的网站图标。徽标和图标并不总是匹配的。

第二个问题是,我们需要一个专门的网站图标选项。把它添加到管理员中的一个可用的设置屏幕上将是一个简单的解决方案。这将使我们有时间考虑如何最终将其纳入网站编辑器。

文章作者姓名区块

Gutenberg 12.3引入了一个新的文章作者名称块。顾名思义,它显示文章的作者。这是一个看似简单的东西,但当你为它等待了很久–好吧,从2021年5月开始,技术上来说–它感觉很有纪念意义。为了显示我看到这个块有多高兴,我为它做了五个自定义样式。

图片[2]-Gutenberg 12.3引入了新的区块、设计选项和完整的核心区块参考-搬主题

这是将原来的 “文章作者”块分割成更小的组件的努力的一部分。目前,它可以显示作者的名字、头像、简历和自定义署名文本。如果一个主题设计师只需要在一个单行元区域内显示作者文本,那么用户通过网站编辑器启用这些其他元素时,通常会把整个事情弄得一团糟。

我们计划建立独立的 “作者头像 “和 “作者简介 “块。当这两个块落地时,它将给主题作者更多的灵活性。

组块间距控制

在这个版本中,我看到我长期以来的不满不止一个得到了解决,我感觉就像玩具店里的孩子。组块现在支持块间距控制。这使得用户和主题作者可以定义其子块之间的间距。

这方面的一个主要用例是折叠类似元素之间的边距。例如,用户可能想把三个文件块组合在一起,它们之间没有任何空白,如下面的截图所示。

图片[3]-Gutenberg 12.3引入了新的区块、设计选项和完整的核心区块参考-搬主题

通常情况下,这些块之间会有标准的上边距。通过将块的间距设置为0,用户可以将它们抹去。

“抹去”页边距一直是一些设计者最头痛的问题之一,特别是在处理宽的或全对齐的块时。在这些情况下,WordPress编辑器的HTML标记与前端不一致。组块上的区块间距控制解决了几种情况下的这个问题。

当然,这并不全是为了摆脱块之间的边距。它也可以创造更多的空间。当使用组块的行变体时,间距是水平的。这也应该照顾到很多主题布局的需要。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容