讓你的WordPress輕鬆擁有圖片特效


如果你還在煩惱文章裡不能擺太大的圖,或是圖太小怕別人看不太清楚~

那…看這篇文章準沒錯!讓你的圖片快速擁有美美的特效~

在文章開始前~麻煩移動你的腳步到我的相簿或是本站其他文章中的圖片~

用力給他點下去,不用怕不會壞掉=     =(謎之音:=      =還用力勒??),XD…

點下去後你就會~"哇"的一聲=   =….因為看到美美的特效囉~~

說的那麼多廢話,如果你看了以上的特效覺得很不錯~那麼..就繼續往下看教學囉!!


STEP1 首先,先下載以下的外掛

外掛名稱:jQuery Lightbox Plus

外掛版本:0.2+

作者網站:http://l-wy.cn/2009/01/27/jquery-lightbox-plus-02/

載點:http://www.badongo.com/file/16190603

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了~方便多了吧!

 




4 個留言

  1. sinchen表示:

    這套外掛我正在用,但是之前跟原作者詢問之後,得知服務的主機已經掛點了,所以我在之前就將此外掛用的圖片與JS搬到自己主機,不然現在這套外掛應該不會有作用。

    • 風揚名表示:

      恩~我之前也發現突然不能使用
      搶救後就OK囉~
      對厚~忘了跟大家說= =
      要把它轉到自己底下~
      改天補充一下好了!

  2. 小闇表示:

    jQuery Lightbox Plus我有試用過,但顯示不了效果。
    原來是sinchen桑發現主機已死OTL
    所以我現在是用lightbox plus啊,
    這個插件有7種特效,比一般的lightbox/ thickbox更好用。
    詳細: http://rinkaiten.zombie.jp/yamirogu/lightbox-plus_testing/
    不過用IE觀看的話,要等一會兒才可以正常觀看哦。Firefox則沒有問題。
    不喜歡上面的小闇也推薦用shadowbox JS,很簡潔的介面~
    於是,小闇我在寫宣傳麼…(逃

發表留言 »

姓名
信箱
網站