讓你的WordPress輕鬆擁有圖片特效
如果你還在煩惱文章裡不能擺太大的圖,或是圖太小怕別人看不太清楚~
那…看這篇文章準沒錯!讓你的圖片快速擁有美美的特效~
在文章開始前~麻煩移動你的腳步到我的相簿或是本站其他文章中的圖片~
用力給他點下去,不用怕不會壞掉= =(謎之音:= =還用力勒??),XD…
點下去後你就會~"哇"的一聲= =….因為看到美美的特效囉~~
說的那麼多廢話,如果你看了以上的特效覺得很不錯~那麼..就繼續往下看教學囉!!
STEP1 首先,先下載以下的外掛
外掛名稱:jQuery Lightbox Plus
外掛版本:0.2+
STEP2 將外掛透過軟體上傳至FTP
STEP3 在WordPress後台啟用該外掛,不用做任何的設定
STEP4 將文章中的圖片語法改成
<a rel="lightbox" href="大圖網址"><img src="小圖顯示網址" /></a>
STEP5 這樣就差不多大功告成了~
P.S. 如果你覺得這樣的語法很難使用(我自己也覺得很麻煩XD),那就在這裡教大家
一個比較人性化的方法~
STEP6 在文章編輯器例如:Windows Live Writer上先將圖的大小調整好,然後直接在圖片與法前後分別加上<a rel="lightbox" href="大圖網址">和</a>,這樣的話,你只要準備一張圖片就OK了~方便多了吧!
這套外掛我正在用,但是之前跟原作者詢問之後,得知服務的主機已經掛點了,所以我在之前就將此外掛用的圖片與JS搬到自己主機,不然現在這套外掛應該不會有作用。
恩~我之前也發現突然不能使用
搶救後就OK囉~
對厚~忘了跟大家說= =
要把它轉到自己底下~
改天補充一下好了!
jQuery Lightbox Plus我有試用過,但顯示不了效果。
原來是sinchen桑發現主機已死OTL
所以我現在是用lightbox plus啊,
這個插件有7種特效,比一般的lightbox/ thickbox更好用。
詳細: http://rinkaiten.zombie.jp/yamirogu/lightbox-plus_testing/
不過用IE觀看的話,要等一會兒才可以正常觀看哦。Firefox則沒有問題。
不喜歡上面的小闇也推薦用shadowbox JS,很簡潔的介面~
於是,小闇我在寫宣傳麼…(逃
嗯~感謝阿!
我來研究一下~
哇哈!