通常稱為「主視覺」或「橫幅」圖片，封面區塊可用來在網站中新增大型圖片、影片或文字橫幅。本指南會示範如何新增橫幅，以及選取要顯示的圖片、影片或顏色。
在這部影片中，你會學到如何使用封面區塊，在 WordPress.com 網站中新增視覺頁首或橫幅風格的區段。內容涵蓋新增背景圖片或影片、在上方放置文字或其他區塊、調整版面配置和焦點、自訂覆蓋層，以及在行動裝置上預覽設計。
你可以使用封面區塊，將橫幅圖片新增到網站。若要將橫幅新增至頁面、文章或範本，請依照下列步驟操作：
- 前往網站的控制台。
- 依照你想新增橫幅的位置，前往頁面、文章或範本，然後編輯現有內容或建立新的內容：
- 頁面：前往選單中的「頁面」區段。
- 文章：前往選單中的「文章」區段。
- 範本：前往「外觀」→「編輯器」，並選取範本。
- 按一下「+（區塊插入工具）」圖示，然後搜尋「封面」。
- 或者，在看到「輸入 / 以選擇區塊」時，輸入 /封面。
- 按一下封面圖示以插入封面區塊：
新增封面區塊後，請選取要顯示的媒體。你可以從下列選項中選擇：
- 上傳：按一下「上傳」按鈕，即可從電腦選取檔案。
- 選取媒體：在下列其中一個位置尋找媒體：
- 媒體庫：你已上傳到網站媒體庫的圖片或影片。
- 你的手機：使用 Jetpack 行動應用程式，直接從手機上傳媒體。
- 使用 AI 產生：簡單描述你想使用的圖片類型，AI 就會建立設計。
- Google 相簿：從已連結的 Google 相簿帳號選取媒體。
- Pexels：搜尋 Pexels 圖庫中的免費圖片。
- Openverse：搜尋 Openverse 圖庫中的免費圖片。
- 使用精選圖片：設定後會顯示頁面或文章的精選圖片。如果你將封面區塊新增到範本並選取此選項，系統會自動顯示所有使用該範本的頁面或文章的精選圖片。
- 顏色：你也可以不新增圖片或影片，改為替橫幅選取單一顏色。
接著，你可以將文字和按鈕等內容新增至橫幅、自訂橫幅的版面配置，以及調整橫幅設計。
選取橫幅圖片時，請注意下列事項：
- 裝飾性或抽象圖片通常效果最好，因為在行動裝置上不一定能完整顯示整張圖片。
- 請把文字直接輸入在圖片上方，不要把文字直接設計進圖片本身。這樣可確保文字在各種螢幕大小下都能妥善縮放。
- 封面區塊會將圖片作為背景圖片，在較小的裝置上不會自動縮放成顯示整張圖片的完整寬度。使用焦點選擇器設定，你可以選取在較小螢幕上檢視時要強調的圖片區域。
- 如果圖片中的內容必須在所有裝置尺寸上完整顯示，你可以改用圖片區塊。
封面區塊支援圖片、影片和純色。若要將影片上傳到封面區塊，請依照下列步驟操作：
- 將封面區塊新增至頁面或文章。
- 在區塊工具列中，按一下「新增媒體」選項：
- 選擇下列其中一個選項：
- 上傳：從電腦上傳影片檔案（需要符合資格的方案）。
- 開啟媒體庫：選取你已上傳的影片檔案。
- 從 URL 嵌入影片：貼上 YouTube、Vimeo 或其他供應商的 URL。
封面區塊主要用於裝飾，而非播放功能，因此不會播放影片檔案中的任何聲音。如果你想加入影片音訊，請改用 VideoPress 區塊，讓影片播放時帶有聲音。
加入封面區塊後，你隨時都可以變更媒體。若要更換或移除橫幅中的媒體：
- 在區塊工具列中，按一下「取代」按鈕，以選擇新的圖片或影片。
你可以使用下列其中一個選項來選擇新的媒體檔案：
- 開啟媒體庫：選取你已上傳的圖片。
- 上傳：從你的裝置選取圖片並上傳到網站。查看支援的檔案類型。
- 使用精選圖片：使用頁面或文章的精選圖片。
- 重設：移除圖片，但保留圖片區塊，讓你可以選擇上傳、選取圖片、使用 AI 產生，或從 URL 插入等選項。
- 你的手機：使用 Jetpack 行動應用程式，從手機新增圖片。
- 使用 AI 產生：描述你想要的內容，即可使用 AI 產生圖片。
- Google 相簿。
- Pexels 免費圖庫。
- Openverse 免費圖片。
- 從 URL 嵌入影片：貼上 YouTube、Vimeo 或其他供應商的 URL
WordPress.com 支援 