也想出現在這里?聯系我們

wordpress教程:兩款不錯的wordpress mp3短代碼功能

  • 文章介紹
  • 升級版本
  • 評價&建議

為了給我們的博客文章內容豐富起來,有些時候我們需要給wordpress的文章內添加一些視頻、圖片和音樂,而今天介紹的wordpress教程是如何在wordpress通過短代碼實現漂亮的mp3音樂播放器功能!

20131203093532

首先介紹第一款播放器的實現方法是將下面代碼加入到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文件內,沒有的自建即可!詳情如下圖
20131203094137

最后小2提供兩個播放器swf的下載地址哈

有用2
  • 2013.12.03初次和大家見面了!

已擁有2人對該主題的建議

  1. 為何沒有演示的哈、、

    2014-07-26 下午 5:56 [回復]
  2. 我是來學習的

    2014-03-08 下午 4:58 [回復]

發表評論

還能輸入240個字

Hi, 歡迎加入Wordpress技術交流群,帶你裝逼帶你飛!

我要入群
也想出現在這里?聯系我們
wordpress加速

我來推薦一個更牛逼的給你看看?

  • 猛戳我吧
夫妇野外交换HD高清版,免费A片在线观看,亚洲精品国产自在现线,中国老妇人60OLDMANTV