如何修改WordPress博客代码在文章中插入音乐

垃圾站博客昨天在网上看到有一篇通过修改Wordpress博客代码在文章中插入音乐的教程,特此整理编辑后分享给大家,教程如下:

1、下载swf播放器(点击下载:player.swf )上传到Wordpress博客主题目录下;

2、复制以下代码到Wordpress博客主题的functions.php文件中:

//flash播放器
function myplayer($atts,$content=null){
extract(shortcode_atts(array("auto"=>'no',"loop"=>'yes',"titles"=>'music'),$atts));
return '<embed src="'.get_bloginfo("template_url").'/player.swf?soundFile='.$content.'&loop='.$loop.'&autostart='.$auto.'&titles='.$titles.'&bg=0xeeeeee&leftbg=0x357dce&lefticon=0xFFFFFF&rightbg=0xf06a51&rightbghover=0xaf2910&righticon=0xFFFFFF&righticonhover=0xffffff&text=0×666666&slider=0×666666&track=0xFFFFFF&border=0×666666&loader=0x9FFFB8" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="290" height="30"/>';
}
add_shortcode('mp3','myplayer');

(1)代码中的”auto”=>’no’是禁止自动播放,yes是自动播放,loop是循环播放,titles是播放歌曲时所显示的名称;
(2)’.get_bloginfo(“template_url”).’/player.swf是博客swf播放器的存放路径,此目录代表Wordpress博客主题目录。

3、以上步骤完成后刷新网页,写文章时要添加音乐代码如下,在HTML编辑状态下输入以下代码:

[mp3]音乐文件地址[/mp3]

将代码中“音乐文件地址”改为所要插入的音乐地址,教程写到这里基本算是完成了,如果觉得每次输入[mp3][/mp3]麻烦的话可以继续修改代码!

4、新建my_quicktags.js 文件,将以下代码复制到该文件,并将文件my_quicktags.js 上传到主题目录中:

QTags.addButton( 'h1', '插入歌曲', "[mp3]", "[/mp3]" ); //快捷插入歌曲标签
 //QTags.addButton( 'my_id', 'my button', '\n', '\n' );
 //这儿共有四对引号,分别是按钮的ID(这个不用管)、显示名、点一下输入标签、再点一下关闭标签(此为空则一次输入全部内容),\n表示换行。

5、修改WordPress主题目录的functions.php文件,加入以下代码:

add_action('admin_print_scripts', 'my_quicktags');function my_quicktags() {
 wp_enqueue_script(
        'my_quicktags',
        get_stylesheet_directory_uri().'/my_quicktags.js',
        array('quicktags')
    );
    }

6、修改完成后,编辑器里就出现了“插入歌曲”按钮。第一次按“插入歌曲”按钮后出来“[mp3]”标签,随后黏贴歌曲地址在[mp3]按钮后,再按一下“插入歌曲”按钮就会出来“[/mp3]”标签,文章发表后音乐就会播放了……


修改代码在博客文章中插入音乐的教程已经结束,垃圾站博主欢迎大家积极测试……

本文由垃圾站编辑整理,转载请注明原文链接:http://www.lajiz.cn/1288.html

本文固定链接: http://www.lajiz.cn/1288.html | 垃圾站

该文章由 sdujane 于2013年01月24日发表在 WP教程 分类下, 访客可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客!
原创文章,转载请注明: 如何修改WordPress博客代码在文章中插入音乐 | 垃圾站
关键字: ,

如何修改WordPress博客代码在文章中插入音乐:目前有16 条留言

  1. 新建个页面,放上豆瓣音乐的哪个不错o~不用修改这么多代码

    2013-01-26 上午 1:02 [回复]
    • 这也是个好主意啊!多谢提醒,我研究下!

      2013-02-04 上午 12:15 [回复]
  2. 5楼
    花生米:

    你每天更新太厉害了- -!

    2013-01-25 下午 11:23 [回复]
    • 有点不想更新,有点累……

      2013-01-26 下午 3:53 [回复]
      • 坚持吧!骚年!

        2013-01-26 下午 11:03 [回复]
        • 只好坚持更新下去,最近PR要更新,每天更新2篇了!

          2013-02-04 上午 12:16 [回复]
  3. 4楼
    飘零:

    swf文件能外链就好了,空间不支持swf

    2013-01-25 下午 5:36 [回复]
    • 虚拟主机不支持flash吗?应该支持啊……

      2013-01-25 下午 7:37 [回复]
  4. 地板
    爱撸小杰:

    你也每天都在更新,不容易啊~

    2013-01-24 下午 10:19 [回复]
  5. 板凳
    xiaomingtt:

    怎么实现直接插入flash?

    2013-01-24 下午 12:37 [回复]
    • 在WordPress博客后台HTML编辑器状态下直接嵌入flash网页代码就可以!

      2013-01-24 下午 3:06 [回复]
  6. 沙发
    那时年少:

    博主还是坚持在更新啊 ,不容易 ,回家了很久没来

    2013-01-24 上午 11:47 [回复]

发表评论

快捷键:Ctrl+Enter