[WordPress] 外掛分享： CASH Music Flower

前言介紹

  • 這款 WordPress 外掛「CASH Music Flower」是 2010-08-25 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2010-08-26，距離現在已有 5364 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 2.6 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 論壇上目前有 1 個提問，問題解答率 0%

外掛協作開發者

cashmusic |

外掛標籤

flower | mootools | cashmusic | javascript | soundmanager |

內容簡介

此外掛會將 CASH Music Flower 1.0 代碼加入到 WordPress 模板中，提供圖片和影片燈箱、音訊播放器、內嵌 MP3 連結以及基本 AJAX 內容工具。也會加入 MooTools 1.2.4。
使用方式
基本使用

Flower 設計成易被非技術人員使用，且可被技術人員擴充和用作基礎。大部分
的功能只需要在 div 或 link 中添加一個 class 名稱就會自動運作。

音訊播放器

要使用音訊播放器模組，只需要在一個連結或 div 中添加 'flower_soundplayer' class。若加
在 div 中，它會搜尋該 div 中的音訊連結並建立播放器。若連結中沒有標題，播放器
會使用 標籤間的文字作為音軌標題。若要指定標題，只需添加到連結的 title 中。

在 link 元素中， 'flower_soundplayer' class 會在該連結文字最後添加 [play]，則可直接
播放。

可以在 div 中添加特殊的 'flower_soundplayer_pageplayer' 以創建一個包含頁面上所有跳
未設定為 'flower_soundplayer' 的音訊的播放器。

圖片燈箱

只需將 'flower_imagebox' class 加入到指向圖片的鏈接，即可建立一個圖片燈箱
集合。也可以將 'flower_imagebox' class 加入到 div 中，所有指向圖片的連結
都會自動加入。

預設會被包含在 'default' 集合中，若要創建多個集合，只需要為每個 'flower_imagebox'
div 添加一個 id，或在 rev 屬性中指定集合名稱即可。

影片燈箱

影片燈箱會自動掃描指向 YouTube、Vimeo、Google Video、MySpace TV 和 Vevo 頁面
的鏈接。也可以掃描指向特定 Quicktime 媒體的鏈接。插件會自動判斷用戶瀏覽器
是否支援 Quicktime、Flash（即將支援 HTML5），然後演示640×360大小的影片。可使用
link 的 title 屬性添加標題。可使用 rev 屬性更改大小：

movie

進階用法

（進階文件和演示即將推出）

CSS Classes

當任何內容被顯示時，會使用下列類別，輕鬆控制所有 Flower 功能的外觀。
請務必在你的樣式中使用 !important 聲明，因為所有元素均已設定為預設樣式。

CSS Classes: 音訊播放器

a.flower_soundplayer // 加在音訊連結上以進行內嵌播放
span.flower_soundplayer_inlineplaypause // 插入的播放/暫停文字

div.flower_soundplayer_pageplayer // 加在 div 上以建立頁面播放器

div.flower_soundplayer
div.flower_soundplayer_ui // 播放清單前面的全部部分
div.flower_soundplayer_title // 當前音軌標題
div.flower_soundplayer_time // 當前時間/總時間
div.flower_soundplayer_seekbarcontainer // 進度條背景
div.flower_soundplayer_seekbar // 已加載進度條，可點擊
div.flower_soundplayer_positionmarker // 滑塊
div.flower_soundplayer_playlist // 整個播放清單
div.flower_soundplayer_track // 帶有控制按鈕的選定
a.flower_soundplayer_play // 播放
a.flower_soundplayer_pause // 暫停
div.flower_soundplayer_addtoplaylist // 額外的添加到播放清單按鈕
div.flower_soundplayer_track // 帶有控制按鈕的非選定曲目
a.flower_soundplayer_play // 播放
a.flower_soundplayer_add // 將曲目添加到播放清單
div.flower_soundplayer_footer // 播放器底部

原文外掛簡介

