腾讯云博客搭建 IV

腾讯云博客搭建 IV

好吧,我承认我是来水博客的。

今天打开博客,觉得少了点啥,对了,music。

打开小工具,主题自带个音乐播放器,不过实在过于简陋。

image-20210403113935530

百度一下,发现篇不错的文章最好的免费WordPress音频播放器插件,介绍了几款WordPress的播放器插件。

我选了一款AudioIgniter

在官方网页上可以下载安装包:

image-20210403114343225

下载好以后解压到wp-content/plugins下。

在插件中启用:

image-20210403114538020

然后会出现一个新菜单Playlists,在这里可以创建播放列表:

image-20210403114651010

可以依次添加歌曲名称,链接等,这个插件是支持原创歌曲购买的,所以有那个Buy link,我们忽略就行了。

设置好歌曲列表后,下面的Player Type可以修改为Simple,否则播放器会显得很大。

image-20210403120120518

最后取消多余按钮,勾选上重复播放。

image-20210403120316378

复制生成的短代码后点右上角更新按钮保存。

外观>小工具中添加文本小工具:

image-20210403120440671

设置一下,将短代码贴入:

image-20210403120639442

现在看前台,已经有了,可以调整到自己喜欢的位置。

image-20210403121017150

样式可能还有些问题,我尝试用CSS修改了一下:

image-20210403130037838

CSS可以直接贴在短代码之后:

<style>
.ai-wrap {
    padding: 0px;
    background-color: #ffffff;
}
.ai-wrap .ai-track{
    background-color: #ffffff;
}
</style>

注意,务必要在文本模式下添加。

最终效果长这样:

image-20210403130258742

好像还蛮有极简风的,反正我是没啥美术设计能力,有更好想法的可以留言。

好了,今天份的博客就水到这里了,谢谢阅读。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值