Gutenberg 12.6加强转换区块 增加”阅读更多”和”作者简介”并启用社交图标标签

Gutenberg 12.6昨天登陆了WordPress的插件目录，这次更新包括几个与转换有关的改进，以及新的 “阅读更多”和 “文章作者传记 “区块块。用户现在还可以通过社交图标块显示可见标签。

这个版本似乎没有什么问题，Gutenberg在很长一段时间内没有从根本上破坏我所依赖的东西。虽然有一些成长的烦恼，但在过去的一年里，软件变得更加稳定。但像往常一样，我有一些吹毛求疵，但这看起来又是一个坚实的版本。

转换区块

开发人员在Gutenberg 12.6中对区块转换进行了全面研究。以下区块现在支持相互转换。

• 日历 ↔ 档案
• 代码 ↔ 段落
• 标签云 ↔ 分类
• 群组 ↔ 行（通过变化控制）。

一个在转换过程中保留样式的新机制也在这个版本中登陆。它目前支持字体大小和颜色选项。例如，用户可以在标题和段落块之间切换，这是一个普通的使用案例，而不会丢失这些特定的定制。然而，其他的设置会丢失，即使是在各块之间共享。在这种情况下，我不会为保留文本对齐方式而付出太多。

在这个版本中，标题块上的锚点在转换为段落时被省略了。这个变化的原因是WordPress会自动生成它们。然而，手动添加的锚点也被删除。当把图库转换为图片块时，链接目的地、链接目标和图片大小的设置以前是丢失的。一个新的补丁增加了这些丢失的属性。

社交图标标签

如果说Gutenberg 12.6版本有什么让我特别欣喜的地方，那就是通过社交图标块显示文本标签的选项。以前，这些标签只显示给屏幕阅读器。然而，用户现在可以为所有人打开它们。

这一新增功能可以为该块打开大量的设计变化。当然，我已经用手绘的边框设计对它进行了自己的改造，如上面的截图所示。

在实现这一功能的过程中，WP Tavern实际上扮演了一个小角色。在与Nick Diego讨论他的社交分享区块中的类似控制时，我提到了核心社交图标区块的一个开放票据。没过多久，Diego就准备好了一个补丁，现在它已经在Gutenberg中了。

颜色面板使用工具面板组件

最新的更新将块状颜色选项切换到工具面板组件。在大多数情况下，文本和背景的颜色是通过 “查看选项 “下拉菜单（省略号按钮）来显示链接的颜色。

为了创造一个更加统一和整洁的用户界面，我们现在似乎为几个块增加了更多的杂乱。如上图中的Pullquote块的截图所示，颜色、排版和边框面板都是永久开放的。组块由于增加了尺寸部分而变得更加沉重。用户没有办法隐藏它们或默认的控件。

当工具面板组件第一次被引入时，它有一个简化的效果，因为它意味着一些控件被隐藏起来了。然而，现在有更多的面板在使用它，区块选项侧边栏中的那个微不足道的空间已经消失了。期望通过滚动几个表格字段来找到正确的设置。

我们能不能让它们重新变得可折叠？或者，更好的是，我们可以把标签和工具面板组件结合起来吗？

文章作者的传记区块

在Gutenberg 12.6中，有一个 “作者传记 “块。它的目的是显示用户的 “传记信息”，这可以通过管理员的用户资料页面来设置。它涵盖了大部分的基本设计选项，但缺少对边框的支持。

这是一个坚实的开始，但仍有一个迫在眉睫的问题。它没有在输出上运行wpautop()。这意味着内容没有被包裹在

标签中。正因为如此，它也不尊重通过用户编辑屏幕输入的双行中断。WordPress从来没有一个输出和格式化用户简历的标准函数，允许主题作者处理它。然而，一些用户可能希望他们的自定义格式能够发挥作用。

我们正在逐步接近一套完整的作者相关的块。WordPress最初提供了一个文章作者块，它做了所有事情的一小部分。正因为如此，它使得它几乎不可能一致地用于主题中的文章署名或其他单行元数据区域。它还限制了 “关于作者 “部分的设计范围，这些部分通常显示在文章的结尾。我们现在必须等待 “作者头像 “区块来完善这套设计。

增加阅读更多区块

Gutenberg 12.6增加了一个专门的 “更多 “块，供主题作者在他们的查询循环设计中使用。它只是一个指向文章的HTML固定链接。这与文章摘录块输出的链接是分开的。不幸的是，它有多个问题，在实际使用前需要更多的测试。

用户可以给它添加背景颜色，但没有文本颜色。这使得它很容易产生无法阅读的文本。我能够通过把它放在一个组块中并从那里改变链接的颜色来解决这个问题。它支持大多数边框选项，但缺少样式控制。它也没有一个块级的HTML包装器，所以没有办法在不把它包装在另一个块中的情况下使它水平对齐。

这是一个奇怪的情况。我不确定在WordPress的其他地方是否有任何其他内联的HTML元素（技术上来说，它是通过CSS设置为一个块元素的）的。另一个问题是有可能出现两个 “阅读更多 “的链接。一个是通过其专用块，另一个是通过文章摘录块。有一个补丁草案可以切换后者的链接。

对经典图片的响应性处理

对于在经典编辑器中写的带有大型图片的文章，在使用块状主题时，媒体会被吹到内容区域之外。Gutenberg将其响应式图像处理与核心的图像块解耦，作为一种修复。这一变化被标记为将被回传到一个小的WordPress版本，所以用户不应该等待WordPress 6.0。

虽然这提供了一个对图像的修复，但它并没有解决块状主题不能处理经典内容或简单的HTML样式的问题。作为我们网站的一个例子，我最近添加了一个元素，因为核心的Table块缺乏一些功能。由于这是自定义的HTML，该块的CSS都没有被加载，所以它基本上没有风格。对于经典内容也存在同样的问题。

这里的一个问题是，WordPress正在通过theme.json在块的级别上推送CSS样式。然而，它只允许对少数HTML元素进行造型，如链接和标题。这种基于组件的设计在所有东西都被包裹在一个组件（即块）中时效果很好。

对底层的HTML元素进行样式设计比对其代表块进行样式设计更有意义。这样，在任何使用该元素的块中，包括第三方插件，它都是一个共享的样式。

移除大号引用样式

最后，有人删除了 “大 “引用样式。自从为这个块添加了一个字体大小的控制后，它就没有必要了。我已经提出了一个观点，至少有几次，WordPress应该避免提供它自己的自定义块样式。在大多数情况下，这最好是留给主题作者的能力。至少，在设计工具更加完善之前，应该避免使用新的块样式。