魚編
更多即訊息

因此這篇就是要來接介紹幾款在媒體庫跟圖片管理上有幫助的外掛,本來這篇是有想放在「文章寫作與管理外掛清單」之中,而後考量到圖片管理是比較偏後台部分,不太會呈現於前頭,且並非所以寫文的人都一定會需要圖片,以及考慮到圖片管理也是需一些基本概念的,最後還是決定將其分開,。

同樣的在這篇所介紹到的外掛,若已經完成本地化的話會特別點名出來,若沒有說特別提及就是沒有完成本地化,介面就會保持原文狀態。其中大多數本地化是由阿力獅教室的站長 Alex Lion 無私幫忙完成,有他的佛心翻譯,台灣 WordPress 圈才能有高品質的中文介面可以使用,萬分感謝。

清除遺忘許久的圖片-Media Cleaner

Media Cleaner 這款外掛最大的特點就是清除已經沒有使用的圖片,也就是說若有圖片沒有出現在網站任何一角落之中,那就是 Media Cleaner 清除的對象。

清除完畢後,Media Cleaner 大概過一陣子心理來潮想大打掃時就會下載來用,雖然我已經養成用不到的圖片隨手清除,不過偶爾也會犯糊塗忘記,因此還是會需要它的幫忙,畢竟在怎麼壓縮圖片都沒有比刪除,更能讓將空間給釋放出來的做法了。

用資料夾來分類管理-FileBird

眾所周知,WordPress 媒體庫陽春到一個讓人傻眼的地步,圖片數量不多時還能將就的用,若圖片數量一多在使用上絕對是場噩夢。為此而誕生不少相關外掛來解決這個問題,遙記新手期的我也下載一款圖片管理外掛來用,評價還不錯,但就是不適合我,不適合到我以為那款外掛就是 WordPress 原始的管理介面,難用的要命。

只是 Happy Files 有個問題,免費版無法建立子資料夾,這對我而言有點小困擾,沒法子使用子資料夾就會讓檯面上呈現很多資料夾,感覺就很雜亂;其次是免費版它只能提供 10 個資料夾的名額,這對我而言根本不夠用啊;最後還有一點就是它後來從官方清單中下架了,雖然不確定是什麼原因,但免費版本的外掛若沒有在官方清單中,我會很沒安全感。基於以上幾種原因,我就只得重新找尋類似的外掛來使用了

只是這過程花了我不少時間才找到 FileBird,雖然類似的外掛很多,但通常找到的類似外掛,大部分是付費版才有提供子資料夾,若是有免費子資料夾的話,那麼資料夾就會有上限,要找到同時兼具免費版就能使用子資料夾跟資料夾無上限的外掛,真的好難,難道有一度考慮要不要把刷給下去了,幸好努力沒有白費,還是讓我找到了。

FileBird 雖然說明跟介紹都沒有本地化,不過使用介面已經完成本地化了,我當初下載時本地化還不夠完整,幸虧 Alex Lion 有去跟開發者溝通與進行最後本地化,最後才讓整個使用介面有完整的繁體中文,萬分感謝 Alex Lion 的幫忙。

FileBird 的優點如同前面所說的,免費版就能夠使用子資料夾,且沒有數量上的限制,不過資料夾功能只能在文章範圍內出現,如果你要在建構頁面時使用,它的資料夾就不會出現,你只能慢慢往下拉去找尋需要的圖片,若是不想花時間在找尋圖片上,就會需要使用付費版了。

我自己現在已經沒有新增頁面的需求,加上若真的要動頁面圖片,我也會先查好圖片檔案名稱,直接用搜尋拉出圖片,因此免費版對我而言,可謂是非常夠用的。

增加圖片 SEO 的分數-Auto Image Attributes From Filename With Bulk Updater、Media File Renamer

贊助商連結

要將圖片SEO建立好需要填寫的資料頗多,基本就有標題與替代文字要寫,進階一點就是媒體說明文字跟內容說明要填,由於要填入的欄位有點多,因此很多人都忽略不填,讓圖片的 SEO 呈現一片藍海,只要肯認真好好填,就能贏過不少資深網站,只是這過程真得很煩,因此就有相對應外掛出現來解決這一困擾。

