Argon主题修改记录

一个主题安装后,肯定有些不满意或不到位的地方,这时添加插件或者修改代码可以增加或完善某些功能。

页脚代码

#计时模块
<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,将两个js文件放到主题的js文件夹中,将css文件放到主题的css文件夹中。

在主题目录下的footer.php中,添加如下代码:

<link rel="stylesheet" href="wp-content/themes/construction-base/css/APlayer.min.css"><script src="wp-content/themes/construction-base/js/APlayer.min.js">
</script>
<div class="aplayer"
data-id="6812793206"
data-fixed="true" data-
server="netease"
data-volume="0.8"
data-type="playlist">
</div>
<script src="wp-content/themes/construction-base/js/Meting.min.js">
</script>
  • 将代码中的wp-content/themes/construction-base改为你的WordPress主题的根目录。
  • 将代码中的data-id修改,实现更换歌单。

保存好后,刷新网页就可以看到播放器了。

在网页版网易云音乐找到自己的歌单ID
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇
error: Alert: Content is protected !!