Hello! 欢迎来到盒子萌!

WordPress博客添加MP3音乐播放器


avatar
嘉木 2014-04-23 146

Wordpress是没有自带的音乐播放器的。所以牧野一直只能用直接调用外网第三方的歌曲展示(比如多米音乐).所以每每看到很多博主部落格上放置分享Mp3音乐的播放器,那样式著实简单漂亮.其实在发布文章的时候手动添加HTML代码,但这样真心很麻烦的.

网路上在Wordpress Blog上添加音乐播放器的方法有很多.目前发现觉得不错的有下面几种,记录下以便日后有用.

第一种办法:模板直接调用Wordpress MP3播放器的方式.

流程:

Ⅰ、将这个mp3player播放器文件上传到你主题模板目录(根目录/wp-content/themes/你的模板名称)→点击下载>>>mp3player

Ⅱ、修改你主题目录里的functions.php文件(打开模板文件functions.php,添加如下代码)

㈠    如果你只想播放一首歌,可添加以下代码:

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"></embed>';
}
add_shortcode('mp3','mp3player');

注意:每次编辑文章时在HTML编辑器页面输入以下代码就行了

[mp 3]https://www.isays.cn/xxx.mp3[/mp 3]

㈡ 当然如果你想多首歌曲循环播放,可添加以下代码:

function musicplayer($atts, $content=null) {
 extract(shortcode_atts(array(“auto”=>’0′),$atts));
 return '<embed src="'.get_bloginfo("template_url").'/musicplayer.swf" flashvars="mp3='.$content.'&autoreplay=" type="application/x-shockwave-flash" wmode="transparent" width="240" height="20"></embed>';
}
add_shortcode('musicplayer','musicplayer');

注意:每次编辑文章时在HTML编辑器页面输入以下代码就行喇(注意:多首歌曲间以|分隔):

[music]http://xxx.cn/第一首.mp3|http://xxx.cn/第二首.mp3[/music]

暂无评论

发表评论