大家好,我是FUNION数字营销实战派飞小优,在做官网中经常有一个场景需要用到企业时间轴,时间轴的用途很广泛,可以帮助企业将重要的信息展示在Company Profile中,这样利于品牌曝光。那关于时间轴的功能如何实现?
先看看样例,如下

插件实现方法
关于插件的实现方式,我推荐使用WP Timeline
,这是一个功能非常强大的插件,具体能实现很多种不同风格的企业大事记。
安装步骤
后台安装WP Timeline
插件,安装路径/plugins/下,

回到插件配置后台

General配置
按照下方的配置填写即可。值得注意的是timeline slug设置,这个配置好了以后需要回到仪表盘>固定链接
保存一下,然后刷新。

Advance配置

这里需要强调的是Date Format格式,若你的企业没有很细化的内容,那你就直接将格式代码调整为yyyy
,剩下的内容按照上面依次填写即可。
以上配置流程告一段落,再开始进行TimeLine添加。
如何添加Timeline
重新切换到仪表盘后,点击Add New Timeline
,如下:

这里主要就是填写timeline相关信息,保存即可。

以此类推添加所有相关的大事记。这里我就不一一添加了,直接给大家看下。

添加完毕后如何应用到指定页面?
短代码调用输出到指定页面
关于如何应用输出到指定位置,这个可以直接通过短代码实现,比如自定义页面中需要插入该Timeline
,那直接通过可视化编辑器中的区块编辑器进行调用即可,Elementor支持区块编辑器。如:
先创建短代码

配置信息

按照下方进行配置

按照下方配置timeline的切换及头部信息布局等。

以上配置完后则回到顶部复制短代码,如下:

复制短代码到指定页面

然后再前端就可以看到你添加好的企业大事件Timeline
。
写在最后
以上就是关于在搭建企业官网时如何用WP timeline
做一个大气的时间轴大事记内容,若有不会使用的可以在下方留言或者提交需求,我们会在第一时间联系您!