Gutenberg 12.6 昨天登陆 WordPress 插件目录。此更新包括几个与转换相关的增强功能以​​及新的“阅读更多”和“作者传记”块。用户现在还可以通过社交图标块显示可见标签。

这个版本好像没有什么问题,总是欢迎。很长一段时间,古腾堡并没有从根本上打破我所依赖的东西。有一些成长的烦恼,但该软件在过去一年中变得更加稳定。我只是想加一句表扬每天的辛勤工作。

像往常一样,我有点挑剔,但这看起来像是另一个可靠的版本。

分块转换 标签云转分块。

在 Gutenberg 12.6 中,开发人员全力以赴进行块转换。以下块现在支持在彼此之间切换:

在转换期间保留样式的新机制也包含在此版本中。它目前支持字体大小和颜色选项。例如,用户可以在标题和段落块之间切换,这是一个常见的用例,而不会丢失那些特定的定制。但是,即使跨块共享,其他设置也会丢失。在这种情况下,我不会放弃保留文本对齐方式。

在此版本中转换段落时省略了标题栏上的锚点。此更改的原因是 WordPress 会自动生成它们。但是,手动添加的锚点也会被删除。

将图库转换为图像块时,之前的链接目标、链接目标和图像大小设置都丢失了。一个新补丁添加了那些缺失的属性。

社交图标标签 启用社交图标文本标签。

如果说 Gutenberg 12.6 版本有什么让我特别兴奋的话,那就是通过社交图标块显示文本标签的选项。以前,这些仅针对屏幕阅读器显示。但是,用户现在可以为所有人启用它们。

这种添加可以为块打开很多设计变体。当然,我用手绘边框设计赋予了它自己的风格,如上面的屏幕截图所示。

WP Tavern 实际上在实现这一目标方面只做了一小部分。在与 Nick Diego 讨论社交分享块的类似控件时,我提到了核心社交图标块的开放票证。不久之后 Diego 准备好了一个补丁,现在它在古腾堡。

颜色、排版和边框选项均使用工具面板组件.

新更新的开关块工具面板组件的颜色选项。在大多数情况下,文本和背景颜色显示为通过“查看选项”下拉菜单(省略号按钮)提供的链接颜色。

为了创建一个更加统一和干净的 UI,我们现在似乎在几个块中添加了更多的混乱。如上面 Pullquote 块的屏幕截图所示,颜色、排版和边框面板永久打开。由于增加了尺寸部分,组块甚至更重。用户无法隐藏它们或默认控件。

刚开始引入Tool Palette组件时,它有一个整理的效果,因为它意味着一些控件被隐藏了。然而,现在更多的面板正在使用它,块选项侧边栏中的小空间消失了。期望滚动多个表单字段以找到正确的设置。

我们可以让它们再次折叠吗?或者,更好的是,我们可以组合选项卡和工具面板组件吗?

发布作者简介块发布作者简介部分。

一个已发表的作者传记块登陆古腾堡 12.6。它的目的是显示用户的“履历信息”,这可以通过管理员中的用户个人资料页面进行设置。它涵盖了大部分基本设计选项,但缺少边框支持。

这是一个良好的开端,但仍有一个迫在眉睫的问题。它不会在输出上运行 wpautop()。这意味着内容未包含在

标记中。因此,它也不考虑通过用户编辑屏幕输入的双换行符。 WordPress 从来没有输出和格式化用户简历的标准功能,允许主题作者处理它。但是,一些用户可能希望他们的自定义格式能够正常工作。

我们即将完成一组完整的与作者相关的块。 WordPress 最初发布了一个可以执行所有操作的 Post Author 块。因此,几乎不可能始终如一地用于主题中的帖子署名或其他单行元数据区域。它还限制了通常出现在帖子末尾的“关于作者”部分的设计范围。

我们现在必须等待帖子作者头像块完成收集。

阅读更多 block add in query loop/post template Added read更多块。

Gutenberg 12.6 添加了一个专用的阅读更多块,主题作者可以在其中进行查询循环设计。它只是帖子的 HTML 永久链接。这与 Post Excerpt 块的链接输出是分开的。不幸的是,它存在多个问题,需要在实际使用前进行更多测试。

用户可以为其添加背景颜色,但不能添加文本颜色。这使得创建不可读的文本变得容易。我可以通过将它放在面板中并从那里更改链接颜色来解决此问题。

它支持大多数边框选项,但缺少样式控件。它也没有块级 HTML 包装器,因此如果不将其包装在另一个块中就无法水平对齐。

这是一个奇怪的案例。我不确定是否有任何其他内联 HTML 元素(在技术上通过 CSS 设置为块元素)用于 WordPress 其他地方的任何顶级块。

另一个问题是两个“阅读更多”链接的可能性。一个通过其专用块,另一个通过 Post Excerpt 块。后者有一个草稿补丁切换链接。

经典图片响应式处理 屏蔽图片和经典图片。

对于在经典编辑器中使用大图像编写的帖子,当使用块主题时,媒体会溢出内容区域。 Gutenberg 将其响应式图像处理与核心图像块分离作为修复。此更改被标记为向后移植到 WordPress 次要版本,因此用户不必等待 WordPress 6.0。

虽然这为图像提供了修复,但它并没有解决块主题不处理经典内容或样式简单 HTML 的问题。作为我们网站的示例,我最近添加了一个

元素,因为核心 Table 块缺少一些功能。由于这是自定义 HTML,因此没有加载任何 CSS 块,因此基本上没有样式。经典内容也存在同样的问题。

这里的一个问题是 WordPress 通过 theme.json 在块级推送 CSS 样式。但是,它只允许设置一些 HTML 元素的样式,例如链接和标题。当所有内容都包装到单个组件(即块)中时,这种基于组件的设计效果很好。

为底层 HTML 元素设置样式比设置它们的委托块更有意义。这样,它是任何使用该元素的块的共享样式,包括第三方插件。

删除了大引号样式

终于有人删除了“大”引号样式。由于为块添加了字体大小控制,因此没有必要。

我已经至少多次指出 WordPress 应该避免发布自己的自定义块样式。在大多数情况下,最好将其交给有能力的主题作者。至少,在设计工具更加全面之前,应该避免使用新的块样式。弃用块样式会创建一个遗留的 CSS 包,每个 WordPress 站点都会加载它。

出处