Posts Tagged ‘ 圖片特效

[WP-Plugin] 三款圖片特效外掛比較

這次網站的改版中,也順便花了點時間找尋適合的外掛,畢竟裝了太多的外掛,也是會影響速度的。在原本blog中有安裝了影片插入及圖片特效的程式,但影片插入的功能對我來說是鮮少用到,但也不得不用,所以這次尋找替換的重點就是,擁有圖片特效及影像插入功能的外掛程式。下列就是包含兩種功能特效外掛。

Shadowbox Js – 支援SWF及FLV,比較特殊的是此款可支援WMV的格式,還有部份知名的線上影像網站。而此plugin有一個小小的缺點,就是在插入youtube這類的連結時,只能用文字超連結的方式來呈現,而沒辦法像一些影像外掛般將畫面插入至文章中。記得在較早之前的版本可從後台更換skin,而現在的版本必需要手動新增了。在後台的設定中有Music的設定,不過我嘗試插入mp3及wma格式的檔案,外掛的player並沒有動作,如果有試出來的朋友,也煩請指點一下。

Floatbox Plus – 這款也是目前站上正使用中的外掛,比較上述功能的話是多出圖片自動放大、縮小的功能,也就是說較大的圖片在顯示時,會有放大鏡的選項來讓你對圖片進行上述動作。比起上述此外掛有支援Sliverlight格式的功能。而另一項個人覺得蠻喜歡的功能就是「影像插入」的按鈕,會自動新增到可視化模式中,只需填入Video ID就會自動幫你將影片新增至文章中,完全適合我這種懶人。而這款外掛比較特殊的是,需要申請授權碼,僅限於「非商業用途」,如不申請也可以使用,但會跳出相關的提示訊息。

Lightview Plus – 在蠻早之前就有介紹過此外掛,功能面也與Shadowbox JS差不多,一樣無法撥放Sliverlight,但也有可視化模式的影片插入按鈕功能,在安裝時,需自行下載Lightview安裝至外掛資料夾內。

其實此類插件的功能基本上都是大同小異,只有些微的差異而已,青菜蘿蔔各有所好,任君挑選,不過在測試的過程當中,有的theme會沒辦法載入特效,並沒有深入的去研究是何原因造成,但您如果不需特殊功能,只需要簡單的圖片特效的話,hugo會推薦shutter reloaded,載入速度快,並不會有佈景衝突的問題。如各位有任何的問題或者如要推薦更好的外掛,也歡迎留言。

[WP-Plugin] Flickr Manager – 圖片管理

之前有介紹過兩款圖像特效的Plugin,分別是Shutter Reloaded及Lightview Plus,這兩個plugin的展示效果都不太一樣,相同的是如要顯示效果的話,首先都要知道圖檔的位置,在利用wordpress的html editor來貼上圖片並編輯超連結,最後才能達到特效目的,步驟上都有點繁瑣,剛好在逛wordpress plugin的官方網站時,被這plugin的名稱給吸引住,因為小弟的圖檔都是上傳到Flickr,如果可以直接從wordpress裡點選flickr的圖片,然後直接貼到editor上豈不方便,馬上省了一堆步驟與時間,也就是今天所要介紹的Flickr Manager

前面說了一堆廢話,直接跳到重點好了,在安裝上沒有什麼問題,第一次執行的時後會要求你「Authenticate」也就是授與flickr的權限,如下圖所示,

http://farm4.static.flickr.com/3251/2612333637_1d879de0b2_o.png

接著就可以進行Flickr Manager的設定了,其實在設定上並沒有什麼特別之處,唯一比較特殊的是可以採用Lightbox的效果,如下,也就是表示在插入圖片時就會自帶特效了,不用再加裝別的plugin。

我個人覺得比較user friendly的是在wordpress的tinymce裡就有插入了此外掛的圖示了,如下圖,

http://farm4.static.flickr.com/3263/2612334141_4c42519a05_o.png

再編輯文章時就可以直接透過它的介面來插入圖示,並選擇所要顯示的圖片大小,非常的方便,要記得插入圖片時記得要把「insert with JS viewer」打勾,不然是不會有Lightbox的效果。

http://farm4.static.flickr.com/3121/2613166898_56142ce863_o.png

在寫這篇文章的時候,發現了一個問題,就是當圖形選擇為「Large」的時候是沒有辦法正常顯示的,這可能是一個小bug,在作者的論壇上及blog上都有人反應了,可能在下一版就會解決這問題。

[WP-Plugin] Lightview Plus – 圖像特效

在亂逛的時後又發現了這個plugin,這是基於Lightview所開發出來的一個外掛。照官方網站上的說法是這是一個很像Lightbox的效果,但比它更好些。雖然沒有可自定的選項,這跟Shutter Reloaded比就有差一點了,但是Lightview可以包括的種類更多 (官方有更多的Demo),如果要使用它所有的功能的話就要另外下載 Prototype 1.6.0.2Scriptaculous 1.8.1,而且必須限定為此版本,我是蠻喜歡它圖片所產生出來的特效,而且只要圖片本身有做超連結就可產生,不用在其它的設定,覺得蠻方便的。

安裝的話先下載Lightview Plus然後解開,再下載Lightview把它解壓到Lightview Plus同資料夾底下。

http://farm4.static.flickr.com/3075/2467988730_70f495d352.jpg?v=0http://farm3.static.flickr.com/2255/2467989378_0d2085d333.jpg?v=0http://farm4.static.flickr.com/3284/2467989638_8877796e2d.jpg?v=0http://farm3.static.flickr.com/2359/2467989000_7391ef8a80.jpg?v=0

[WP-Plugin] Shutter Reloaded 中文語系

個人覺得蠻好用的一個圖片plugin,後台有五個選項可以自行挑選方便的模式,像Lightbox2每次用都跑出一堆對話框,實在很煩,像這plugin就有個選項是只要你的圖像有做hyperlink它就會自動幫你轉成Shutter效果 (官方說類似於Lightbox效果)

至於翻譯上的話 Shutter 我實在不知道要怎麼翻,有點想翻成遮罩,可是又有點怪,所以還是留著好了,如果翻譯上的錯誤或不順暢也煩請不吝告知小弟。

http://farm4.static.flickr.com/3189/2283598000_405f19f6eb_o.png
http://farm4.static.flickr.com/3039/2282810681_8586ce5b1a_o.png

Download:Shutter Reloaded 中文語系
在您下載的同時,也為了讓我有更多的作品,也請您抽空擊點一下本站的廣告圖示。