作者的主页: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. Unicode字符集,各个语言的区间

    链接:http://www.cnblogs.com/zl0372/p/unicode.html 链接:http://www.unicode.org/ 链接:https://zh.wikipedia.o ...

  2. POJ - 2492 种类并查集

    思路:保存每个点与其父节点的关系,注意合并和路径压缩即可. AC代码 #include <cstdio> #include <cmath> #include <cctyp ...

  3. scrapy 中日志的使用

    我在后台调试 在后台调试scrapy spider的时候,总是觉得后台命令窗口 打印的东西太多了不便于观察日志,因此需要一个日志文件记录信息,这样以后会 方便查找问题. 分两种方法吧. 1.简单粗暴. ...

  4. Java常见加密算法

    常见 package com.example.decript; import java.io.UnsupportedEncodingException; import java.security.In ...

  5. Ambari部署HDP:HBase Master启动后自动消失

    这是第一次出勤部署产品.遇到不可控问题,解决,写个心得.记录一下吧^^ 在排查问题的过程中,学到不少知识. (1)centos系统盘和数据盘分开,装操作系统的人没有将IT的空间分配出来,所以分区,自动 ...

  6. ARM-LINUX自动采集温湿度传感器数据

    开机root自动登录 如果想在超级终端输入回车,登录后执行,则可以在/etc/profile中加入命令: 如果实现开机自动登录,在/etc/inittab中修改,每个开发板修改的方式可能都不同. ht ...

  7. .net mvc web api 返回 json 内容时过滤值为null的属性

    1.响应内容(过滤前) {"msg":"初始化成功!","code":"","success":tr ...

  8. Android安全开发之WebView中的大坑

    0X01 About WebView 在Android开发中,经常会使用WebView来实现WEB页面的展示,在Activiry中启动自己的浏览器,或者简单的展示一些在线内容等.WebView功能强大 ...

  9. 【Thinkphp】入口文件和配置文件

    一.入口文件 ThinkPHP采用单一入口模式进行项目部署和访问 入口文件代码 <?php define('APP_DEBUG',TRUE);//打开调试模式 在生产环境中应该关闭 define ...

  10. json_encode处理json数据中文乱码

    今天使用json_encode 把一个数组转换成json数据,echo处理的时候,显示为null.去查了php手册. 该函数只能接受 UTF-8 编码的数据. 在网上搜了下,找到了解决方法. < ...