zoukankan      html  css  js  c++  java
  • WP-player——WordPress的一款好用的音乐插件

    作者的主页: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样式,而去给某一篇的文章设置自定义的宽度即可。

  • 相关阅读:
    BZOJ3123: [Sdoi2013]森林(启发式合并&主席树)
    BZOJ3212: Pku3468 A Simple Problem with Integers(线段树)
    BZOJ3211: 花神游历各国(线段树)
    BZOJ3207: 花神的嘲讽计划Ⅰ(hash)
    BZOJ3033: 太鼓达人(欧拉回路)
    「LibreOJ NOIP Round #1」旅游路线
    bzoj 2818: Gcd
    bzoj 2006: [NOI2010]超级钢琴
    bzoj 1485: [HNOI2009]有趣的数列
    bzoj 1045: [HAOI2008] 糖果传递
  • 原文地址:https://www.cnblogs.com/shenjieblog/p/5061165.html
Copyright © 2011-2022 走看看