制作widget小工具| 整合Aplayer.js音乐播放器到小工具

Aplayer的音乐播放器界面确实好看,所以决定也弄一个,最终整合到侧边栏的小工具上,这样方便在不同的地方调用不同的音乐

先看看效果图:

制作widget小工具| 整合Aplayer.js音乐播放器到小工具–爱CSS-每多学一点知识就少写一行代码

 

 

 

 

 

 

 

Aplayer.js

以下是制作widget小工具的全部代码,把以下代码存为:widget-aplayer.php

以下是制作widget小工具的全部代码,把以下代码存为:widget-aplayer.php

其中这二句是引用了Aplayer的JS与CSS

这二句我是放在我的主题文件夹下的,你也可以直接引用官方的Aplayer的js与css

最后在function.php引用这个文件:widget-aplayer.php

include(TEMPLATEPATH。'/ template-parts / widget / widget-aplayer.php');

 

在后台外观-小工具中选择Aplayer播放器

制作widget小工具| 整合Aplayer.js音乐播放器到小工具–爱CSS-每多学一点知识就少写一行代码

这样一个小工具就做好了,可以放在侧边栏的任何位置,目前在设置歌曲的URL与封面时,都是手动粘地址,好想直接多媒体库中添加多好,暂时还不会怎么关联媒体库,有知道的肯请粘上代码。
点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注