Gutenberg 8.2 包括编辑流程改进、覆盖块内容定位和模式类别

周三,Gutenberg 背后的开发团队放弃了该插件的 8.2 版.新版本侧重于更好的编辑流程,包括对 Cover 块的新内容定位控件,并为块模式添加了类别.

在此版本中,如果未选择特定文本,用户可以通过 Ctrl + C 键盘快捷键复制整个块或使用 Ctrl + X 剪切块.小吃栏弹出窗口将出现在屏幕底部,以显示复制了哪个块.

在编辑图像标题时按 Enter 键将创建一个新段落.对于用户希望在插入图像和标题后继续书写的情况,这可能是一个受欢迎的补充.但是,对于需要多行字幕的用户来说,这可能是一个问题—我不确定如何通过此更改在标题中添加换行符.

Gutenberg 8.2 包括其他几项增强功能,例如将插入器中最常用的块限制为六个项目.Buttons 块中的单个按钮可以通过按 Enter 键分成两个按钮或通过按 Backspace 键合并.用户还可以测试两种新的块模式.一个添加了一个下面有两列的英雄部分.另一个添加了一个三栏功能/服务部分.

总体而言,这是一个包含众多增强功能和错误修复的可靠更新.编辑流程的变化是很好的改进,新的 Cover 块定位和 Patterns API 更新是编辑器中受欢迎的补充.

封面块的内容定位

Gutenberg 团队创建了一个新的对齐控件,允许最终用户在 Cover 块内定位内容.在第一次看到它在不相关的票证中被提及为可能性之后,我已经等待此功能至少一年了.

新的定位功能添加了一个矩阵控件,用户可以从中选择九个位置.一旦选择了一个位置,Cover 块的内部内容将移动到该位置.重要的是要注意,如果 Cover 块已满,某些内容看起来不会改变位置.内部容器的宽度设置为自动,这意味着里面的内容可能已经占用了所有可用空间.内部内容较少的 Cover 块中的对齐更明显.

当然,在过去版本的插件中可以单独对齐内部块.但是,有时在块级别上做也有点痛苦.这个新控件为 Cover 块带来了新的灵活性.

主题作者需要更新他们主题中的 CSS 以处理新的定位类.似乎没有任何官方文档来设置这些类的样式,因此查看源代码是最好的做法.课程如下:

.has-custom-content-position
.is-position-top-left
.is-position-top-center
.is-position-top-right
.is-position-center-left
.is-position-center-center
.is-position-center-right
.is-position-bottom-left
.is-position-bottom-center
.is-position-bottom-right

看看插件开发人员如何使用新的 AlignMatrixControl 组件为他们自己的块做些什么也会很有趣.该组件用于处理 Cover 块的内部块对齐,但它应该很容易扩展到也可以使用这种对齐的其他块.

模式类别

Gutenberg 8.2 几乎满足了我对 Patterns API 的所有要求.最新版本增加了对模式分类的支持.目前,默认界面显示以下七类:

  • 文本
  • 英雄
  • 栏目
  • 按钮
  • 画廊
  • 功能
  • 推荐

还有一个"未分类"插入器底部的部分,但它在技术上不是一个类别.它仅包含任何未分类的模式.

主题和插件作者现在可以访问 register_block_pattern_category()unregister_block_pattern_category() 函数来分别注册或取消注册模式.可以通过新的 categories 参数将类别分配给特定块.更多信息可通过 Patterns API 文档获得.

可以为模式分配一个或多个类别.因此,用户可能会在插入器中看到某些模式的重复项.这是我希望团队将选项卡式界面或类似的东西带回插入器的原因之一.对于类别,现在应该可以用于块和模式.目前,我的模式库变得很笨拙.

模式的斜线命令仍然在我的愿望清单上,这可能会取消对选项卡式插入器界面的需求.

块小部件几乎准备好了

在本周的编辑聊天中,团队讨论了将新的 Widgets 屏幕带出实验阶段的可能性.如果这发生在 7 月 7 日之前,这可能意味着用户可能早在 WordPress 5.5 就可以开始使用块配置侧边栏.这还不是一成不变的,但开始看到区块真正突破帖子内容区域是令人兴奋的.

在大多数情况下,基于块的小部件系统运行良好.它还没有像合并到核心 WordPress 那样完美.但是,如果团队在下个月克服任何剩余的障碍,那是有可能的.我有我的疑虑,但我们很快就会看到这一切.

现在是终端用户通过"小工具(测试版)"开始测试实验小工具的好时机.管理屏幕和"小部件块(实验性)"定制面板.要测试此功能,请启用 Gutenberg 插件的"实验设置"页面下的"小部件"选项.

1
订阅评论
提醒
0 评论
内联反馈
查看所有评论