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

  • 目前搬瓦工IP被封非常多,建议使用Vultr,充5刀美5刀,按小时计费,IP随时换---点击注册送5刀
  • 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与封面时,都是手动粘地址,好想直接多媒体库中添加多好,暂时还不会怎么关联媒体库,有知道的肯请粘上代码。

    未经允许不得转载:国外便宜VPS » 制作widget小工具| 整合Aplayer.js音乐播放器到小工具

    赞 (0) 打赏

    觉得文章有用就打赏一下文章作者

    支付宝扫一扫打赏

    微信扫一扫打赏