51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

wordpress给网站侧边栏加个本地音乐播放器

热帖不知道大家有没有这个感觉,使用wordpress总不喜欢安装太多插件,虽然省事,但是就是别扭。这几天想要给网站侧边栏加个音乐播放器,网络上找了不少资料,要么界面太丑了,估计是一几年设计的;要么就是太臃肿了,各种API拉网易云音乐、百度音乐的,不是个人喜好的类型。

没事翻了翻GitHub,还真找到了一款html的本地播放器,名字就叫musicPlayer,简单粗暴。挺好的,开源的东西多了,就不用造轮子了。上传到网站后台,简单调了调css,貌似效果还不错。

wordpress给网站侧边栏加个本地音乐播放器
P1.网站侧边栏添加本地html音乐播放器

简单说下注意事项:

1、从GitHub下载好压缩包后,解压上传到网站后台任意位置均可;

2、复制index.html代码到wordpress小工具卡片上; #html中的css和js地址记得用绝对路径,带https://www.itylq.com/XX/XX/...的

3、重要的是修改./js目录下的index.js文件,里面的音乐mp3 url和封面一律用绝对路径;

4、最后耐心调一调<div>的位置和控件阴影就ok了。 #哈哈,原作者的默认效果阴影太重了,不是个人的菜,还是淡淡的阴影看着舒服...还有,封面也转得太快了,我调到4.5s...

赞(1)
未经允许不得转载:工具盒子 » wordpress给网站侧边栏加个本地音乐播放器