网站如何添加时间轴功能？2个好用的时间轴插件推荐

我们在有些网站希望用单页面设计一个时间轴的功能，比如会用到公司的简介信息和发展历史中。这里，我们常用的办法可能是用CSS样式实现，或者如果我们有用WordPress程序的时候也可以用插件，这里介绍两个可用的时间轴插件。

1、Timeline Widget For Elementor

地址：https://wordpress.org/plugins/timeline-widget-addon-for-elementor/

这款时间轴插件是可以可视化设计的，而且默认免费版本一般是够用的，如果我们需要全功能版本是需要续费的。

以下是你可以使用这个时间轴插件的用途：

历史时间轴

展示你的公司历史。

以时间轴的形式展示教程/过程步骤。

创建一个计划时间表。

时间轴是表现历史的最好方式。

创建事件时间表。

工作故事/成就时间表。

个人故事时间表。

工作经验时间

循序渐进的指导

事件时间表

产品路线图

品牌故事

路线图

2、Cool Timeline

地址：https://wordpress.org/plugins/cool-timeline/

Cool Timeline 是一个反应迅速的WordPress纯HTML & CSS时间线插件，允许我们创建漂亮的水平和垂直历史时间线。我们只需创建帖子，并设置图片和日期，然后酷时间线将自动填充这些帖子的时间顺序(ASC或DESC)，基于故事的年份和日期。你可以很容易地在你的网站的任何页面显示时间轴使用短代码。

[cool-timeline layout=”default” skin=”default” date-format=”F j” icons=”YES” show-posts=”20″ order=”DESC” story-content=”full”]

如果我们有需要使用时间轴到网站的，还是用插件比较简单，或者如果我们有CSS能力的可以找时间轴CSS进行手工设置，插件设置是相对自动可视化一些。