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

投稿  BanYuner 2017-05-24 07:32 阅读 86 次 评论 21 条

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

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

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

后台上传文件

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

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

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

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

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

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

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

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

修改 php.ini

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

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

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

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

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

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

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

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

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

最后测试

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

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

最终前台效果如下:

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

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

功能拓展介绍

1、歌曲循环

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

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

2、歌曲列表功能

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

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

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

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

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

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

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

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

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

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

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

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

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

文章标签: ,   ,  
原文地址:http://www.banyuner.com/20077.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 BanYuner 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress免费响应式主题:Nana

发表评论


表情

  1. YangOne
    YangOne 【县长】 @回复

    做特色文章的时候很实用

  2. 彩票自助机
    彩票自助机 【县长】 @回复

    有特色的站是越来越多了 [赞]

  3. 福利老幺
    福利老幺 【队长】 @回复

    这个方法不错,改天有机会,我也放两段音乐上去.

  4. 拿着灼热的铁
    拿着灼热的铁 【村长】 @回复

    还没用过,以后我应该也很少用到这个。上传音频文件感觉不利于服务器,太大…

  5. 吃货小栈
    吃货小栈 【村长】 @回复

    我几乎很少用到除了图片以外的媒体文件!

  6. 明月登楼
    明月登楼 【总理】 @回复

    音频视频都可以的,就是千万不要“自动播放”!真心接受不了!

  7. 玉满斋
    玉满斋 【市长】 @回复

    非图片的媒体文件直接上传到主机上很不科学的,使用七牛云存储最合适了,直接使用七牛云的媒体文件功能就好了!不过,现在云音乐这么发达,直接上传音频文件真心应用场景太少了!从用户体验上来说我也不建议在文章内插入自动播放的音频。

    • BanYuner
      BanYuner 【镇长】2017-05-24 23:04  回复

      @玉满斋其实不是是否科学的问题,很多大的站点并不在意这些音频文件,因为其服务器配置想要运行这个绰绰有余

  8. 美食图片
    美食图片 【农民】 @回复

    学习!棒棒的

  9. Mr.Li
    Mr.Li 【镇长】 @回复

    发现自己需要插入音乐的文章是比较少的,放图的都比较少。很多博客一打开就自动放音乐,让人很无语。

    • BanYuner
      BanYuner 【镇长】2017-05-24 23:01  回复

      @Mr.Li一般我不是很喜欢进去就自动播放音乐的站点

    • boke112导航
      boke112导航【站长】2017-05-24 23:39  回复

      @Mr.Li我比较喜欢配图,最起码放上一张图片,感觉会好点,音乐的话我就不喜欢放了,特别是遇到自动播放音乐的,一般都是直接走人了

  10. 靠谱学生兼职网
    靠谱学生兼职网 【市长】 @回复

    耗服务器资源的东西,还是算了,也没几个人喜欢打开网站就听见“噪声”的

  11. 爱时尚
    爱时尚 【省长】 @回复

    编辑器里面有这个功能吧

  12. 企业战略
    企业战略 【镇长】 @回复

    谢谢分享,要是能发一下发视频的教程,就好了,不过,还是谢谢

  13. 购物返利
    购物返利 【农民】 @回复

    这个感觉一般用不到啊