【部落格】放大量圖片編輯技巧
當您在編輯網誌時,若有用到大量的圖片,要逐一去設定每張照片的大小、框線等,非常耗費時間。
小豪來分享一下自己的作法,還有設定的技巧等等。
首先,上傳照片小豪雖然選擇 600 x 600,但是痞客邦部落格能顯示的大小,寬大概是580,所以照片寬度我會設為580。
再來小豪習慣為照片加上黑框,用以區別與空白的段落,黑框設為1 px。
最後,小豪會設定圖片在新視窗開啟,用意有二:一來是有些照片若朋友要點原始圖,可以查看大張一點的圖片;
再來則是不希望訪客每次點照片,就得在按回上一頁,反覆起來很麻煩。
這篇文章以「痞客邦」部落格作為範例,但在延伸應用上,
像是雅虎部落格沒有在新視窗開啟連結的功能,就可以利用語法自行設定出這功能。
除非該部落格本身有限制掉那些功能,否則應該都通用。
設定你要的照片形式
我會用一本相簿專門放上傳新照片用,上傳後先編輯完名稱,
在發表文章時,再用「插入圖片」功能,全選,一次大量加入照片。
編輯完文章之後再把照片歸類到所屬的相簿中。
顯示尺寸:中
點選是否回連回相簿:是
這時你的網誌中應該充滿照片,只要改第一張就好。
點「插入/編輯 圖片」,尺寸可以設為580(寬度),
外觀樣式中,可以把「框架」設為「1」。
「插入/編輯 連結」這,把「開啟方式」選為「開一個新視窗」。
這時你會發現,第一張照片已經照你所要的方式被編輯過了。
一次編輯全部的照片
接下來,點選「HTML」。
接下來把這串html語法全部複製下來,開個「記事本」去貼上。
Ctrl + A:全選
Ctrl + C:複製
Ctrl + V:貼上
接下來就開始比對,第一張照片跟後面的照片,語法差異在哪裡?
小豪用自己提到的三個設定來做說明….
首先講到框線,沒有框線的語法是…
<img title=
有框線的語法是…
<img style=”border: 1px solid black;” title=
既然找到差異了,那就用記事本「編輯」的「取代」功能來幫你工作,
尋找目標:img tit
取代為:img style=”border: 1px solid black;” tit
按下「全部取代」後,你所有的照片就都有框線了。
繼續,現在換設定照片寬度,
尋找目標:border=”0″ />
取代為:width=”580″ />
第三個,設定在新視窗開啟的部份…
尋找目標:><img
取代為: target=”_blank”><img(附註,target前方有個空格喔)
接下來,只要把記事本中的html語法,完整的貼回網誌處(取代掉舊的),按下「更新」。
那你就會看到所有照片都照你要的方式編輯好了。
像小豪在寫範例中的那篇遊記(小烏來天空步道)時,用了85張照片,
這85張照片若一張一張去設定,改這用方式節省下來的時間可多了!
附註:
若您怕在編輯過程出錯了,記得先把原本的html語法備份起來,或是重作一遍。
延伸閱讀
.文章分類為:電腦:軟體 & 遊戲 & 網頁(各種電腦相關的情報、教學)
.轉貼文章技巧:Facebook 轉貼連結的設定
.點個讚,追蹤這個部落格的文章:闕小豪 on Facebook 或 Google+
如果您覺得寫得不錯,或是對您有幫助,請別客氣的留下回應或點個讚。
也歡迎各位朋友用「轉貼連結」或「分享」的方式轉貼文章,
請勿用複製全文的方式複製文章。
好好用唷:))))
終於改好了~謝謝分享~~
不用客氣喔,習慣之後會省去很多編輯時間。:)
好棒的分享!!!
因為才剛開始經營什麼都不懂
為了修改照片已經快失去耐心了:(
謝謝你喔~
不用客氣喔。:)
推實用~~
謝謝。:)
謝謝哦~
很好用
不用客氣。:)
不好意思我有個問題
為什麼我部落格的照片設定中尺寸
在瀏覽時…一定要游標點照片才變大
要如何設定讓大小不變
直接是中尺寸…我覺得視覺上也比較剛好
管理後台 > 部落格 > 基本/進階設定 > 文章圖片大小,這邊可以設定喔。:)
太感謝你了^^
不用客氣喔,若還有別的問題也歡迎來問。:)
請問一下我在社團貼部落格..照片都只會顯示一張…
https://www.facebook.com/taiwan.tomchun?fref=nf
要怎嚜設定才能像這個那嚜多張阿…照片豐富感覺比較吸引人
或者能自己選喜歡的嗎….卸卸
娜歐你好,據我所知這個功能目前只有粉絲專頁才有,而且還不是所有的粉絲專頁都有。你可以用粉絲專頁張貼,再用社團去轉貼。:)
請問新版的痞克邦這功能在那裡?(多張照片相簿使用又可以改框線)謝謝!
老饕的最愛 您好,
這不是新功能,而是語法教學呦!
請問這語法是寫好文,另存語法在筆記本取代後每張照片會變化?一次編輯所有照片指的是相簿內的照片嗎?謝謝!
是針對單篇文章內的所有照片去做設定改變的技巧,每次發文時都得操作過整個流程才行。
單篇文章已經上傳照片 可是語法內找無img tit?
您可以提供語法我看看嗎?:)
**語法**
依照你的狀況來說,就是把
img alt="" height="450"
取代成
img style="border: 1px solid black;" alt="" height="450"
這個樣子…
其實文章中有教學,照著操作過會比較容易理解。
非常感謝你!我剛試OK了!雖然有好幾張沒有框到邊!現在終於可以整齊的照片!謝謝您老師!
我看你的語法是因為你加入照片時已有限制照片高度,可能是你挑照片時有2種不同的設定,不然應該是可以的,試試看。:)
很好用的方法,感謝你!
不用客氣喔,稍微摸索幾次,不管是要限制圖片大小、加邊框、在新視窗開啟等功能都能一次取代,會很省時間喔。:)
http://hrylin.pixnet.net/blog/post/43810297 像這樣的大圖,語法上有可以參考的嗎?謝謝!
這個關係到3個部分:
1, 部落格的設定(當中有一部分是設定圖片怎麼處理的)
2, 部落格的自訂語法(有沒有發現他的介面是比較寬的?)
3, 單篇文章上傳照片時的選項(原始大小)
你可以找找看相關的教學,要稍微有點了解部落格設定會比較容易上手。
感謝!有空來試看看!
不用客氣喔,試試看。
剛終於知道如何設定讓部落格圖片大小不變,困擾我好久了,感謝你唷 ~
兔瑪不用客氣喔,如果有想問的也歡迎再來一起討論。:)
你好,我最近痞客幫改了1366的橫幅,內文也都改了1066,但不知為何不管我後台那邊怎麼改,拖拉器上傳圖片都會自動壓縮成600px,讓我摸不著頭緒,請問你會知道怎麼回事嗎?QQ 不好意思打擾了。
痞客邦我已超過一年沒用,您可以用一下還有在使用的教學部落客。