作者的主页:http://webjyh.com/wp-player/

安装:在WordPress后台搜索安装即可,或者去作者的主页下载安装。 使用方法:这个插件是通过短代码调用的,安装好插件之后便可以看见使用方法的介绍。 很多同学可能不了解短代码,所以不会使用。通俗来说,短代码实际上就是作者已经把很长的一段实现功能的代码写好了,并且给了一段很短的代码让你可以调用这段实现功能的代码,这样的话如果你经常使用这个功能就不用每次都写那么长的代码。 那么这个插件的使用只能在文章或者页面中,而不能在网页的其他位置如边栏。这一点也是我认为很遗憾的一点。而且每一篇文章只能使用一次这个短代码。使用的时候我们在文章或者页面的编辑框下面会看见一个歌曲设置的地方,我们先将虾米音乐或者网易的音乐链接复制到最底部的“获取音乐ID”按钮左边的框中,然后点击获取音乐ID,然后就会自动识别音乐的ID。

作者的介绍:
WP-Player介绍专区 此次升级进行了整体的重大重构,页面音乐播放器js,后台MetaBox输入方式,插件结构等等。 1. 支持虾米音乐、网易云音乐、自定义上传歌曲三种类型。 1. 改写了获取虾米ID的方法;直接输入网址即可获取虾米ID和对应的音乐类型; 2. 支持 单音乐页面、专辑页面、艺人页面、精选集页面(即网易哥单页面); 3. 支持多歌曲播放;完全兼容以前老版本短代码; 4. 完美支持 IE6+,FireFox,Chrome 浏览器; 5. 废除了短代码中的 loop 参数; 6. 将解析虾米地址移交至插件本身处理; 7. 关闭后台无用选项设置; 8. 支持后台自定义上传音乐文件或音乐外链; 使用方法专区 1. 在虾米网打开喜欢的歌曲页面,复制歌曲页面的网址如:http://www.xiami.com/song/2078022…… 2. 并将复制的网址填写到WP-Player的表单内。音乐类型将根据网址自动做出选择。 3. 点击获取音乐ID按钮,此时音乐ID出现在表单中。 4. 将短代码 【player autoplay=”1″】 填入您的文章内容中。将其中的 【】 转换为 []; 5. 短代码中 autoplay 表示是否自动播放;参数”0″表示否;”1″表示是; 6. PS:建议使用网址来获取音乐ID。 插件依赖专区 1. 需要 jQuery 1.7+ 版本库,如主题使用的jQuery 版本过低,请升级至 1.7+版本。 2. 需要当前主机支持 PHP simplexml_load_file() 函数,此函数用于抓取虾米音乐数据。 3. v2.0.1 后台解析无效,换取新浪云解析. 注意事项专区 1. 一篇文章只能设置一个播放器。 2. 为了用户体验,在文章详细页面中 自动播放 才会启用。首页和列表员设置将无用。 3. 因插件需要依赖 jQuery,如主题缺少jQuery;需在后台WP-Player设置中选用; 4. 如同时设置 虾米ID 和 自定义上传音乐,将优先采用虾米ID解析。

PS:我发现作者的主页可以自己自定义上传歌曲,不知道他是通过什么方式添加的,不过我不想浪费空间,所以添加URL,发现歌曲添加之后播放不了。不能自定义歌曲真的是很不爽啊。 下面来说说我的个人设置习惯: 我觉得这个播放插件的宽度太小了,很适合,放在边栏,但是我喜欢让他占用整个宽度 设置的方法就是进入cpanel面板的后台,进入这个路径public_html/wp-content/plugins/wp-player/css,找到wp-player.css文件打开,修改他的min-width为100%,注意中英文的切换。 然后以后所有的都会是这么宽,那如果以后你想给某一篇文章的播放器自定义宽度怎么做呢,最开始的时候我也不知道怎么给短代码添加CSS样式,但是后来一想,CSS是有优先级的,行部样式表的优先级高于内部样式表,内部样式表的优先级高于外部样式表,说白了就是一个就近原则。所以我既然不知道怎么添加行部样式表,但是可以添加内部样式表。如下:

我手动设置他的宽度,然后更新一下,就成功了。

当然如果你喜欢原来的样式,而只想把某一篇的文章设置宽一点,也可以不用改原来的CSS样式,而去给某一篇的文章设置自定义的宽度即可。

