两款不错的wordpress mp3短代码功能

2015-10-06 12:39 阅读 11 次 评论 1 条

为了给我们的博客文章内容丰富起来,有些时候我们需要给WordPress的文章内添加一些视频、图片和音乐,而今天介绍的wordpress教程是如何在wordpress通过短代码实现漂亮的mp3音乐播放器功能!

首先介绍第一款播放器的实现方法是将下面代码加入到wordpress主题文件的function.php内

  1. //音乐播放器
  2. function doubanplayer($atts$content=null){
  3.     extract(shortcode_atts(array("auto"=>'0'),$atts));
  4.     return '<embed src="'.get_bloginfo("template_url").'/shortcode/doubanplayer.swf?url='.$content.'&amp;autoplay='.$auto.'" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="400" height="30">';
  5.     }
  6. add_shortcode('music','doubanplayer');

使用方法是在文章编辑的时候:

  1. 通用音乐播放器
  2. 默认不自动播放:[music]http://www.xxx.com/xxx.mp3[/music]
  3. 自动播放:   [music auto=1]http://www.xxx.com/xxx.mp3[/music]

第二款播放器的实现方法是将下面代码加入到wordpress主题文件的function.php内

  1. //mp3专用播放器
  2. function mp3link($atts, $content=null){
  3.     extract(shortcode_atts(array("auto"=>'0',"replay"=>'0',),$atts));
  4.     return '<embed src="'.get_bloginfo("template_url").'/shortcode/dewplayer.swf?mp3='.$content.'&amp;autostart='.$auto.'&amp;autoreplay='.$replay.'" wmode="transparent" height="20" width="240" type="application/x-shockwave-flash" />';
  5.     }
  6. add_shortcode('mp3','mp3link');

使用方法是在文章编辑的时候:

  1. Mp3专用播放器
  2. 默认不循环不自动播放:[mp3]http://www.xxx.com/xxx.mp3[/mp3]
  3. 自动播放:   [mp3 auto="1"]http://www.xxx.com/xxx.mp3[/mp3]
  4. 循环播放:   [mp3 replay="1"]http://www.xxx.com/xxx.mp3[/mp3]
  5. 自动及循环播放:[mp3 auto="1" replay="1"]http://www.xxx.com/xxx.mp3[/mp3]

最后将音乐播放器的swf文件上传到wordpress主题文件夹的shortcode文件内,没有的自建即可!详情如下图

最后提供两个播放器swf的下载地址: 两款不错的wordpress mp3短代码功能shortcode.rar

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:两款不错的wordpress mp3短代码功能 | 猎微网
  1. 蒸汽胶管
    蒸汽胶管 【农民】

    学到了!!

评论已关闭!