【博客搭建】番外-添加音乐插件

作者:Leopold    访问量:14

本文主要讲述如何在文章/侧边栏中添加音乐控件

一、安装Hermit音乐插件

打开WordPress后台,选择【插件】-> 【安装插件】,输入 【Hermit】,安装并启用。

可以看到,WordPress后台左侧多了【Hermit  播放器】。

  • 点击【音乐库】,可以上传/管理你的音乐;
  • 点击【设置】,可以对音乐控件个性化配置(重要);

二、在文章中添加音乐

在编辑器中,我们能够看到【添加音乐】。

 

有三种插入音乐的方式。只需要输入【音乐链接】,并选择【音乐类型】即可。

 

添加完成后,编辑器会多出一行代码。

三、在侧边栏添加音乐控件

步骤如下:

  • Hermit设置里更改模式为全局模式
  • 添加一个页面/文章,内容是你添加的音乐
  • 复制前端音乐控件的代码
  • 在主题编辑器中添加复制的代码

3.1  在Hermit设置里更改模式为全局模式

在博客后台中,选择【Hermit 播放器】 -> 【设置】,将资源加载模式改为【全局模式】。

3.2  添加一个页面/文章,内容是你添加的音乐

此处请看【二、在文章中添加音乐】。

3.3  复制前端音乐控件的代码

浏览器打开【3.2】创建的文章/页面,按下【F12】,进入【开发者模式】。

按下【Ctrl + Shift + C】或者如下图箭头所示,进入【元素检查模式】。

 

选择页面上的音乐控件,此时【开发者窗口】跳转到音乐控件代码位置。

找到【<!– Hermit 3.1.6 Start>】,在此行的下一行鼠标右击,【复制】->【复制元素】

3.4  在主题编辑器中添加复制的代码

  • 进入博客后台,选择【外观】-> 【小工具】
  • 在【可用小工具】栏目中选择【自定义HTML】
  • 将步骤【3.3】复制的代码粘贴到【自定义HTML】的【内容】中
  • 点击完成,访问域名查看效果

 



如果您觉得此文章对您有帮助,欢迎评论转载!

您的每一次评论与转载,都是对作者极大的鼓励!

注意:除非注明,否则均为[Leopold's Blog]原创文章,转载必须以链接形式标明本文链接。

本文链接:https://www.yusong.site/leopold/312.html

发表评论

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