一个主题安装后,肯定有些不满意或不到位的地方,这时添加插件或者修改代码可以增加或完善某些功能。
页脚代码
#计时模块
<span id="span"></span>
<script type="text/javascript">
function runtime(){
// 初始时间,月/日/年 时:分:秒
X = new Date("3/1/2021 11:28: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);
//信息写入到DIV中
document.getElementById("A").innerHTML = A;
document.getElementById("B").innerHTML = B;
document.getElementById("C").innerHTML = C;
document.getElementById("D").innerHTML = D;
}
setInterval(runtime, 1000);
</script>
<div><p style="height:20px;line-height:20px;margin: 0px 0px 0px 0px; color:#939393;">本站已运行 <span id="A"></span>days <span id="B"></span>h <span id="C"></span>m <span id="D"></span>s</p></div>
#版权声明
<div><p style="height:20px;line-height:20px;margin: 0px 0px 0px 0px; color:#939393;">Copyright © 2021 Xray. All Rights Reserved.</p></div>
#ICP备案号声明
<div><a href="http://beian.miit.gov.cn/" target="_blank"><p style="height:20px;line-height:20px;margin: 0px 0px 0px 0px; color:#939393;">粤ICP备2021021657号-1</p></a></div>
#公安备案声明
<div><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32059002003454" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://wasteflask.com/wp-content/uploads/2021/03/BeiAnPic.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 0px; color:#939393;">苏公网安备 32059002003454号</p></a></div>
#CDN加速声明
<title>让图片自动适应DIV容器大小</title>
<style>
.ShaShiDi{
width:55px;
height:14px;
display:flex;
align-items:center;
justify-content:center;
/*为了效果明显,可以将如下边框打开,看一下效果*/
/* border:1px solid black; */
}
.ShaShiDi img{
width:100%;
height:auto;
}
</style>
<div><a target="_blank" href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" style="display:inline-block;text-decoration:none;height:14px;line-height:14px;"><img src="https://wasteflask.com/wp-content/uploads/2021/03/upyungrey.png" class="ShaShiDi" class="ShaShiDi;" style="float:left;"/><p style="float:left;height:14px;line-height:14px;margin: 0px 0px 0px 0px; color:#939393;">CDN强力驱动</p></a></div>
播放器代码(有Bug等待调试)
首先下载为各位打包好的js和css文件(下载地址)
解压后,会看到三个文件APlayer.min.css、APlayer.min.js、Meting.min.js,放入Argon主题根目录。
在Argon主题选项后台,页尾脚本中添加如下代码,其他主题目录下的footer.php中,添加如下代码:
<!--APlayer-->
<link rel="stylesheet" href="wp-content/themes/argon/APlayer.min.css">
<script src="wp-content/themes/argon/APlayer.min.js"></script>
<div class="aplayer"
data-id="3156414322"
data-fixed="true"
data-server="netease"
data-volume="0.8"
data-type="playlist">
</div>
<script src="wp-content/themes/argon/Meting.min.js"></script>
- 将代码中的wp-content/themes/construction-base改为你的WordPress主题的根目录。
- 将代码中的data-id修改,实现更换歌单。
保存好后,刷新网页就可以看到播放器了。