Gallery Block Refactor有望登陆WordPress 5.9

上周,Gutenberg存储库上的GitHub pull请求终于合并到代码库中。它将WordPress画廊区块的结构更改为嵌套图片区块的容器。新格式预计将登陆WordPress 5.9。

对于那些想尽早开始测试的人来说,它应该会在下周随Gutenberg 11.4一起发布。但是,您现在可以从Gutenberg Times获取最新测试版本以查看它的实际效果。要使用新的图库格式,您必须从Gutenberg>Experiments管理屏幕启用它。

“如果您曾经向图片区块添加自定义链接,然后尝试在图库图像上执行相同操作,您就会理解不同类型图片区块之间没有一致性的挫败感和困惑。”Glenn Davies在重构公告贴中写道。“这种不一致是因为核心画廊区块将包含图像的详细信息存储为<img>块内容中的嵌套元素。因此,图库中的图像看起来和行为不同于单个图片区块中的图像。”

从表面上看,画廊区块重构对许多用户来说并没有太大变化。他们仍然会像多年来一样将图像添加到画廊。然而,对于更高级的使用,它开启了一个充满可能性的世界。

经常要求的功能之一是能够添加指向画廊中单个图像的链接。过去,用户只能链接到附件页面或媒体文件本身。这两个选项都适用于所有图像。通过最近的更改,用户可以修改每个图像块,包括自定义其链接。

添加到图库中图片区块的链接

添加到图库中图片区块的链接。

虽然这允许处理像链接这样简单的事情,但用户可以做的还有很多。

在我一直在构建的一个主题中,我有一个自定义的图库块样式,允许用户创建一组图像,周围有宝丽来风格的框架。对于不想要全业务所有时间外观的人来说,这很有趣。有时,我喜欢加入一些奇思妙想。

用于画廊的宝丽来风格框架

用于画廊的宝丽来风格框架。

这种区块样式的问题在于它走得不够远。例如,我还为单个图片区块设置了倾斜右侧和左侧倾斜样式。但是,用户无法在图库中应用这些。将它们提供给整个集合或随机化不同的“倾斜”样式会很容易。然而,理想的方法是在图像级别控制设计。

其他选项也是如此。用户可以做一些有趣的事情,比如添加块样式并混合自定义颜色、边框等。

具有不同“倾斜度”的彩色宝丽来风格画框 具有不同“倾斜度”的彩色宝丽来风格画框。

用户还可以做其他有趣的事情,例如交替方形和圆形样式:

交替的方形和圆形图像 交替的方形和圆形图像。

新结构早期可能存在一些问题。为了向后兼容,WordPress可能会继续支持旧格式一段时间。所有新的画廊区块都将在新的。然而,核心最终应该自动转换旧的标记。

添加了自定义CSS的主题作者将是最有潜力的工作。尝试同时支持新旧标记可能会令人沮丧。新的画廊区块破坏了我的自定义主题的输出 – 边距和宽度已关闭。

新格式的所有样式都至少以.wp-block-gallery.blocks-gallery-grid.has-nested-images. 这可能会否决自定义主题样式。我还没有弄清楚核心代码中对链接选择器的痴迷。它造成了大量的代码膨胀,并迫使主题作者陷入了一场特殊的战斗。我希望这会被拨回一点。无论哪种方式,如果需要,主题作者都有足够的时间来测试和实施任何修复。

从长远来看,我对摆脱仅将图像添加到画廊的想法的潜力感到兴奋。例如,我希望看到类似以下内容的网格选项:

带引用的画廊 带引用的画廊。

在我的图片库中间嵌套引用可能是一个有趣的块模式想法,它不依赖于堆叠的栏目区块的混杂。我们将看到未来会怎样。

目前,将画廊区块块变成容器是一个受欢迎的步骤。via wptavern

标签

评论交流

闪电博沟通群

扫码加入QQ交流群 695891297