在 WordPress 區塊編輯器裡按下「+」想插入一張圖，跳出來的選項卻有「圖片」「圖庫」「封面」好幾種，名字都跟圖有關，新手很容易隨手點一個就用，結果版面跑掉、想加的文字壓不上去、想並排的照片變成一張張往下疊。

這三個 WordPress 圖片區塊各有各的設計用途：圖片區塊管單張、圖庫區塊管多張排版、封面區塊則是讓你在圖上壓文字做分區。搞混它們不會讓網站壞掉，但會讓你多花時間反覆調整，也可能讓行動裝置上的排版走樣。這篇會把三者的差別、各自的設定重點，以及「什麼情況該選哪一個」一次講清楚，順帶釐清最多人搞混的「封面區塊」與「特色圖片」差在哪。

圖片、圖庫、封面三種區塊的核心差別在哪

最快的分辨方式是看「放幾張圖」和「圖上要不要壓文字」。圖片區塊一次只放一張，圖庫區塊把多張排成格狀版面，封面區塊則是一張寬幅底圖加上可疊加的文字與色塊。三者都從同一個媒體庫取圖，差別在排版邏輯與互動方式。

下表把日常用得到的判斷點整理在一起，先看全貌再往下細看各區塊：

把這張表記在腦中，後面三節就是逐一拆解每個區塊「為什麼這樣設計」以及「設定時該注意什麼」。

圖片區塊適合放單張照片的哪些情境

圖片區塊是最基礎、也最常用的一個，用途是在文字段落之間插入單張照片或示意圖，讓長篇內容不至於太沉悶。要插入時，點編輯器左上角的「+」選「圖片」，或直接在空白段落輸入 /image 叫出區塊。

插入來源有三種：從電腦硬碟上傳、從媒體庫挑選已上傳過的圖、或貼上外部圖片網址。日常最推薦用媒體庫，因為同一張圖在站內重複使用時不必每次重新上傳，能避免媒體庫塞滿重複檔案。

插入後，圖片上方會出現工具列，右側則有區塊設定面板。幾個常調的設定：

• 對齊方式：圖片預設佔滿內容區寬度，工具列可改成靠左、靠右、置中，以及比內容區更寬的「寬版」與填滿整個瀏覽器的「全寬」。靠左或靠右時，後面的文字會自動圍繞圖片，也就是常說的文繞圖效果。
• 圖說（caption）：圖片下方會有「新增圖片標題」欄位，點一下就能輸入說明文字，適合標註圖片來源或補充說明。
• 超連結：點工具列的鎖鏈圖示，可讓圖片變成可點擊的連結，導向另一個頁面或放大檢視。
• 替代文字（alt text）：在右側面板填寫，是給搜尋引擎與螢幕報讀軟體理解圖片內容用的。寫法要具體描述畫面，避免只寫「圖片」「照片」，長度建議控制在一百多個字元以內，這對圖片 SEO 與無障礙都有幫助。
• 外觀與裁切：右側可選方形或圓角樣式，工具列的裁切按鈕能直接在編輯器裡縮放、旋轉、重新裁切，不必先用修圖軟體處理。

如果你想做的是「圖片在左、文字在右」這種圖文並排，圖片區塊本身做不到精準的兩欄對齊，這時要改用「媒體及文字」區塊。它會建立一個兩欄版面，一欄放圖、一欄放文字，並自動對齊兩欄高度，比硬用圖片靠左去擠文字穩定得多。

圖庫區塊怎麼把多張圖排成整齊的格狀版面

當你要一次展示多張圖，例如作品集、商品照或活動相簿，就該用圖庫區塊而不是塞一堆圖片區塊。圖庫區塊會把選取的多張圖排成格狀版面，並提供統一的欄位與裁切設定，讓尺寸不一的照片也能對齊成整齊的矩陣。

新增時選「圖庫」，可一次上傳多張或從媒體庫複選。插入後，右側面板有兩個關鍵設定：

• 欄位數量：可拖動滑桿或直接輸入數字。實務上 2 欄或 3 欄最常用，因為這個範圍在電腦版與手機版之間最容易取得平衡。圖片數量最好配合欄位數的倍數，例如 3 欄就放 3 的倍數張，版面才不會出現右下角缺一塊的不平衡狀態。
• 裁切圖片以符合版面：開啟後，WordPress 會把每張圖裁成一致比例，原始尺寸不同的照片就能排得整齊；若關閉，圖片會保留原比例，版面容易高低參差。

