通常我们在建设网站的时候,时间一长就记不清具体的建站日期了。那么,如何在网站底部添加“本站已运行XX天”代码呢?其实方法很简单,下面分享下本站使用过的方法,以WordPress为例。
设置方法
1、在WordPress后台,打开「外观」-「小工具」,将“自定义HTML”添加到右侧底部小工具,如下图:
2、把以下代码放在“自定义HTML”内容里即可,如下图。
<!-- 本站运行时间 -->
<i class="fa fa-cog fa-spin fa-1x fa-fw"></i><!--动态齿轮图标-->
<span>本站已运行 <span id="days" style="font-weight:800; color:#ED712E;"> </span> 天</span>
<script>
let s1 = '2023-1-7'; //设置为你的建站时间
s1 = new Date(s1.replace(/-/g, "/"));
s2 = new Date();
let days = s2.getTime() - s1.getTime();
let number_of_days = parseInt(days / (1000 * 60 * 60 * 24));
document.getElementById('days').innerHTML = number_of_days;
</script>
3、现在在网站底部相应位置即可,看到本站运行时间了。
4、如果你想移动端网站也要显示,就将上面的代码添加到网站主题 footer.php 中,添加后保存即可。若是使用Zibll子比主题的朋友,可以在主题设置「底部页面」-「页脚自定义HTML」添加代码,如下图。
✅来源:十一张博客
© 版权声明
●本站部分资源收集整理于互联网,仅供交流和学习使用,请于下载后24小时内删除
●版权归原作者和机构所有,严禁商用,否则产生的一切后果将由您自己承担
●如果您不喜欢本站有您信息的存在,请邮件告知我们予以删除
●版权归原作者和机构所有,严禁商用,否则产生的一切后果将由您自己承担
●如果您不喜欢本站有您信息的存在,请邮件告知我们予以删除
THE END
暂无评论内容