This plugin adds the CASH Music Flower 1.0 code to a WordPress template,
providing image and video lightboxes, sound players, inline mp3 links, and some
basic AJAX content tools. MooTools 1.2.4 is also added.
Usage
Basic Usage
Flower is designed to be easy to use for the non-nerd, and easy to extend and
use as a base for the nerdier. Most functionality works automatically with
nothing more than a class name added to a div or a link.
Soundplayer
To use the Soundplayer module just add the ‘flower_soundplayer’ class to a
link or a div. Added to a div it will search the div for links to audio and
populate a player. If no title is present the player will use the text between
the tag as the track title. If you’d like to specify your own title just
add it to the–wait for it–title of the link.
When added to a link element, the ‘flower_soundplayer’ class will add [play] to
the end of the link text and it will be playable inline.
A special ‘flower_soundplayer_pageplayer’ can be added to a div to create a
player from all stray audio links on the page. This only grabs audio that has
not already been included in a player or given the ‘flower_soundplayer’ class.
Imagebox
To create an Imagebox collection you need only add the ‘flower_imagebox’ class
to a link that points to an image. That image will be loaded in a lightbox. You
can also add the ‘flower_imagebox’ class to a div and all links to images will
be added automatically.
By default be included in the ‘default’ collection. To create multiple
collections either add an id to each ‘flower_imagebox’ div, or specify a
collection name in the rev attribute like so:
thumbnail
Moviebox
The Moviebox works automatically by scanning for links to YouTube, Vimeo,
Google Video, MySpace TV, and Vevo pages. It also works on links to certain
Quicktime media. Flower will automatically determine if a users browser
supports Quicktime, Flash (and soon HTML5.) Then it plays a movie at the
default size of 640×360. A title can be added using the title attribute of the
link. Size can be changed using the rev attribute:
movie
Advanced Stuff
(Advanced documentation and demos coming soon)
CSS Classes
The following classes are set when any content is displayed, allowing all
Flower features to be skinned with ease. Be sure to use the !important
declaration in your styles as all elements have been styled to a default set
of styles already.
CSS Classes: Soundplayer
a.flower_soundplayer // add to an audio link for inline play
span.flower_soundplayer_inlineplaypause // the inserted play / pause text
div.flower_soundplayer_pageplayer // added to a div for a page player
div.flower_soundplayer
div.flower_soundplayer_ui // everything before the playlist
div.flower_soundplayer_title // current track title
div.flower_soundplayer_time // current time / total time
div.flower_soundplayer_seekbarcontainer // progress bar background
div.flower_soundplayer_seekbar // loaded progress bar, clickable
div.flower_soundplayer_positionmarker // the little slidey dude
div.flower_soundplayer_controls // the space containing the buttons
img.flower_soundplayer_prev // previous button
img.flower_soundplayer_play // play button
img.flower_soundplayer_next // next button
ol.flower_soundplaylist // the playlist of all the player’s sound files
li.flower_soundplaylist_altli // even numbered lis
CSS Classes: Overlays (Moviebox and Imagebox)
a.flower_imagebox // add to an image — added to default or specified collection
div.flower_imagebox // add flower_imagebox to a div to create a collection
div.flower_overlay_container // holds the overlay, do not restyle
div.flower_overlay // the semi-transparent backdrop
div.flower_overlay_contentcontainer // the box holding the image/video
img.flower_imagebox_img // the actual image (imagebox only)
div.flower_overlay_captioncontainer // holds the caption and controls
p.flower_overlay_caption // caption
div.flower_overlay_controls // the space for controls
a.flower_overlay_controllink // any control links that appear

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「CASH Music Flower」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

最新版本

延伸相關外掛（你可能也想知道）

  • Smartslider 》這個外掛可以讓你在文章中加入一些美觀的效果。, 使用方法, 切換內容,

    SuperSlider-Menu 》這是使用 Mootools 1.4.5 JavaScript 開發的 Animated Menu WordPress 外掛，可在側邊欄中形成一個多層可折疊菜單小工具，用於顯示分類和文章。在網頁切換時...。

  • MooTools 》這個 WordPress MooTools 外掛程式會在您的 WordPress 網站前端提供最新的 MooTools JavaScript 框架。它會使用 WordPress 的 wp_head 動作掛鉤來插入程式碼...。
  • SuperSlider-Slimbox 》另一個浮動彈出框外掛，以主題為基礎，動畫效果，自動連接，自動播放幻燈片，使用 Slimbox2建構，使用 mootools 1.4.5 JavaScript。此外掛是 SuperSlider 系...。
  • SuperSlider-Milkbox 》這是另一個跳出視窗插件，基於主題、動畫、自動鏈接、自動播放幻燈片，使用了Mootools 1.2 JavaScript 和 Milkbox2構建。「超級滑塊」系列插件之一。在 super...。
  • RokNewsFlash 》RokNewsFlash 是一個小工具，可用於顯示文章的簡短片段。這個外掛非常適合用於標題，因為它可以循環顯示您選擇的文章，顯示內容項目的標題或內容本身的預覽。。
  • MooTools Image Lazy Load WP 》透過這個外掛在 WP 上加入延遲載入功能，詳細資訊請參考 http://davidwalsh.name/mootools-lazyload。
  • Ajax Comment Posting 》這個外掛提供基本的驗證和非同步張貼功能，並帶有時尚的效果。專門為與 mootools 框架搭配使用而開發。, 應該會平靜地停用，而且已在 Safari、Opera、Firefox...。
  • WP MooTools CDN 》目前可選擇的選項有：, , Google Ajax API MooTools CDN , 本地 MooTools（位於此外掛 js 資料夾內）, 無（不載入任何 MooTools，或者我希望自己載入）, , **...。
  • MooTools Accessible Tree 》MooTools Accessible Tree 是您的網誌最新文章、最新留言、分類和存檔的樹狀結構，並使用了支援 WAI-ARIA 的 MooTools 樹狀結構。, 如何使用樹狀結構, 向上箭...。
  • MooTools Accessible Sortable List 》MooTools可達成可排序列表（MooTools Accessible Sortable List）是一個使用MooTools WAI-ARIA啟用的可排序博客類別列表。, 如何使用此列表, 向上箭頭 / 向下...。
  • MooTools Accessible Dialog 》MooTools Accessible Dialog 是一個使用 MooTools WAI-ARIA 能力的對話框，可以展示指定 Twitter 使用者的最新推文。, 如何使用對話框, 當對話框內有焦點時，...。
  • MooTools Accessible Autocomplete 》MooTools Accessible Autocomplete 是一個自動完成文字欄位的 WordPress 插件，能夠顯示您博客文章的搜尋結果。此外，它使用了 MooTools WAI-ARIA 功能，提高...。
  • arm4slide 》arm4slider 是一個讓您能夠自訂網站區段樣式和動畫選項的幻燈片外掛程式。, 它提供了完整的選項清單，其中最有趣的選項可能是您可以變更標題的動畫行為，也就...。

文章
Filter
Mastodon