這篇完成:在任何「上傳/圖庫」欄位,正確把圖放進內容。
前提
- 你正在編輯有圖片欄位的畫面(消息、頁面區塊、商品媒體、Logo、CPT 等)。
- 上傳需要擁有者或編輯者權限。
選擇器長什麼樣子
點欄位旁的 上傳 或 圖庫 後,會開同一套視窗(圖片選擇器):
- 視窗上方可能顯示「目前管理站台:…」,請確認是你正在編的那一站。
- 有上傳權限時,有兩個分頁:上傳、圖庫。
- 點 上傳 按鈕會直接開「上傳」分頁;點 圖庫 會開「圖庫」分頁。
檢視者通常只看得到圖庫、沒有上傳分頁。
從電腦上傳新圖
- 點 上傳(或在已開啟的選擇器切到 上傳 分頁)。
- 選擇檔案。單欄位一次一張;商品媒體、部分圖庫欄位可一次多選。
- 系統會壓縮並上傳,畫面有進度(多檔會顯示目前張數/總張數)。
- 單張或多檔上傳完成後,視窗通常會自動套用並關閉。
- 回到原編輯頁後仍須儲存該筆內容(消息、頁面、商品底部的儲存/發布)。只上傳成功、沒存內容,前台不會出現這張圖。
上傳後圖會進站台圖庫,之後其他欄位也可以再選同一張。
上傳時可填的資訊(圖庫側欄/上傳區)
依畫面可能出現:
| 項目 | 說明 |
|---|---|
| 資料夾 | 新圖要歸到哪個資料夾。許多編輯畫面會自動帶入(例如商品為「商品管理」)。可改選或新建。 |
| 說明(列表/搜尋) | 只給後台圖庫列表/搜尋用,不會自動變成前台圖片下方的圖說。 |
未填說明時,系統常用檔名(不含副檔名)當預設。
從圖庫選既有圖
- 點 圖庫,切到 圖庫 分頁。
- 可用:
- 搜尋:說明、檔名或路徑
- 資料夾下拉:只看某一個資料夾
- 點縮圖選取。單欄位一次一張;商品媒體等可複選多張後按確認。
- 手機上可能先進入單張詳情,再按返回圖庫或確認。
- 確認後套用到欄位,然後儲存內容。
若提示「此站台尚無圖片」,請改到 上傳 分頁,或確認已切到正確站台。
找不到圖時:清空搜尋、資料夾改回全部、確認是否上傳在別的站台。
單張欄位 vs 多張
| 情境 | 選擇器行為 |
|---|---|
| Logo、消息封面、區塊單圖、CPT「圖片」欄 | 選一張即套用 |
| 商品 媒體、CPT「圖庫」欄等 | 可複選;上傳多檔會一次加入 |
商品媒體專用按鈕文案是「從圖庫新增」「上傳圖片」,見 如何設定商品圖片。
內文編輯器插圖
消息、商品詳細內容、部分 CPT 富文字:在編輯器插入圖片時,同樣走這套選擇器(不要依賴從外部網頁直接貼圖當作唯一方式)。貼上外連圖若失敗,請改為手動上傳。
消息內文的「圖說」是這篇文章專用的前台說明,與圖庫裡的「說明」無關、不會互相改寫。
清除欄位上的圖
若欄位有清除控制,那只是拿掉這個欄位的選取,通常不會立刻從圖庫刪檔。刪檔見 刪除與引用檢查。
怎麼驗
- 欄位預覽已換成新圖。
- 內容已儲存/發布。
- 前台或預覽看到新圖(必要時強制重新整理)。
- 再打開選擇器,圖庫裡找得到同一張(搜尋檔名或資料夾)。
常見卡住
| 狀況 | 怎麼辦 |
|---|---|
| 沒有「上傳」分頁 | 權限不足,或你是檢視者。 |
| 上傳失敗 | 檢查格式與大小(資料夾、尺寸與格式);看畫面錯誤提示。 |
| 選了圖但前台沒變 | 忘記按內容的儲存/發布。 |
| 圖庫是空的 | 錯站台,或尚未上傳過;不要以為有全平台共用圖庫。 |
| 上傳後表單被清空 | 極少見;若發生請先複製已填文字再重試,並回報支援。請勿在選圖過程另外整頁重新整理。 |
相關說明
- 資料夾、尺寸與格式
- 如何上傳 Logo 與 Favicon