巧用Picasa Web API將相冊嵌入網(wǎng)站
架設(shè)WordPress的使用者最感到麻煩的應(yīng)該是相簿功能，因為一般BSP部落格都有提供蠻方便的相簿，但只要跳巢到WordPress的使用者對于相簿這部分似乎都很頭大，有時候想要整合的跟網(wǎng)站一模一樣，想說裝個外掛來讓網(wǎng)站有相簿功能，但往往使用體驗卻不是太好，那你是否曾經(jīng)想過用外部服務(wù)，把相簿嵌入接嵌入到WordPress中呢？比方說用Picasa。
如果你問香腸WordPress怎么擁有相簿功能？通常我的回答是：使用外部服務(wù)嵌入，例如使用Picasa或是flickr，或者是安裝NextGEN Gallery相簿外掛，這外掛應(yīng)該是使用大家公認(rèn)功能算很棒，有中文接口的相簿外掛，但這種外掛缺點就是會讓網(wǎng)站資源吃重。因此通常我會再推薦KPicasa或是altPWA。
雖然KPicasa或是altPWA這兩套是可以幫你把Picasa相簿掛到WordPress，使用上非常的簡單，但事實上因為若使用過的話，會發(fā)現(xiàn)網(wǎng)站裝了這外掛似乎變慢了？因為他的JS加載的關(guān)系，造成每一頁都會加載相簿外掛的JS，若單單只是要相簿那頁可以抓到Picasa相簿的話，何必全站都載入該JS呢？或許是外掛為了更彈性可以在全站使用，因此才這樣寫，不過并非每一位使用者都需要。
因此，若只是個人網(wǎng)站，單純只有一個分頁要做成相簿功能的話，再加上你會小修改CSS的話，那我會建議你使用PWA(Picasa Web API)這個來達(dá)成效果。別看到API這關(guān)鍵詞就告訴你要看一堆原文使用說明，別擔(dān)心！你只要把JS下載后上傳到你網(wǎng)站，然后再用一句語法就可以把相簿功能掛到你網(wǎng)站了，基本上很簡單的，而且也很省網(wǎng)站資源。
程序名稱：JavaScript interface to PicasaWeb Albums官方網(wǎng)站：http://sourceforge.net/projects/pwa/程序下載：按這里
第1步 先到SF網(wǎng)站上下載要使用的JS，請下載「pwa.js」，當(dāng)然你想嘗試另一個也可以。
第2步 下載后請上傳到網(wǎng)站根目錄，若是WordPress，請開啟后臺新增一個名為相簿的分頁，并切換到「HTML」模式，將以下語法貼上去并點擊﹝發(fā)表﹞。
username：Picsaa賬號名稱photosize：單張時的圖片尺寸(依照你網(wǎng)站內(nèi)文寬度)src：輸入你剛上傳的JS位置(絕對路徑
<script
type='text/javascript'> username = 'Picasa賬號名稱'; photosize='800';script>- <script type='text/javascript' src='http://images.51cto.com/files/uploadimg/20110923/1056490.png"
- type="#_x0000_t75" o:spid="_x0000_i1027">
第3步很快的，你就會看到相簿成功啰！
第4步 因為香腸設(shè)定600，所以圖片剛剛好在內(nèi)文區(qū)內(nèi)。另外你在瀏覽單張圖片時會發(fā)現(xiàn)上方怎么破圖了？這時可準(zhǔn)備三張圖片，放到跟剛剛的JS同一目錄，這三張圖名稱與用途分別是「上一張(back.jpg)」、「相簿目錄(home.jpg)」、「下一張(next.jpg)」。
或許大家覺得透過PWA做出的Picasa相簿版面有點丑，你可以修改pwa.js或是透過CSS修正，讓版面更完善，這部分就是考驗大家的CSS了。這樣的做法主要是透過Javascript（JSON API）來達(dá)成效果的，只要跑一只JS，就可以輕松把Picasa相簿搬到網(wǎng)站上。
如果你還在想哪flickr呢？目前香腸是沒有看到有比較好的flickr外掛或API，以前香腸很愛用flickr，但現(xiàn)在圖片就丟圖床了，對于flickr的需求降低。雖說有方法可破除200張限制，但說真的實際用上頗麻煩。至于Picasa，現(xiàn)在只要你的Google賬號有開通Google Plus，那么你的Picasa相簿中，2048×2048以下的照片不列入1GB的計算，使用上很方便！
原文鏈接：http://sofree.cc/pwa/
【編輯推薦】
