特色封面块和将数据绑定到通用 WordPress 块的未来

在过去的一年里,我一直在执行任务。 我热切地等待着 Gutenberg 插件的每个版本,关注票证,并尽可能加入。 我一直对一个特别的功能抱有一线希望。

我想在封面块中使用特色图片。 那一天终于到来了。

特别是,我的任务是完全从 WordPress 编辑器创建以下布局——不涉及任何代码:

特色封面块和绑定数据到通用 wordpress 块的未来 特色封面块和将数据绑定到通用 WordPress 块的未来

这是我为 2021 年的人造摄影作品集设计的一组模式的一部分。通过编辑器在 WordPress 中的总体布局早已成为可能。 但是,它不是动态的,这意味着必须手动添加每个封面块及其图像,而不是加载帖子特色图像。

两周前,安德烈·德拉加内斯库 添加了一个改变一切的拉取请求. 它为 Cover 块实现了一个切换,允许它使用帖子的特色图像而不是静态图像:

features-cover-blocks-and-the-future-of-binding-data-to-generic-wordpress-blocks-1 特色封面块和将数据绑定到通用 WordPress 块的未来切换封面块以使用特色图像。

前两天,那个 Gutenberg 插件中的增强功能. 预计下周将发布 13.0 版本。

我不确定为什么我对这种特定的模式如此着迷。 它并不过分复杂。 在内心深处,也许我的一部分认为,当 WordPress 达到我可以从编辑器创建它的地步时,我们将处于一切皆有可能的地方。 实际上,我知道还有更多的基础和功能需要实现,但这仍然是一个重要的里程碑,不应该被忽视。

甚至模式本身也不完全可以通过编辑器实现。 如以下屏幕截图所示,每个帖子之间都有差距:

features-cover-blocks-and-the-future-of-binding-data-to-generic-wordpress-blocks-2 特色封面块和将数据绑定到通用 WordPress 块的未来查询循环块中的帖子之间不需要的间隙。

我不得不作弊并用 CSS 折叠那些。 有一个 带维度控制的票 到查询循环和/或发布模板块,但尚未实现。 主题作者目前必须添加一个自定义的“无间隙”块样式来解决这个缺点,但布局现在是可行的。

虽然我可能会特别关注这个特定的设计,但这种变化为主题作者打开了一个布局可能性的世界。 一种风格是使用特色图片作为网站和帖子标题背后的背景,如下面的截图所示:

features-cover-blocks-and-the-future-of-binding-data-to-generic-wordpress-blocks-3 特色封面块和将数据绑定到通用 WordPress 块的未来查看单个帖子时使用帖子特色图像的封面块。

现在可以直接从站点编辑器中实现。

通过编辑我的活动主题的单个模板,我能够在几分钟内重新创建它。 我将标题模板部分包装在封面中,打开特色媒体开关,并添加帖子标题和相关块。

features-cover-blocks-and-the-future-of-binding-data-to-generic-wordpress-blocks-4 特色封面块和将数据绑定到通用 WordPress 块的未来打开特色图片的封面背景。

此更改将提供一些自由来阻止自在经典 WordPress 之上构建以来他们没有拥有的主题。 用户还可以对输出进行自己的调整。

这种增强是主题作者和用户的胜利。 然而,它也代表了另一种转变,可以在未来为区块创造新的可能性。

WordPress 有块问题。 那些仅由核心添加的插件开始过度拥挤插入器 UI,当您在组合中添加一些插件时,事情可能会变得笨拙。 许多块本质上是基本 HTML 元素的变体。 例如,帖子标题只是元素的变体,而 WordPress 已经有一个标题块。

这些变化重复了开发人员的工作,创建了每个块支持不同功能的场景,并且经常乱扔界面。

科里鸟歌 一月开票 旨在解决这个问题。 他提出的解决方案:

与其为这类事情制作大量单独的块,不如在现有的通用块中创建用于使用站点/帖子元数据的系统似乎会更好。

重用帖子特色图片似乎是最明显的起点。 长期以来,主题作者一直在呼吁对其输出进行更多控制,而专用的 Post Featured Image 块充其量只是乏善可陈。 有票可以将相同的“特色封面”实施带到 媒体与文字团体 块。

随着 WordPress 6.0 下个月登陆,我们不会看到全面支持将动态数据绑定到更通用的块。 但是,它可能对未来产生影响。

如果不是插件作者创建单独的块,而是通过自定义数据源提供一个显示内容的开关,会怎样? 除了核心 WordPress 之外,肯定还有一些用例可以派上用场。

至少就目前而言,我可能会花一天的剩余时间来修补特色图像和封面块。

资源

Total
0
Shares
相关文章