腾讯云服务器优惠活动华纳云香港服务器

WordPress基础教程-文章内容中如何添加音频文件

WordPress主题推荐

添加音频文件还是我相信很多站点都在使用,大家或多或少使用了一些比较方便的插件,插件的功能固然强大,但是使用下面的功能也是一个不错的选择。

WordPress基础教程-文章内容中如何添加音频文件-第1张-boke112百科(boke112.com)

我们都知道,通常的 MP3 文件都是比较大的,但是很多站点在没有修改上传文件大小的情况下就会很尴尬,但是没关系,跟着我一步步来就会迎刃而解了。

后台上传文件

PS:经过测试,发现音频文件最好不含任何文字,数字 id 最佳。

首先我们需要做的就是最常规的通过后台上传文件,上传文件可以通过文章内直接上传,如下图:

WordPress基础教程-文章内容中如何添加音频文件-第2张-boke112百科(boke112.com)

点击之后,我们就可以看到下面图片第二个标识的位置写着最大上传大小为多少:

WordPress基础教程-文章内容中如何添加音频文件-第3张-boke112百科(boke112.com)

如果我们此时继续上传的话,就出现了下面这样的错误:

WordPress基础教程-文章内容中如何添加音频文件-第4张-boke112百科(boke112.com)

这个时候怎么办,我们能够做的就是直接修改 php.ini 文件中上传文件限制大小来实现此功能。

修改 php.ini

如果是阿里云虚拟主机用户,请直接进入主机管理平台,进入高级环境设置 – php.ini 设置,最底下的 upload_max_filesize 设置,但是目前来看最大仅仅支持 10 M。

我们找到 php.ini 文件之后,按照下面的图片位置关键词进行搜索:

WordPress基础教程-文章内容中如何添加音频文件-第5张-boke112百科(boke112.com)

之后重启服务器,再次进入后台上传文件就可以看到最大文件限制已经被修改了。

如果你看到的最大文件大小还是没有变动,那么请继续按照下面的操作,如果已经发生变动了,下面操作轻请略过。同样还是 php.ini 文件,找到如下图片的位置,修改其值大小和你刚刚修改的 upload_max_filesize 值一样即可:

WordPress基础教程-文章内容中如何添加音频文件-第5张-boke112百科(boke112.com)

只有再次重启服务器,如果还是不行,考虑是不是内存不足的问题,同样修改 php.ini 中下图中的数据:

WordPress基础教程-文章内容中如何添加音频文件-第7张-boke112百科(boke112.com)

这个根据具体情况来修改,不过如果你的服务器内存不足以提供该上传能力,那么我个人建议你还是通过插件或者外链的方式实现音乐播放比较好。

最后测试

最后就是测试了,我们上传了音频文件之后,添加到文章中去,那么可视化模式下和 html 模式下的对应情况如下:

WordPress基础教程-文章内容中如何添加音频文件-第8张-boke112百科(boke112.com)

最终前台效果如下:

WordPress基础教程-文章内容中如何添加音频文件-第9张-boke112百科(boke112.com)

到了这里,整个过程已经结束了,功能方面也是这么简单的介绍完了,但是该功能的拓展很强大,有兴趣的用户可以继续往下看。

功能拓展介绍

1、歌曲循环

常规情况下,歌曲是播完了就会停止,但是如果你想要歌曲循环的话,那么只需要在短代码中添加一个 loop=”on” 即可:

  1. <audio mp3=“http://localhost/wp-content/uploads/2017/05/11.mp3” loop=“on”></audio> //尖括号防转义

2、歌曲列表功能

歌曲列表功能用到的人可能并不多,但是这里还是简单的介绍一下,有兴趣或者又需要的用户可以看看。同样的我们通过后台上传三个音频文件:

WordPress基础教程-文章内容中如何添加音频文件-第10张-boke112百科(boke112.com)

这里给点小小的提示,如果你下载的歌曲带有封面专辑或者歌曲描述,那么对应的位置就会有相关描述,播放歌曲或者列表歌曲的时候就会显示封面:

WordPress基础教程-文章内容中如何添加音频文件-第11张-boke112百科(boke112.com)

上传了文件之后,我们继续进行如下图的操作:

WordPress基础教程-文章内容中如何添加音频文件-第12张-boke112百科(boke112.com)

接下来就是点击创建新建播放器列表,之后的界面如下:

WordPress基础教程-文章内容中如何添加音频文件-第13张-boke112百科(boke112.com)

我们看到右边,其中可以自定义是否显示列表,名字以及封面,这个就看个人需求了,添加到文章内容之后,对应的情况如下:

WordPress基础教程-文章内容中如何添加音频文件-第14张-boke112百科(boke112.com)

那么前端方面的显示如下:

WordPress基础教程-文章内容中如何添加音频文件-第15张-boke112百科(boke112.com)

到了这里,整个播放列表也已经介绍完了。希望能帮助到有需要的用户。

来源:BanYuner

赞 (0) 打赏
版权声明:本文为转载文章,来源于 BanYuner ,版权归原作者所有!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu