垃圾站 WP教程 如何修改Wordpress博客代码在文章中插入音乐

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

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

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

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

[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');
[/php]

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

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

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

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

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

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

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

[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')
);
}
[/php]

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

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

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

上一篇
下一篇
联系我们

联系我们

返回顶部