WordPress 媒體庫 圖片管理 – Real media library 建立資料夾分類外掛

WordPress 圖片

WordPress 媒體庫 在網站架設的過程中佔有非常重要的角色,無論是圖片、影片的素材或者是要提供給使用者下載的型號目錄 PDF 檔,都必須要上傳到 WordPress  媒體庫目錄中,才能夠在網站中編輯與顯示(可參考:WordPress 教學 基礎介紹二(媒體)),在網站經營初期圖片數量不多,在辨識與尋找圖不會太費力,但當時間一久,圖片數量累積到上百張時,如果沒有做好圖片命名規則,加上主機規格不佳或網路速度太慢導致媒體庫中縮圖載入太慢的話,想修改某張圖片就會耗費許多時間去尋找,如此的狀況對於網站修改及維護是非常沒有效率的。
因此在這篇文章鵠學苑就是要推薦 Real media library 這個可以讓媒體庫系統化管理的 WordPress 圖片外掛,Real media library 會在媒體庫中加入可創建階層式的分類目錄資料夾,無論是在任何編輯器中新增媒體,都可以透過媒體庫分類目錄來快速找到圖片,而在上傳圖片的操作介面中,可以直接將圖檔指定到自訂義名稱的資料夾中,將媒體檔案做結構化整理。另外也可以將同一屬性或類型的圖片集中為單一圖庫,透過短代碼(Short Code )將圖片展示區塊放在網站不同的位置,非常方便。接下來就先參考一下 Real media library 的介紹與教學吧!
(小提醒:Real media library 並非免費外掛,無法在網站後台直接搜尋外掛安裝)

Real media library 官方介紹影片

Real media library 外掛下載頁
https://codecanyon.net/item/wordpress-real-media-library-media-categories-folders/13155134?ref=MatthiasWeb
Real media library 官方網站
https://matthias-web.com/wordpress/real-media-library

Real media library 建立媒體庫圖片目錄操作

第一步:透過上方提供的 Real media library 外掛購買及下載連結,可進入到下圖畫面,點選 Buy Now 就可以進入付款頁面並得到下載 外掛 ZIP 壓縮檔的連結。雖然 Real media library 是需要付費購買的外掛,但以筆者使用後的感想,花費 25 美金讓媒體庫管理系統化,間接幫助網站編輯過程更有效率,其實並不算貴,當然網路世界無遠弗屆,也是有其它方式可以運用下載,鵠學苑是以推薦的角度來講解這個外掛,如果您購買了,我們並不會有任何分成。

WordPress 圖片

ZIP 檔安裝方式如下圖所示,或參考:WordPress 教學 基礎介紹六(外掛)

WordPress 圖片

第二步:下圖就是 Real media library 安裝完成後媒體庫的新操作介面,以下介紹:

  1. Folders 有兩個圖示,左邊是建立資料夾,右邊是建立圖庫,操作方式上沒有區別。
  2. 對目錄資料夾做編輯動作的按鈕,由左至右分別是:變更資料夾中圖片順序重新整理資料夾編輯資料夾名稱刪除資料夾移動資料夾為至不同目錄層級
  3. All files :顯示媒體庫中所有檔案,Unorganized:顯示未分類檔案。
  4. 已建立目錄的資料夾區域。

WordPress 圖片

Real media library 變更資料夾中圖片排列順序教學影片

第三步:那建立資料夾的方式很簡單,如果是要建立主目錄資料夾,先選擇 All files,再點選資料夾加號圖示,輸入名稱後點選右方儲存按鈕即創建完成,如下圖一、圖二所示。

WordPress 圖片

WordPress 圖片

第四步:接者要放入對應分類的圖片至資料夾中,在右上角搜尋要分類圖片共有的關鍵字,然後點選批次選擇,將所有要放入資料夾的圖片圈選起來。

WordPress 圖片

WordPress 圖片

第五步:如下圖所示只需點住滑鼠左鍵並開始將圖便拖曳至目標資料夾上,就會自動加入並在資料夾名稱結尾處顯示圖片總數,如下圖所示。

WordPress 圖片

如果是成功放入圖片的話資料夾會自動計算圖片數量,表示移入成功。

WordPress 圖片

加入圖片操作方式影片說明

第六步:如果想要建立階層是目錄讓媒體庫檔案可以分類的更清楚,Real media library 也可以辦到,下圖筆者建立分類名稱為 WordPress 外掛的資料夾。

WordPress 圖片