只是有個致命傷,假若習慣用數字當作檔案,這款外掛就完成發揮不了效果,因為檔案名是數字/英文,那麼後續自動產生的也是相同的數字/英文,這也是我後來刪除它的緣故。我還是習慣用數字當作檔案名稱,不然一篇文章上傳十來張照片,每張照片都要取個切中核心且精簡的中文檔案名,難度實在是太高了。

Auto Image Attributes From Filename With Bulk Updater 還有個問題,在安裝外掛前的圖片是無法自動產出後續內容的,因此外掛也提供批次更新的功能,只要將圖片的標題修改好,就可以批次將圖片更新,更新之後的替代文字、媒體說明文字、內容說明都會有跟標題一樣的文字出現。

只是想修改標題就需要一張張點進去,這樣子太耗費時間了,因此這時候就可以使用 Media File Renamer 這款外掛來大量修改標題或檔案名稱。簡單說它就是將所有圖片檔案列表呈現,讓使用者不用點擊進去圖片資訊頁面也能進行修改,雖然圖片有點小不太好確認,但大體而言還算方便。

只要將名稱手動修改完後,就可以再使用 Auto Image Attributes From Filename With Bulk Updater 進行批次更新,這樣子就能快速的將所有圖片的 SEO 建立完善,除了修改檔案名稱外,也能同時修改替代文字等資訊,只是那就是付費版才有的功能了。以我的狀況來說 Media File Renamer 反而比較適合我,畢竟文章產出的當下真心沒力氣去想短字句來形容圖片,但文章發布就比較有空去想跟修改圖片,不過現階段還是覺得再看看,五千多張圖片就算能列表,修改起來還是一件讓人想跳樓的大工程。

不過我現在主要是用在修改手機上傳圖片的檔案名稱,雖說好像手機也可以改檔案名,但我想簡化整體操作流程,圖片直接上傳比較直覺跟簡單,檔案名等開電腦後再來修改就好,且改名稱也比手機更快跟方便。

壓縮兼轉 Webp 格式-EWWW Image Optimizer

這款外掛用好多年了,在小聚時詢問有無推薦的壓縮外掛,那時得到好幾款推薦外掛,EWWW Image Optimizer 之所以出穎而出,是因為它還兼具另一項重要功能,就是它能自動將上傳圖片轉成 Webp 檔。

這邊簡單說下,WebP 是 Google 於 2010 年提出的圖檔格式,若將圖片轉換為 WebP 格式,能有效減少 30% 左右空間,讓網頁載入更有效率,壓縮同時還能維持圖片品質,網站使用 Webp 格式圖片還能增加良好網站使用體驗,算是對 SEO 是有所幫助,因此 WordPress 從 5.8 版本就開始支援 WebP 圖片格式。

記得我是用時 WordPress 版本好像是五點多,Webp 也尚未普及,不過參加小聚的工程師們都很看好 Webp 格式的發展性,雖然那時候 Webp 格式的圖片還無法上傳到 WordPress 網站中,若要使用 Webp 格式就會需要外掛協助,EWWW Image Optimizer 就是在這種背景下在眾多推薦外掛中脫穎而出。

也因此當 WordPress 開始支援 WebP 圖片格式時,我是無感的,因為我老早就是 WebP 格式了,唯一有感的大概就是抓日本樂天網站圖片時,總算不用再將 WebP 轉成 JPG 或是 PNG 才能上傳到網站,開始支援之後就能直接上傳了,算是多少降低了處理圖片的麻煩事。

以我的圖片數量來講,EWWW Image Optimizer 的壓縮功能表現相當不錯,操作上相當簡單,也能看到壓縮前後的差異,能批次壓縮也能個別壓縮,重點是沒有檔案上的限制,我圖片約有五千多張,容量約 14G,不算大但也不小,在這種情況下都不需要額外付費,超感動的說。

相關文章推薦

精選圖片免設定產生-XO Featured Image Tools

要是當初能痞客邦搬家過來時,要是知道有 XO Featured Image Tools 這款外掛就好,因為它能夠自動大量將文章中的第一張圖片設為精選圖片,這是它最厲害之處,一次 KO 掉所有沒有精選圖片的文章,讓你不用趕緊的一篇篇文章點開後手動設定。

