WordPress使用短代码 添加MP3播放器

Timle.CN:专注 WordPress建站WordPress主题WordPress插件 分享,同时也关注各种 建站资源前端技巧免费资源IT互联网热点 。CTRL+D即可收藏本站,我们期待您的再次光临!

短代码(shortcode)玩WordPress的人应该不陌生,有的时候为了视听效果,需要在文章中插入音乐,下面介绍个利用短代码在正文中加MP3的方法:

1、首先,在后台——外观——编辑——在右边模板中找到模版函数(functions.php),打开。

2、在模板函数functions.php结尾处插入以下代码:

//mp3播放器短代码
function mp3player($atts, $content=null){
extract(shortcode_atts(array("auto"=>'0'),$atts));
return '<embed src="'.get_bloginfo("template_url").'/mp3player.swf?url='.$content.'&amp;autoplay='.$auto.'" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="400" height="30">';
}
add_shortcode('mp3','mp3player');

3、这里用到一个MP3player,把它下载下来,保存到当前使用的主题的wp-content\themes\xxxx(所用主题)文件夹下。

Mp3player下载地址: 点击下载

4、文章中插入音乐使用时,以【mp3 auto="1"】歌曲链接【/mp3】形式插入(注意:把“【】”替换换成“[]”),其中。auto="1"可选,不填默认为auto="0",歌曲不自动播放。效果如下:

00:00/00:00

5、在小工具中插入音乐时调用代码如下:

<embed src="http://www.timle.cn/wp-content/themes/timle/includes/mp3player.swf?url=http://www.xqdzw.com/woxiangwobugouhao.mp3&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="400" height="30">

其中:

http://www.xqdzw.com/woxiangwobugouhao.mp3为音乐文件路径
  http://www.timle.cn/wp-content/themes/timle/includes/mp3player.swf为你上传的播放器路径,自行替换即可。

外:

有人会说,有了MP3播放器又有什么用,现在的音乐外链都是变化的。怎么能搞到个固定的外链?

不要担心,这里给大家推荐一个比较好用的可以获取固定外链的网站:七牛云存储

10GB永久免费存储空间     每月10GB下载流量     每月10万次Put请求     每月100万次Get请求

可以自己上传自己的音乐,并且获取外链,关键是不用担心网站流量的问题。

版权声明:本站所有文章和资源使用CC BY-NC-SA 3.0 CN协议发布,转载应当以相同方式注明并注明文章来自“Timle.CN -> WordPress使用短代码 添加MP3播放器”。在页面右边可以分享本文哦!

有 8 发吐槽 关于 “WordPress使用短代码 添加MP3播放器

  1. 沙发
    留芳博客 2014-08-26
    不错,学习了!
  2. 板凳
    林伊文 2014-08-28
    给力!!
  3. 地板
    Sven 2014-08-28
    这个不错,个人一直在用牧风的HERMIT插件。
    • 回复
      Timle.CN 2014-08-29
      @Sven 貌似你的主题也是用的牧风主题来改的,不过你那个改的很不错。一直很好奇你的那种文章内的表格是怎么弄的,感觉不错。
  4. 4楼
    CharlAnders 2014-09-3
    好久没来了,其实你用[audio][/audio] [playlist][/playlist]这种短代码也可以实现,你试试
  5. 5楼
    mytion 2014-12-14
    请问,这样设置能否在移动端播放音乐呢?
    • 回复
      Timle.CN 2014-12-14
      @mytion 如果移动段浏览器支持flash播放就可以,这个是基于flash播放的,之前改过html5的播放方式,但是样式一直没有成合适的,就换了
      • 回复
        mytion 2014-12-14
        @Timle.CN 除了hermit插件,是否还有好的插件使用在移动端播放MP3?hermit用怕了! :mad: 不得不找个备份。

疑问 难过 胜利 微笑 抠鼻 可爱 抓狂 偷笑 奋斗 衰 撇嘴 色 贼笑 爬虫 鼓掌 发怒 擦汗 握手 酷 玫瑰 哭 呲牙

WordPress使用短代码 添加MP3播放器
2 票, 4.50 平均等级 ( 92% 分 )