多媒體管理：圖片上傳與 YouTube 影片整合

## 🖼️ 圖片與影片是最有力的溝通語言

對於創意工作室而言，視覺呼現是一切的核心。WuminWeb 提供完整的**圖片管理**與 YouTube 影片整合功能，讓每一張圖、每一支影片都能被妥善管理，並在適當的位置發揮最大效果。

> ✅ 支援格式： JPG、PNG、WebP、GIF，建議使用 WebP 格式可有效減小檔案大小並保持舉質。

---

## 📸 圖片管理模組

### 📤 多圖批次上傳

後台提供直覺的圖片上傳介面，支援：

- 批次上傳：一次選取多張圖片同時上傳，節省時間

- 拖放上傳：直接從電腦拖放圖片到上傳區域

- 格式驗證：自動驗證檔案格式（支援 JPG、PNG、WebP、GIF）

- 大小限制：設定單檔上傳限制，防止過大檔案影響效能


多圖批次上傳介面，支援拖放操作

### 圖片管理介面

已上傳的圖片統一在媒體庫管理：

- 網格瀏覽：縮圖網格讓圖片一覽無遺

- 搜尋篩選：依上傳日期、檔名或關聯內容快速尋找

- 分頁顯示：大量圖片分頁呈現，避免一次載入過多

- 圖片預覽：點擊縮圖可放大查看完整圖片

### 封面圖設定

每個內容項目（文章、作品、商品、相簿）都可以從關聯圖片中指定一張為**封面圖**。封面圖將出現在：

- 前台列表卡片

- Open Graph 社群分享預覽

- SEO 富摘要圖片

### 啟用狀態控制

每張圖片可獨立設定**啟用/停用**，停用的圖片不會在前台顯示，但保留於系統中供日後重新啟用。

### 軟刪除與回收桶

刪除圖片時系統執行**軟刪除**，圖片移入回收桶，保留原始檔案。如需還原，只要進入回收桶頁面，一鍵恢復即可。

> ⚠️ 徹底清除回收桶後，圖片檔案才會從伺服器永久刪除，此操作不可逆。

---

## 圖片與內容的關聯機制

WuminWeb 採用**共用媒體庫**架構，圖片上傳一次後可跨內容複用：

```

媒體庫（共用圖片池）

↓

掛載至：文章 / 作品 / 商品 / 相簿 / Banner

↓

前台自動根據關聯顯示對應圖片

```

這樣的設計避免重複上傳同一張圖片，節省儲存空間，也讓圖片管理更加集中。

---

## YouTube 影片連結管理模組

除了圖片，影片也是創意展示的重要元素。WuminWeb 整合 YouTube 影片管理，無需自行儲存影片檔案。

### 新增 YouTube 影片

在後台輸入：

- YouTube 影片 URL 或影片 ID

- 影片標題（可自訂，方便後台識別）

系統自動解析影片資訊，並在管理介面提供**嵌入式預覽**，確認影片正確無誤。

### 影片列表管理

| 功能 | 說明 |

| ----------- | -------------------------------- |

| 新增 / 編輯 | 修改影片標題或更換連結 |

| 啟用 / 停用 | 控制影片是否在前台顯示 |

| 軟刪除 | 移至回收桶，可還原 |

| 排序 | 調整影片在作品或文章中的顯示順序 |

### 影片嵌入展示

前台影片頁以響應式嵌入框架顯示 YouTube 播放器，在手機、平板與電腦上均有完美的寬高比顯示。

---

## 相簿功能

WuminWeb 還提供**相簿（Gallery）**功能，可以：

- 建立命名相簿，將相關圖片分組整理

- 設定相簿封面圖

- 前台相簿頁面以網格方式展示所有相簿

- 點入相簿後以燈箱（Lightbox）瀏覽個別圖片

---

## 小結

完善的多媒體管理系統是視覺型工作室的基礎建設。WuminWeb 的圖片與影片管理模組設計以「上傳一次、多處使用」為原則，搭配軟刪除回收機制和 YouTube 整合，讓創意工作者能夠專注於作品本身，而不是浪費時間在媒體檔案的整理上。