wordpress文章页加载默认音乐播放器

注意下此文不是讲述的如何给wordpress网页内插入音乐播放器~而是给一篇文章中间插入一个音乐播放器或者说插入一首歌曲。

给wordpress的文章页里边插入音乐网上有很多教程,我也试了好几种方法,包括用JS加载音乐播放器、用插件等等~这都不是我要说的~

我给大家介绍下用wordpress本身自带的音乐播放器来调用音乐。

首先把你有加载的音乐文件通过添加媒体上传到网站。

然后在合适的位置选定你上传的音乐文件,推荐MP3格式。

最后,点击发布,完成了。

似乎很简单是吧!别急,先看下自己前台是否有显示吧!反正我的是没显示。

为什么加载wordpress默认的音乐播放器不显示尼?我通过查看代码可以发现

  1. <audio id="audio-1150-1" class="wp-audio-shortcode" controls="controls" style="width: 100%; visibility: hidden;" preload="auto">

这段代码中标红的位置css属性表示不显示,隐藏。

问题找到了~

因为这个style属性是写在行内的,所以加载的CSS文件对元素的定义会被行内的覆盖。改style.css文件是不管用的。

wordpress官方文档指出,与audio有关的文件为wp-includes/media.php。

去这个文件里边自己搜索下 style="width: 100%; visibility: hidden;"  找到后删除,或者修改成合适的代码。

保存,上传到服务器。(注意:修改前要备份,以免出错!)

刷新前台页面。好了,wordpress文章页面成功的插入了默认的音乐播放器。