進入wordpress后臺插件欄目下的安裝插件,來安裝我們需要的Hermit蝦米音樂播放器插件
創(chuàng)新互聯(lián)主要從事成都網(wǎng)站制作、做網(wǎng)站、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)尼勒克,十多年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108
在搜索框內(nèi)輸入Hermit,搜索插件,第一個就是我們要找的,點擊安裝按鈕,開始插件安裝
安裝好插件后,開啟插件后,后臺多出一個Hermit播放器按鈕,點擊進入Hermit播放器管理
在這里可以添加音樂庫,可以供我們在寫文章時候方便調(diào)用
同時,我們在寫文章的時候會發(fā)現(xiàn)編輯欄上方多出一個添加音樂的按鈕
我們可以添加蝦米音樂的單曲、專輯、精選集,只要在框內(nèi)填入蝦米音樂的地址,多個單曲按回車鍵。還可以設(shè)置自動播放、循環(huán)播放、折疊播放列表
這里還有個遠程音樂按鈕,這個就是調(diào)用我們在第4步添加的音樂
添加入文章后我們看看效果,播放器是自適應(yīng)的,在移動設(shè)備也能自動適應(yīng)屏幕,非常不錯
1、進入wordpress后臺插件欄目下的安裝插件,來安裝需要的Hermit音樂播放器插件
2、在搜索框內(nèi)輸入Hermit,搜索插件,第一個就是要找的,點擊安裝按鈕,開始插件安裝
3、安裝好插件后,開啟插件后,后臺多出一個Hermit播放器按鈕,點擊進入Hermit播放器管理
4、在這里可以添加音樂庫,可以在寫文章時候方便調(diào)用
5、同時在寫文章的時候會發(fā)現(xiàn)編輯欄上方多出一個添加音樂的按鈕
6、可以添加音樂的單曲、專輯、精選集,只要在框內(nèi)填入音樂的地址,多個單曲按回車鍵。還可以設(shè)置自動播放、循環(huán)播放、折疊播放列表
7、這里還有個遠程音樂按鈕,這個就是調(diào)用在第4步添加的音樂
8、添加入文章后看看效果,播放器是自適應(yīng)的,在移動設(shè)備也能自動適應(yīng)屏幕
/**
*適用于Wordpress的HTML5音樂播放器短代碼:用于播放mp3或者ogg格式的音樂
*@author:Suifengtec?suoling.net
*使用方法:在編輯器中插入以下任一代碼均可:
*??[m?mp3=這是個鏈接/dgdeg.mp3]
*??[m?ogg=這是個鏈接/dgdeg.ogg]
*??[m?mp3=這是個鏈接/dgdeg.mp3?ogg=]
*/
add_shortcode('m','coolwp_html5_mp3_player');
function?coolwp_html5_mp3_player($atts){
extract(?shortcode_atts(?array(
'mp3'?=?'',
'ogg'?=?'',
),?$atts?)?);
$output='audio?controls="controls"';
if($ogg)
$output.='source?src="'.$ogg.'"?type="audio/ogg"';
if($mp3)
$output.='source?src="'$mp3'"?type="audio/mpeg"';
$output.='你的瀏覽器還不支持HTML5哦!/audio';
echo?$output;
}
最簡單的方法,使用上述短代碼;
到WP后臺--插件--安裝頁面,在搜索欄中輸入player,找一個自己喜歡的插件,下載裝上,激活,OK!