2

<封面:Windows Live Writer>

先前介紹過好用的WordPress Plugin:Flickr Manager,但這個Plugin的介面只內建在後台的TinyMCE面板中,對習慣使用Windows Live Writer這類離線編輯軟體的Blogger實在不方便。今天要介紹一些小技巧,利用現有的幾項Plugin組合,在Windows Live Writer上也能玩Lightbox。

Step1:確定您的Windows Live Writer更新至最新版,關閉程式。

Step2:下載Friendly.Flickr V2.7.2.2 released

Step3:將壓縮包中"WindowsLiveWriterPlugin.Friendly.Flickr"資料夾內所有檔案(.dll),解壓縮至Windows Live Writer資料夾下的Plugins資料夾。

Step4:開啟Windows Live Writer,確定右下角的"插入"分類有新增"插入Friendly.Flickr"這個選項。

1.
2

Step5:"插入Friendly.Flickr",選到"進階排版"分頁,勾選"啟動",並將內容全部刪去,換成以下的Code。

<a class="flickr-image" title="2" rel="flickr-mgr" href="{url}" target="_blank"><img class="flickr-original" longdesc="{image_o}" src="{image}" alt="2" /></a>

說明:
href="{url}" :直接連到Flickr的URL,若Javascript無效時就直接連到Flickr。
target="_blank":在新視窗開啟。
longdesc="{image_o}" :在Lightbox中要顯示的圖像尺寸,"_o"表示Original(原圖),可代換。
src="{image}" :未使用Lightbox顯示的縮圖尺寸。
其餘參數可參考面板說明。

2.
2

Step6:回到"Flickr相片"分頁,設定"貼上相片大小"(未使用Lightbox顯示的縮圖尺寸),選照片插入。

Step7:在Windows Live Writer編輯階段是看不到效果的,發表至WordPress測試吧!

 

歷史上的今天

Related Posts with Thumbnails
Facebook推薦
標籤:, , , ,

5 Responses to “組合技:用Windows Live Writer玩Lightbox”
  1. [...] 組合技:用Windows Live Writer玩Lightbox | 白髮‧青春 Step5:"插入Friendly.Flickr",選到"進階排版"分頁,勾選"啟動",並將內容全部刪去,換成以下的Code。 (tags: wlw plugin) [...]

  2. 說道:

    對了
    {image_o}這個已經沒有用了喔
    現在flickr那邊的原圖網址已經改成用_b

    • WilliamTai 說道:

      但是我的原圖網址後面還是"_o"這個參數(抓頭
      而且我這篇也是用參數{image_o},Lightbox顯示出來也確實是原圖。
      難道是帳號差異?(我的帳號是Pro)

  3. 說道:

    我想說等指考完再來發這個的
    沒想到居然被你搶先了 …

  4.  
留言

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>