要注意圖庫的響應式行為和單張圖片不同。單張圖片在手機上會縮成一張、文字往下接；圖庫則是整個格狀區塊一起等比縮小，欄位數通常維持不變，所以欄位設太多時，手機上每張圖會被壓得很小。預覽手機版面後再決定欄位數，會比事後補救省事。

如果一開始用了圖片區塊，後來想合併成圖庫，可以善用區塊的「轉換」功能，把多個圖片區塊轉成一個圖庫；反過來，圖庫也能拆回個別圖片。先用哪一個不是不能回頭，但一開始就選對能少繞路。

封面區塊與特色圖片常被混淆的關鍵

這是新手最容易卡住的地方：封面區塊和特色圖片名字都像「封面」，功能卻完全不同。簡單分辨就是看圖出現在哪裡——封面區塊出現在文章「內文中」，特色圖片出現在文章「外面」的列表與分享預覽。

封面區塊是放在內文裡的一張寬幅底圖，核心特色是能在圖上直接疊加文字與色塊。它常被用來當段落的開場橫幅、行動呼籲的全寬區塊，或在長文中標示新章節的視覺起點。設定上，你可以加一層色彩覆疊提高文字可讀性，也能勾選固定背景，讓圖片在捲動時產生視差的浮動效果。一般建議封面圖用較大的尺寸（例如 1920×1080 像素），才不會在全寬顯示時糊掉。

值得補充的是，一般圖片區塊若點「在圖片上新增文字」，其實也會轉換成封面區塊，這也是兩者容易被混為一談的原因——它們在編輯器裡是相通的。

特色圖片（介面上也常寫作「精選圖片」）則完全是另一回事。它是代表整篇文章的縮圖，設定位置在文章編輯畫面右側的「特色圖片」欄位，不會出現在內文段落之間。它的角色是文章的門面：顯示在部落格首頁、分類彙整頁的文章列表，以及這篇文章被分享到社群時的預覽縮圖。

特色圖片的尺寸由佈景主題決定，因為主題的文章列表、首頁網格有固定版型，需要一致的圖片比例才能維持整齊。許多主題採 16:9，常見尺寸像 680×382 或更大的 1200×675 像素；換主題後最佳尺寸可能跟著變，這點和你能自由控制的封面區塊很不一樣。

把它記成一句話：封面區塊是「文章內」用來分區和壓字的圖，特色圖片是「文章外」用來代表整篇的縮圖。兩者可以同時存在，互不衝突。

不同情境該選哪一種圖片區塊

回到最實際的問題——手上這張圖到底該用哪個區塊。下面幾種常見情境可以直接對照：

• 內文中插一張示意圖或截圖：用圖片區塊，記得填替代文字、需要時加圖說。
• 圖文左右並排：用媒體及文字區塊，不要硬用圖片靠左去擠。
• 一次展示多張作品或商品照：用圖庫區塊，設 2 到 3 欄並開啟裁切，圖片數量配合欄位倍數。
• 想在圖上壓標題或做全寬橫幅：用封面區塊，加色彩覆疊讓文字看得清楚。
• 要設定文章在列表頁和社群分享時的縮圖：那不是內文區塊，去右側欄位設定特色圖片。

選錯也不必重來。區塊編輯器的「轉換」功能讓圖片、圖庫、欄位、群組之間可以互轉，例如多張圖片區塊轉成圖庫、圖片區塊轉成封面。先求把圖放進去，版面不滿意再轉換或調設定，是比刪掉重做更有效率的做法。

判斷的優先順序其實只有兩步：先問「這張圖要放在內文還是代表整篇」，前者在區塊裡選、後者去特色圖片欄位；接著問「放幾張、要不要壓文字」，單張配圖用圖片、多張排版用圖庫、要壓字用封面。兩個問題問完，幾乎所有情況都能對到正確的區塊。

弄懂這幾個 WordPress 圖片區塊的分工後，下一步就是打開編輯器實際各試一遍——插一張圖片、排一組圖庫、做一張壓了字的封面，再到列表頁看看特色圖片長怎樣。親手點過一輪，比看十篇教學都記得牢，往後排版時就能直覺地選對區塊，把時間留給內容本身。