WP-player——WordPress的一款好用的音乐插件的更多相关文章

  1. WP e-Commerce WordPress Payment Gateways Caller插件本地文件包含漏洞

    漏洞名称: WP e-Commerce WordPress Payment Gateways Caller插件本地文件包含漏洞 CNNVD编号: CNNVD-201310-642 发布时间: 2013 ...

  2. C# 一款属于自己的音乐播放器

    本文利用C# 调用Windows自带的Windows Media Player 打造一款属于自己的音乐播放器,以供学习分享使用,如有不足之处,还请指正. 概述 Windows Media Player ...

  3. 10款jQuery图片左右滚动插件

    在现代的网页设计中,图片和内容滑块是一种极为常见和重要的元素.你可以从头开始编写自己的滑动效果,但是这将浪费很多时间,因为网络上已经有众多的优秀的 jQuery 滑块插件.当然,如果要从大量的 jQu ...

  4. 分享10款非常有用的 Ajax 插件

    这篇文章与大家分享的是10款非常有用的 Ajax 插件,有用于图片的,用于分页的,还有用于导航的.这些作者的想法特别新颖,希望你能从中找到自己需要的插件. 1. AJAX-ZOOM 非常强大的一款插件 ...

  5. 让网站动起来!12款优秀的 jQuery 动画插件推荐

    如今,大多数设计师和开发人员被要客户要求开发动态的网站.创造视觉震撼和醒目的动态网站是艰巨的任务,因为它需要大量的努力和创造力.在网络上有大量的工具和插件可用于创建网站动画.许多开发人员正在使用 HT ...

  6. 给大家推荐一款高大上的代码高亮插件(sublime,github风格)——highlight.js

    经常在一些大神博客里面看到非常好看的高亮代码,有sublime风格,GitHub风格等等.毫无疑问,好的高亮代码插件可以不仅仅让你的博文显得更高大上,更重要的是舒适的阅读体验.经过我在网上的一番搜罗, ...

  7. 10款最新流行的 jQuery 插件,值得你收藏

    10款最新流行的 jQuery 插件,值得你收藏 http://www.cnblogs.com/lhb25/p/10-new-popular-jquery-plugins-check.html 你应该 ...

  8. 推荐几款实用的Android Studio 插件

    推荐几款实用的Android Studio 插件 泡在网上的日子 发表于 2015-10-09 10:47 第 17453 次阅读 插件,Android Studio 10 编辑推荐:稀土掘金,这是一 ...

  9. 过去几个月出炉的30款最喜欢的 jQuery 插件

    在这篇文章中,我们收集了一些在过去的几个月里最喜欢的 jQuery 插件.为了使您更容易搜索到自己喜欢的 jQuery 插件,我们已经对插件进行了分类: 页面布局插件,图片和视频插件,滑块和画廊,排版 ...

随机推荐

  1. hdu 2044 递推

    到达第n个格子的方案数等于第n-1个格子的方案数加上第n-2个格子的方案数. d[i]=d[i-1]+d[i-2]; AC代码: #include<cstdio> const int ma ...

  2. nyoj28 大数阶乘 亿进制优化

    思路:刚开始用的十进制模拟手算加法,超时了.然后想到刘汝佳大哥书上面用的亿进制能够加速大数运算,果然180ms过掉了. 亿进制与十进制相同,只不过是把八位看做一位,例如6464654654165,看成 ...

  3. 使用dlib中的深度残差网络(ResNet)实现实时人脸识别

    opencv中提供的基于haar特征级联进行人脸检测的方法效果非常不好,本文使用dlib中提供的人脸检测方法(使用HOG特征或卷积神经网方法),并使用提供的深度残差网络(ResNet)实现实时人脸识别 ...

  4. java编程思想第四版第六章习题

    (略) (略) 创建两个包:debug和debugoff,他们都包含一个相同的类,该类有一个debug()方法,第一个版本显示发送给控制台的String参数,而第二版本什么也不做,使用静态import ...

  5. Android HotFix动态加载框架介绍

    HotFix(Deprecated) https://github.com/dodola/HotFix 请关注 RocooFix 我重新写了一个RocooFix框架,解决了Nuwa因为Gradle1. ...

  6. 用Dw CS6运行静态页面出问题

    1.报错截图一 2.报错截图二

  7. hi3531调用sil9024的驱动

    //测试mao  printf("\n\n");    unsigned int cmd=1;    unsigned long arg =4;  fd = open(" ...

  8. Netty的并发编程实践2:volatile的正确使用

    长久以来大家对于volatile如何正确使用有很多的争议,既便是一些经验丰富的Java设计师,对于volatile和多线程编程的认识仍然存在误区.其实,volatile的使用非常简单,只要理解了Jav ...

  9. linux虚拟机中安装mongodb

    今天在linux虚拟机中安装了mongodb数据库,安装过程主要参照了网上的一片文档,大部分地方都没有多大区别,只是在某些细节上有所改变. 我参考的文档是:http://my.oschina.net/ ...

  10. hdu5977 Garden of Eden

    都不好意思写题解了 跑了4000多ms 纪念下自己A的第二题 (我还有一道freetour II wa20多发没A...呜呜呜 #include<bits/stdc++.h> using ...