我们的积木系列的下一个是快速有关如何构建时间轴页面的教程。时间轴为品牌和组织提供了一种直观的方式来介绍自己并展示他们历史上的亮点。块编辑器使创建时间线比使用旧插件更容易。

对于这个例子,我选择了 Gutenberg 的 Timeline Block via Cool Plugin,可在 WordPress.org 上获得。它是为数不多的提供时间轴块的插件之一。它可以轻松创建响应时间线,可以自定义时间线以匹配您组织的品牌,并在创建过程中进行实时预览。

我使用的是来自 Motion Blocks 的相对较新的 Block Press 主题,它支持完整的站点编辑,因此用户可以直接在页面上自定义所有内容。在为这个项目创建示例网站时,我发现这个主题很容易使用。如果您在自己的网站上销售商品,它也与 WooCommerce 兼容。 Gutenberg 插件的 Timeline Block 可以与任何支持块编辑器的主题一起使用,但我希望有机会使用 Blockpress。

该视频演示了如何在五分钟内创建时间轴。

第一步是安装主题和插件。一旦两者都被激活,创建一个包含时间轴的新页面。单击块插入器并选择时间轴块。

这个插件的一个方便的功能是它插入了一些占位符,所以很容易看到新的时间线项目(“故事”)是如何添加的。最简单的做法是替换已经存在的文本和图像,如果您需要更长的时间线,请在末尾添加更多故事。

这个插件可以让你自定义故事标题、描述和主选项卡颜色、连线、图标颜色/背景和故事边框。这使得将颜色与网站的品牌相匹配成为可能。在单个故事设置中,您可以通过从 Font Awesome 图标集合中进行选择来更改图像大小和自定义故事图标。这些故事还可以链接到其他帖子,因此可以灵活地用于标准公司时间线之外的各种不同目的。

出处