WordPress建站教程:实现企业网站时间轴动画的方法

继续分享wordpress建站教程,今天给大家分享如何制作企业网站的时间轴动画效果。有很多企业网站建设都会使用时间轴动画,我们可以通过它来生动的展示企业的发展历程等信息,看起来比较炫。

下面悦然wordpress建站就给大家分享几个在wordpress建站中实现时间轴动画的方法。在wordpress建站环境下,使用插件是实现网站时间轴动画最简单的方法。

Getwid

Wordpress建站教程:实现企业网站时间轴动画的方法

Getwid是一个免费的wordpress插件,它可以配合古腾堡区块使用,操作简单,效果也比较好,功能也很丰富,其中有一个功能为【内容时间轴区块】,通过它就能实现我们想要的时间轴动画了。 

Wordpress建站教程:实现企业网站时间轴动画的方法

实现的效果如上图所示,随着页面的滑动时间会有动画效果。

Getwid下载地址

https://downloads.wordpress.org/plugin/getwid.1.7.9.zip

Cool Timeline

Cool Timeline是一个更加专业的时间轴效果插件,如果你需要对时间轴效果进行更多调整,那么使用它应该是不错的选择。


Wordpress建站教程:实现企业网站时间轴动画的方法


如上图所示,Cool Timeline插件可以设置多种不同的时间轴效果。

Cool Timeline下载地址

https://downloads.wordpress.org/plugin/cool-timeline.zip

注意事项:

注意事项

以上两种插件默认都是在页面或文章中使用的,如果你使用的wordpress建站模板是直接用页面功能制作的首页,比如古腾堡区块主题,那么首页调用就比较方便,可以在页面中直接使用插件生成时间轴效果;如果你使用的wordpress建站模板的首页是不是用页面来制作的,那么调用时可能会麻烦一些,需要通过代码来调用。

Wordpress建站教程:实现企业网站时间轴动画的方法

如上图所示,当我们生成好一个时间轴效果后,让这个区块以html显示,复制代码,然后添加到首页的HTML模块就可以了。

推荐阅读


WordPress建站教程:隐藏后台登陆地址,提高网站安全性能

Wordpress建站教程:实现企业网站时间轴动画的方法

WordPress建站教程:去除修改管理员邮箱时的邮件验证步骤

Wordpress建站教程:实现企业网站时间轴动画的方法

WordPress建站教程:解决部分图片不能被CND域名替换的问题


如果觉得我分享的内容对您有所帮助

😘请帮忙分享点赞在看 谢谢啦😘

相关文章

暂无评论

暂无评论...