自从我建博开始就陆续有帅哥来问:whisperer同学,你主页的音乐播放器怎么弄的哇?我每次都会说用flash-mp3-player插件...bla bla bla...也不知道有人回去设置满意过没。mp3player是一个很不错的网络播放器,在百度空间的时候我就已经用上了,转战到WordPress之后,幸运地发现了一个不错的插件依然可以实现。今天我就较详细的介绍一下,我是如何在WordPress的侧栏放置一个flash mp3 player。
首先自我批评一下,很多情况下,我喜欢鱼胜过渔,不管是别人给还是给别人,这样不好,不好……
我用的 Charles 做的 flash-mp3-player 插件,这个插件最新版本是10.0.7,如果你喜欢,可以用这个版本。我用的是9.3.31。这个两个版本差别巨大。
1、安装flash-mp3-player插件
普通插件的安装方法,此处省略XX字。
启用插件。
2、配置播放器和添加播放列表
进入WordPress的管理页面,“设置”一栏中,应该有一个“Flash Mp3 Player”。下面就是一些选项了,很好理解,也很好配置。
Player Properties:
Show upper panel, yes or no? 是否显示头部的面板,建议填yes
Show play list, yes or no? 是否显示播放列表,建议填yes
Auto start, yes or no? 是否自动播放,可填参数yes,no,random,5。分别是自动播放(第一首开始按顺序播放)、不自动播放、自动随机播放、自动从5首开始播放,当然了,第几首开始你来决定。注意一下后台这个播放列表的序号0其实是第一首。
播放列表编辑很方便,支持从后台直接编辑。这也是我选用插件而不是直接嵌入flash的原因之一。如果你不怕麻烦,可以去编辑那个 playlist.xml ,位置在 /wp-content/fmp_my_playlist/ 下。仅支持mp3格式的音乐。
3、在sidebar调用flash mp3 player
方法一:在WordPress的后台widget里,有一个flash mp3 player的widget,添加到侧栏就可以了。填写一下mp3player.swf的宽度和高度。设置播放器标题(最好把标题留空,美观嘛)。
这个方法的缺点是在每个页面都会有播放器,很明显没有必要。我用的是下面的方法二,只在首页显示播放器。
方法二:直接在sidebar.php里调用。在你的sidebar.php中合适的位置添加以下代码:
<div class="widget widget_flash_mp3player">
<ul>
<?php widget_flash_mp3player(array()); ?>
</ul>
</div>
<?php endif; ?>
所谓合适的位置,除了你想要显示播放器的位置外,还有,要确保你在用后台其他widget时依然可以正常显示播放器。比如在iNove主题中,你需要把上面代码放到 if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('north_sidebar') ) 以外的部分。
4、调整css
对外观要求比较高的同学用在style.css里调整一下就可以了。
比如,调整位置,隐藏标题:
line-height:0 !important;
padding-left:0 !important;
}
.widget_flash_mp3player h3{
display:none;
}
5、定制播放器外观
这个插件自带的 mp3player.swf (作者不是Charles)既窄又长还丑。我们可以自己设计一下这个播放器,更改配色,宽度,高度等等。下面我提供3种不同的款式,包含源文件提供下载。只要会一点点flash就可以修改,相信同学们都展示自己的个性来。设计好之后覆盖原来的mp3player.swf即可。
这仅仅是我目前是用的方法,并不代表是唯一或者最好的,如果你有更好的方法,请告诉我一下。另外我还是刚刚接触WordPress、php、js等等,有错误的地方很正常,恳请指正。
最后做一个小小调查,关于是否自动播放的问题。昨天有N个同学让我关闭自动播放,在第N+1个同学要求的时候,我给关了。
@A.shun
已经很多朋友这么说啦~ 关了自动播放 嗯 很清静 呵呵
呵呵。这个很不错,直接从网上下载个漂亮的播放器然后嵌到边栏里就可以了呀!
@keelii
这个后台更新播放列表比较方便~
这个不错,收藏了,说不定哪天用得着~
@whisperer
无奈了,我在国外,没国内手机接收注册号呀 lol~~~
@Rui
囧 当时我注册时候还是用身份证的 呵呵~~
你试下速度怎么样吧,我现在播放器里的前几首歌曲就是链接的那儿的
你觉得还行的话 我用我的手机号给你注册一个
@whisperer
好呀好呀,帮我注册:)告诉我号码吧^^
我听你现在的,完全不卡,顺畅得很呢:)
@Rui
给你发啦 手机号是我的~~
@whisperer
啊?发到哪里了?
EDIT: 呀,看到了,在邮箱里:)谢谢whisperer^^我去用啦~哈哈~
@whisperer
居然无法上传,没有足够的MJB,囧,上传头像还参数错误,更囧。。。
我慢慢研究吧。。。
@Rui
无法上传?不会这么囧吧 汗...
@whisperer
恩啊,还得充值,单次不少于25RMB,无语了,在免费午餐满天飞的时代,这个服务不太主流啊。很容易被新新事物干倒。。。
很久以前使用pj的时候用过一款播放器不错,看文章也可以继续听,你这个只是进来有的听,希望能改进下。哈哈!!
@joe
如果想听的话留个主页 文章用新窗口打开就可以了 如果还是这种放文章页吧,意义又不太大 那种全站刷新不影响播放的麻烦 我也不会做 😥
@Rui
不用充值吧?
我去看一下~~
@whisperer
好呀,帮忙登陆看看?
@Rui
它没说一定要充值啊
每天登陆一次就会送200的
可能是第一次注册这天没算在内吧
明天(可能是我们这儿的明天)你再登陆下看他送不送
刚才试了一下ftp,居然可以上传 不过在网页里显示不出文件
ftp端口是2121
@whisperer
明天再登陆看看送否^^
其实有时候喜欢有音乐,有时候不喜欢音乐,看心情吧。
哈哈,这里好火,
俺也瞅瞅。。。
这个 插件的确还行。
以前用box8的 flash播放器。。