要知道是痞客邦是沒精選圖片設定,因此搬過來後只能一篇篇點進去設定精選圖片,這樣子才能看到文章縮圖效果,當初一百多篇文章,我是設定到非常厭世,尤其是那時我圖片庫還沒跟著搬來 WordPress,這種枯燥的設定某種程度也算是種精神折磨,現在回想起來,根本不知道那時候是如何度過這關卡的。

這款外掛也同樣由 Alex Lion 完成本地化,記憶中好像也是有社團成員提出類似的需求,Alex Lion 才特別找出來的,剛好這款外掛很輕量,程式碼上也沒甚麼問題,他就順手完成本地化了,專家就是專家,這麼麻煩的事情也能說得如此輕巧。

相關討論文章

精選圖片直接預設好-Default featured image

由於 WordPress 文章都設有精選圖片選項,若沒有特別需要指定圖片的話,那麼就可以直接安裝這款 Default featured image,它能夠直接將精選圖片預設好,這樣每次發文就不需要特別去作精選圖片的設定了,更能簡化發文流程,對於精選圖片需求不高的人來講,會是一個很方便的外掛。

且這款也已經完成本地化,在操作上也非常簡單,直接到「設定」中的「一般」就可以進行了,且設定好圖片後,還可以勾選要預設還是不用,這樣子就增加了使用彈性,能在某一段時間內都用預設圖片,某一段時間暫時不用,依照自己跟文章狀況進行勾選調整,而不用去外掛那邊關閉或開啟使用,這點也頗為貼心的說。

進階版-處理縮圖的組合技

WordPress 的自動產生縮圖功能,雖然提供了很多便利,同時也容易產生多餘尺寸圖片,若網站沒幾張圖片到也沒差,然若是有在寫文章的話,還是要好好處理關於縮圖這個問題,不然主機空間再大也不一定夠用。

之前在社團中看到兩種處理多餘縮圖的方式,雖然想法上有些許不同,仍有共同點,那就是先停止內建縮圖,兩種方法都不約而同都使用了 Stop Generating Unnecessary Thumbnails,來停止縮圖的產生,果然打蛇打七寸,從源頭把問題掐滅才是正解。

停止內建縮圖-Stop Generating Unnecessary Thumbnails

重新產生縮圖-Regenerate Thumbnails

清除並重新產生縮圖-Force Regenerate Thumbnails

小結-媒體庫管理做得好,省主機空間也省荷包

拿著相機拍攝的人,拍攝出來的照片就能拿來當作網站圖片使用,成為媒體庫的一環

圖片要有效管理最好的方法還是從源頭處理起,首要根本就是要上傳的照片都要經過適當的壓縮,不要張張都超高解析度,其次就是關閉自動產生縮圖的功能,不要任其產生一堆用不到的圖片。只要能做到這兩點,圖片佔據的空間就能控制在合理範圍內,在挑選主機時就更能預測自己大概需要的主機硬碟空間,就不需要花大錢弄空間來儲存圖片了。

圖片大小當然要控管外,圖片的 SEO 建立也是一門相當重要的課題,在現在這個搜尋紅海中要讓自家網站出現在首頁,那麼圖片就會是個很棒的突破口,畢竟有認真做圖片 SEO 的人不多,加上現在不少使者在搜尋時不只會從文字去搜尋,很多也會從圖片去做搜尋,因此做好圖片 SEO 絕對是一項很划算的投資。

其次圖片資訊欄位的填入,不光是給爬蟲看,這些欄位很大程度很輔助視障人士去理解圖片內容,讓視障人士不只是閱讀文字,也能透過圖片來更加了解文章內容,另外還有就是當圖片在網頁出不來時,也能幫助使用者理解原先這些圖片大概是怎樣的。

媒體庫其實還包含了影片,不過影片所佔的空間真的就比較大,現在主流做法都是上傳到 Youtube,後再連回自家網站,這樣既不佔主機資源,還能替影片增加另一個曝光渠道,可謂是一箭雙鵰,因此這邊就沒特別談到關於影片部分了。

最後希望這 9 款外掛在大家管理圖片上都能有幫助,圖片不再佔資源,就能盡情的拍攝照片,不用擔心圖片是否會讓主機空間不夠,更能有更多好圖能出現在文章中,讓圖片能更有效達成輔助文章,讓兩者能相輔相成來成就更多更精美的好文章。

相關文章延伸閱讀

有 23 人閱讀過此文
Scroll to Top