如何使用块构建时间轴页面

how-to-build-a-timeline-page-with-blocks 如何使用块构建时间线页面

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

对于这个例子,我选择了 古腾堡的时间线块 经过 酷插件,可在 WordPress.org 上找到。 它是少数提供时间线块的插件之一。 它可以轻松创建响应时间线,可以自定义以匹配组织的品牌,并在创建过程中进行实时预览。

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

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

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

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

how-to-build-a-timeline-page-with-blocks-1 如何使用块构建时间线页面

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

来源

相关文章