altPWA - 將1G容量的Picasa網路相簿放進Blog
上一篇NextGEN Gallery精美你的相簿 介紹了在WordPress中NextGEN相簿外掛的使用。該外掛有一個限制,就是NextGEN中的照片只能上傳存在跟網頁相同的主機(有提供縮圖功能),如此一來對照片上傳需求量很大、使用免費空間等等的部落客來說,空間與流量都會變成一個很大的負擔。(小倩就是免費空間的使用者)
而今天要介紹的altPWA外掛,是利用Picasa網路相簿內嵌到網站的方式,它提供了1024MB的照片空間(也就是1G拉!),不但讓你放照片一點也不手軟(使用Picasa軟體上傳相簿也是又簡單又快),也同樣可以在網站中達到分享照片的效果。還在苦惱找不到適合的相簿外掛嗎?趕緊來試試吧!
顯示出來的外觀如下圖,左邊是相簿封面的照片,右邊會顯示相簿標題、說明、照片數量及拍攝日期等資訊。

外掛名稱:altPWA
原作者網站:http://www.cnet.ro/wordpress/altpwa/需要工具:點此下載altPWA外掛
點此下載Picasa 3
第一步:將下載來的 altPWA 外掛解壓縮後放在public_html/wp-content/plugins資料夾
第二步:至網頁後台點選 [外掛],在altPWA的欄位中點選 [啟用外掛]
第三步:登入你的google帳號,在Picasa網路相簿頁面當中選擇 [啟用Picasa網路相簿]
(一定要啟用後才能將照片上傳唷!)
第四步:安裝 Picasa 3 程式
(它是一個很棒的圖片管理程式,也可以直接點選資料夾上傳到Picasa網路相簿)
第五步:安裝完 Picasa 3 後將程式開啟,它會問你是否要掃描電腦圖片,自由選擇
(我是選擇 [完全掃描],這樣可以找出電腦裡全部的圖照片,一堆莫名其妙的就可以刪了)
第六步:掃描完後在左邊欄位中選擇其中一個相簿資料夾後點選下方工具列的 [上傳] 按鈕,或是按滑鼠右鍵 [上載到網路相簿]
第六步:它會跳出一個彈出視窗,您可以選擇 [新增相簿] 或是 [上傳到原有相簿] ,並且在下方輸入相簿標題、相簿說明、縮圖大小
(若只是想放在網路上提供大家閱覽,640像素即夠使用)
上傳完畢後就可以到 WordPress 後台設定拉!
進入後台後點選[設定]→[altPWA],畫面如下圖:

注意:Lightbox的選項請選擇no,否則相簿的瀏覽會出錯。(若你選擇no按了確定以後又跑回yes的選項,別擔心,這是原作者設定上的問題,no的值一樣會被記錄,需要留意的是,每次更動設定時,都要記得調回no唷!)
以上選項都可以依照你的BLOG版面需求自由選擇,在此更正一下上方圖片的錯誤,Thumb 2 size選項應該是:瀏覽單張照片時底下捲軸的其它照片的大小。
注意:Lightbox的選項請選擇no,否則相簿的瀏覽會出錯。(若你選擇no按了確定以後又跑回yes的選項,別擔心,這是原作者設定上的問題,no的值一樣會被記錄,需要留意的是,每次更動設定時,都要記得調回no唷!)
設定完後請新增一個分頁,直接在裡面輸入語法,以下介紹兩種展示相簿的方法:
展示一:列出所有相簿
語法: [altpwa user=你的google帳號]
說明:此語法會依照拍攝日期列出帳號底下的所有相簿,若你想更換相簿排序,就必須去網路相簿更改一本或多本的拍攝日期。展示二:列出單本相簿
語法: [altpwa user=你的google帳號 album=該本相簿網址的最後一個代碼]
範例:假設我有一本相簿是網址是 http://picasaweb.google.com.tw/lv110channy/abcd#
則我必須輸入[altpwa user=我的帳號 album=abcd] (#號不必打)( 請將以上語法左右兩邊全形的中括號[]換成半形的[] )
下圖是列出所有相簿的範例,如果相簿很多,就必須利用剛才設定中的 Albums/page 選項來做分頁,頁面才不會變得過長。

點選某本相簿後的呈現方式等於列出單本相簿語法所呈現的外觀 :
(會依照方才設定中 Number of rows 及 Number of cols 的設定呈現)

點擊一下某張照片,就可以放大瀏覽:
(下圖為在 Lightbox 設定選項中選擇 yes 的 flash 效果,我在測試時一開始都很正常,但後來都會出錯,因此請不要選yes)

目前為止,altPWA外掛 基本的使用方法都已經介紹完畢了。順便分享一下我現在圖片、照片的使用方式:大致上我將圖片分為兩種類型,一種是欲分享給大家的照片,利用今天介紹的 Picasa 網路相簿及 altPWA 外掛呈現在Blog裡的方式分享,另外一種是發文或版面用的圖片,則放在上一篇介紹的NextGENgallery中,以便發文插圖使用。其實沒有一定的使用方式,完全看個人的喜好、需求,以及主機的支援程度:)
另外,此外掛的介紹與教學文章在網路上(中文的)似乎非常少,因此小妹依照自己的使用步驟,寫出了這篇教學文,希望能幫助到有需要的人。如果有前輩願意指教,我也會很開心,謝謝!
想看看實際Picasa網路相簿在Blog呈現的外觀,可以點上方menu的 [相簿] 選項觀看。
後記(2009.08.02 17:30):
新增了相簿分頁一段時間以後,發現有時候使用點進相簿網址時,會出現「Internet Explorer無法開啟網際網路網站,操作已終止。」的彈跳視窗(我是使用IE7),導致瀏覽網誌會出現問題。爬了一些文章以後試過ㄧ些方法,也清除過cookie及快取,但仍然無法解決。Beer的相簿,使用的也是我上述的方法,我用ie7開啟她的相簿都很正常,同樣的瀏覽器、使用同樣的外掛及步驟,但我的瀏覽會有問題,不曉得問題出在哪裡?希望有前輩可以指教一下,衷心感謝!
後記(2009.08.02 18:44):
在啟用/停用外掛及一一比對該外掛的設定選項的方式debug過後,終於找出了導致錯誤的原因。就是文章中提到[設定]> [altPWA] 選項內的Lightbox 功能,若選擇yes的話則會瀏覽上出錯(我也不曉得為什麼一開始使用是正常的),因此記得將該功能選擇no,才能保持相簿使用的正常唷!
另外說明一下,原作者在設計的時候Lightbox及Link to picasa的選項,若你選擇no,設定完以後還是會跑回yes,但"no的設定值會被記錄",所以記得每次更改到設定的時候,都要將Lightbox調回no的選項唷!
(已經更新以上教學步驟)
✿試用成功的格友們請留言分享一下你的相簿吧!
✿若您覺得此篇文章對您有幫助,或是有需要改進的地方,也歡迎留言給我唷!








謝謝您的教學,找一天好好的試試看!^^
您好,不知道為什麼我都是出現這樣的錯誤呢?
不知道哪裡有誤?謝謝。
http://www.rabbit-zakka.url.tw/?page_id=168