为WordPress博客添加MP3音乐播放器
本文最后更新于 4431 天前,其中的信息可能已经有所发展或是发生改变。

Wordpress是沒有自帶的音樂播放器的。所以牧野一直只能用直接調用外網第三方的歌曲展示(比如多米音樂).所以每每看到很多博主部落格上放置分享Mp3音樂的播放器,那樣式著實簡單漂亮.其實在發布文章的時候手動添加HTML代碼,但這樣真心很麻煩的. 網路上在Wordpress Blog上添加音樂播放器的方法有很多.目前發現覺得不錯的有下面幾種,記錄下以便日后有用. 第一種辦法:模板直接調用Wordpress MP3播放器的方式. 流程: Ⅰ、將這個mp3player播放器文件上傳到你主題模板目錄(根目錄/wp-content/themes/你的模板名稱)

[Downlink href=”http://pan.baidu.com/s/1stNS6″]点击进入下载地址[/Downlink]

Ⅱ、修改你主題目錄里的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編輯器頁面輸入以下代碼就行喇:

[mp3]http://30us.com/xxx.mp3[/mp3]

效果樣式如下圖

㈡ 當然如果你想多首歌曲循環播放,可添加以下代碼:

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://30us.com/第一首.mp3|http://xxx.com/第二首.mp3[/music]

效果樣式如下圖

第二種辦法:直接安裝Wordpress 插件實現. Ⅰ、插件一:Dewplayer插件(點擊下載)官方下載鏈接:

http://wordpress.org/extend/plugins/dewplayer-flash-mp3-player/

安裝設置辦法:下載后解壓,上傳至插件目錄並且激活,在后臺設置中進行設置.可以設置播放器的顯示樣式以及是否循環播放歌曲、自動播放等. 使用辦法:只需在需要插入歌曲的文章HTML頁面,插入如下代碼即可. 單曲版:

[dewplayer:http://1udd.com/歌曲名稱鏈接.mp3]

多曲版:

[dewplayer:http://1udd.com/第1首.mp3|http://1udd.com/第2首.mp3|http://1udd.com/第3首.mp3]

效果樣式如下圖:

ps:本人没测试是否可用,自己斟酌吧~摘至:http://30us.com/player.me

文章名称:《为WordPress博客添加MP3音乐播放器》
文章链接:https://www.1udd.com/1019.html
版权声明:本文采用 License 知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
风险声明:本站资源仅供个人学习交流,请于下载后 24 小时内删除,请勿用于商业用途,否则法律问题自行承担!
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