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樣式，而去給某一篇的文章設置自定義的寬度即可。