我们玩独立WordPress博客的,都会有一个关于我们或个人档案的页面,专门用来记录我们折腾博客、网站的一些重大事情或者发展历程。如果用时光轴来记录这些重大事情,可以让用户更加直观地看到我们的发展历程,这样对用户体验应该是有好处的。
今天我们来讲讲如何给网站wordpress时光轴页面所以,个人觉得这个wordpress时光轴模板效果挺不错的,包括WordPress、zblog等程序建站的都可以常识下!
本人提供方法很简单,就是一段代码,一段css。时光轴的效果也不错,比较简洁,适合记录博客的一些重大事件,详细操作步骤(以WordPress为例说明):
一、在我们所使用的WordPress主题的style.css文件最后面添加以下代码
二、在编辑页面或文章时,请切换到文本模式,然后按以下格式编辑内容
大家可以看出来第一个年份代码和第二个是一样的,其实就是一段代码一直循环。如果需要添加年份,就复制其中一段代码粘贴到后面就可以了,其中上面这段代码中需要注意的地方有三个。
以下这段代码是我从上面的每段代码开头复制的,以便给大家说清楚需要修改的地方!这段代码不添加在任何地方,只是为了给大家说明!
这上面代码里面的2017 2018都是年份,里面的ShowFLT(1)和ShowFLT(2)还有dd id=LM1和dd id=LM2这个1和2就是顺序。
如果你想添加一个2016年的年份的话,就把上面循环的那段代码复制一遍按照格式粘贴在下面,然后把ShowFLT和LM改成3就行了。
例如:
如果你想默认展开时间轴记录,就把<dd id=LM2 style=”DISPLAY: none”>中的style=”DISPLAY: none删除,比如以上代码中我默认展开的是2018年的时间轴,所以我删除了style=”DISPLAY: none”如果你想默认全部展开,就全部删除,反之全部添加!
如果你想在所在年份里面添加一条记录就把上面代码中的其中一条记录<li></li>复制粘贴,然后修改文字即可!
三、在你的博客footer.php文件里面的</body>之前添加这段js
注明:这段js需要修改的地方就是上面的定义条目数,这个定义条目数是和上面有几个年份对应的,如果你有三个年份你就修改成3,4个你就修改成4。
再说简单一点就是这篇文章最上面的那段代码,你循环了几次就填写几,上面我循环了两次所以我这里是2。
厉害 学习了
感谢分享
人生三大错觉,我能反杀,下一发能出金,她喜欢我。
老当益壮,宁移白首之心?穷且益坚,不坠青云之志。