wordpress网站子比主题底部添加显示网站已运行时间(共3套模板)

Zibll子比主题的老糖为了防止在线更新主题的时候,functions.php 文件的内容被覆盖,同时方便用户修改美化代码内容,所以他在 functions.php 文件中引入了一个 func.php 文件,只需要在目录 /wp-content/themes/zibll 下新建一个 func.php 的文件,写入你的php代码即可(注意php的代码规范,错误代码将会引起网站严重错误)。
使用此方式在线更新主题的时候,func.php文件的内容将不会被覆盖(手动更新仍然会覆盖),这真的非常的奈斯!

类似于 CorePress 高级子主题里的3个文件:functions.php、footer.php、style.css。

●footer.php
为底部挂载点,里面的内容,将出现在主题文章底部位置(如图),你可以在这个文件里面写任意PHP代码和HTML内容,很多人想要什么网站倒计时,查询次数,主机图标什么的,都可以写在这个文件里面,主题更新也不会丢失内容。

●style.css
为子主题样式表,如果你不满足使用主题插入代码中自定义CSS功能的话,你可以直接在这个文件里面添加css内容,文件将会被自动加载到主题中。注意,css文件里面的注释不要修改。

●functions.php
此文件,和WordPress子主题的功能一样,在此文件里面可以添加定义WordPress的功能代码。将会在加载主题的时候被引用,如果有对WordPress功能什么修改的代码,优先添加到这个文件里面。

我们只要将下面的代码添加到网站主题的底部代码添加的位置(一般的WordPress主题都有这个功能),添加后保存即可。如果你的主题没有就添加到footer.php中。如果你想显示在侧栏只要在小工具中添加代码就可以。

第一套:

图片[1]-wordpress网站子比主题底部添加显示网站已运行时间(共3套模板)-小旗搭建

<span id="runtime_span"></span>
<script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);X=new
Date("10/16/2017 5:22:00");
Y=new Date();T=(Y.getTime()-X.getTime());M=24*60*60*1000;
a=T/M;A=Math.floor(a);b=(a-A)*24;B=Math.floor(b);c=(b-B)*60;C=Math.floor((b-B)*60);D=Math.floor((c-C)*60);
runtime_span.innerHTML="本站勉强运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();</script>

第二套:

图片[2]-wordpress网站子比主题底部添加显示网站已运行时间(共3套模板)-小旗搭建

本站勉强运行:<span id=span_dt_dt style="color: #2F889A;"></span>
<script language=javascript>
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("2/28/2019 10:15:45");
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML='<font style=color:#C40000>'+daysold+'</font> 天 <font style=color:#C40000>'+hrsold+'</font> 时 <font style=color:#C40000>'+minsold+'</font> 分 <font style=color:#C40000>'+seconds+'</font> 秒';
}
show_date_time();
</script>

将Date(“2/28/2019 10:15:45”)改为自己建站时间,颜色可以自己修改颜色代码。代码中“style=”color: #2F889A;”是控制的是天、时、分、秒字体的颜色。其中style=”color:#096″是网站运行时间的颜色,可以改为其他颜色,也可以删掉。
style=color:#C40000是控制的时间数值的颜色,可以改为其他夜色,也可以删除。

第三套;

图片[3]-wordpress网站子比主题底部添加显示网站已运行时间(共3套模板)-小旗搭建

本站勉强运行:<span id="sitetime" style="color:#096"></span>
<script>
function siteTime(){
window.setTimeout("siteTime()", 1000);
var seconds = 1000
var minutes = seconds * 60
var hours = minutes * 60
var days = hours * 24
var years = days * 365
var today = new Date()
var todayYear = today.getFullYear()
var todayMonth = today.getMonth()
var todayDate = today.getDate()
var todayHour = today.getHours()
var todayMinute = today.getMinutes()
var todaySecond = today.getSeconds()
var t1 = Date.UTC(2019,2,29,10,15,45)
var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond)
var diff = t2-t1
var diffYears = Math.floor(diff/years)
var diffDays = Math.floor((diff/days)-diffYears*365)
var diffHours =Math.floor((diff-(diffYears*365+diffDays)*days)/hours)
var diffMinutes =Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes)
var diffSeconds =Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds)
document.getElementById("sitetime").innerHTML=""+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒"
}
siteTime()
</script>
© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容