网站底部添加“本站已运行XX天”代码

通常我们在建设网站的时候，时间一长就记不清具体的建站日期了。那么，如何在网站底部添加“本站已运行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」添加代码，如下图。