接者點選 Yoast SEP Premiun 資料夾,在工具欄中點選左右三角形的圖示,點選資料夾後將其拖曳到 WordPress 外掛資料夾下方。

WordPress 圖片

建立子分類資料夾影片教學

第七步:完成拖曳動作後結果如下圖所示,可以為已集中特定檔案的媒體庫資料夾做更詳細的目錄階層關係。

WordPress 圖片

WordPress 圖片

第八步:在這一步驟要說明如何在上傳媒體庫檔案時直接分類於指定資料夾,首先建立一個自訂名稱的資料夾,下圖中筆者命名為海洋,選取想要新增檔案的資料夾(被選取的資料夾會以灰底顯示),點選右方新增檔案,以拖曳或打開本機目錄的方式直接上傳檔案,就能完成上傳媒體庫檔案預設分類資料夾的動作,如圖二與圖三所示。

WordPress 圖片

WordPress 圖片

WordPress 圖片

在 WordPress 加入分類圖片展示

第一步:Folders 右側另一個按鈕,官方說明稱之為 Collection ,對照按鈕在外掛中的功能,筆者暫譯為彙集(彙整集中某些物件)或收藏,在彙集中無法加入媒體檔案作為分類資料夾,它只能夠將具有相同特徵或相似主題性的圖片或影片,在其下方做集中管理或運用,以下直接示範。

WordPress 圖片

筆者在 “海洋” 資料夾下方建立名為 “海洋風景” 的彙集。

WordPress 圖片

第二步:在海洋風景的彙集下筆者分別在建立命名為海龜與沙灘的圖片展示藝廊(Gallery),並且將相關圖片分別加入藝廊中,如下圖所示,如此就完成建立圖片展示區塊的前置作業。

WordPress 圖片

WordPress 圖片

WordPress 圖片

第三步:開啟 WordPress 編輯器,在上方工具列中可以找到如下圖所標示的圖示。

WordPress 圖片

點選後會跳出下圖畫面,Folder 是選擇圖片來源,要從媒體庫資料夾或者彙集中的藝廊來建立圖片展示 ; Link to 是當使用者點擊圖片時要連結到圖片附件頁面或者在網頁中開啟圖片檔案 ; 欄位是決定展示圖片要一列展示幾張,接者就指定是否要隨機顯示以及圖片展示想要顯示的大小。

WordPress 圖片

第四步:在上一步驟設定完成後點選確定,就會插入圖片展示的 ShortCode ( 簡碼 ) 在編輯區域中,如此就完成圖片展示區塊的建立。

WordPress 圖片

第五步:筆者在示範操作中來源選擇海洋( 資料夾 ) → 海洋風景( 彙集 ) → 海龜( 藝廊 ) ,欄位選擇 3 ,順序為隨機,圖片大小為縮圖,顯示的結果就如下圖所示,透過 Real media library 在媒體庫將圖片做系統化分類,接者就能運用簡碼快速建立分類圖片展示區塊,讓網站管理與編輯的過程更加有效率。

WordPress 圖片

結語:

Real media library 雖然必須要付費才能使用,但卻可以在 WordPress 媒體庫中將所有檔案做分門別類的存放,無論是想要刪除沒有用處的圖片及影片,釋放主機空間資源,或者是想要做 SEO 在同一篇文章或頁面的圖片 Alt 替代文字,都能夠更有效率的執行所需工作。另外圖片展示的簡碼功能,更是讓網站編輯自由度變的更高,只要是能夠插入 HTML 代碼的位置,幾乎都可以使用 Real media library 彙集圖片轉換 ShortCode 功能做網頁元素設計,像是電商網站就能在特定區域放入系列商品,可以是主選單、側邊欄、頁尾區域等,Real media library 在付費外掛中可以說是擁有相等於其價位的真正實用功能。
當然網站上也許會有試用版或測試版的 Real media library 外掛,就看各位有沒有花心思找了。今天的教學到這裡告一段落了,不要忘記在右邊訂閱鵠學苑電子報,以確保收到最新教學文章,想學習超詳細的 WordPress 攻略嗎??來 鵠學院 就對了!我們下次的教學見~

WordPress相關教學

網站架設知識推薦閱讀

麥肯錫疫情報告-疫情對消費者習慣的改變!
部落格架站該如何選擇?Medium跟WordPress的優勢比較!
Chrome 移除蓋版廣告?Google 12 項廣告體驗規範簡易說明

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

回到頂端