將橫幅新增至網站

封面區塊通常稱為「大圖」或「橫幅」圖片，可用來在網站中新增大型圖片、影片或文字橫幅。本指引會示範如何新增橫幅，以及選取要顯示的圖片、影片或顏色。

此影片使用英文字幕。
YouTube 提供自動翻譯功能，讓你可以用自己的語言觀看：

開啟自動翻譯字幕的方法：

1. 播放影片。
2. 點擊影片右下角的 ⚙️ 設定 圖示。
3. 選擇 字幕/副本。
4. 選擇 自動翻譯。
5. 從清單中選擇你的偏好語言。

使用自動配音（測試版）的方法：

1. 點擊 ⚙️ 設定 圖示。
2. 選擇 音訊曲目。
3. 選擇你想收聽的語言：

ℹ️ 翻譯與配音由 Google 自動產生，可能不夠精確，且自動配音功能仍在測試階段，暫未向所有語言開放。

你可以使用封面區塊，將橫幅圖片新增到網站。若要將橫幅新增至頁面、文章或範本，請採取以下步驟：

1. 前往網站的儀表板。
2. 根據你想要新增橫幅的位置，瀏覽至頁面、文章或範本，然後編輯或建立新橫幅：
   • 頁面：前往選單的「頁面」區段。
   • 文章：前往選單的「文章」區段。
   • 範本：前往「外觀」→「編輯器」並選取範本。
3. 按一下「+ (區塊插入工具)」圖示，然後搜尋「封面」。
   • 或者，在看到「輸入 / 以選擇區塊」時輸入 /cover。

4. 按一下封面圖示以插入封面區塊：

新增封面區塊後，選取要顯示的媒體。你可以在下列選項中選擇：

• 上傳：按一下「上傳」按鈕，即可從電腦選取檔案。
• 選取媒體：在下列其中一個位置尋找媒體：
  • 媒體庫：你已上傳至網站「媒體庫」的圖片或影片。
  • 手機：使用 Jetpack 行動裝置應用程式，直接從手機上傳媒體。
  • 使用 AI 產生：簡短說明你想要使用的圖片類型，AI 會建立設計。
  • Google 相簿：從連結的 Google 相簿帳號選取媒體。
  • Pexels：搜尋 Pexels 圖庫中的免費圖片。
  • Openverse：搜尋 Openverse 媒體櫃中的免費圖片。
• 使用精選圖片：設定時顯示頁面或文章的精選圖片。將封面區塊新增至範本，而選取此選項會自動顯示使用該範本之任何頁面或文章中的精選圖片。
• 顏色：不要新增圖片或影片，而是選取純色用於橫幅。

接著你可以將文字和按鈕等內容新增至橫幅、自訂橫幅版面配置，以及調整橫幅設計。

選取橫幅圖片時注意下列事項：

• 由於在行動裝置未必總是能顯示完整圖片，因此裝飾性或抽象圖片是最好的選擇。
• 在圖片上輸入文字，而不要在圖片本身當中設計文字，這麼做才能確保文字的縮放確實符合所有螢幕大小。
• 封面區塊會使用圖片作為背景圖片，且不會調整大小，以在較小尺寸裝置顯示完整圖片寬度。使用焦點選擇器設定，你可以選取在較小的螢幕檢視時要聚焦的圖片部分。
  • 如果圖片中的內容需要在所有裝置大小完整顯示，可以改用圖片區塊。

封面區塊支援圖片、影片和純色。若要將影片上傳至封面區塊，你使用的 WordPress.com 方案必須支援影片上傳功能。進階版方案及更高方案均包含影片上傳功能。使用內含影片上傳功能的方案時，你就能在選擇橫幅媒體時選取影片。

封面是裝飾性的區塊 (而不是功能性的區塊)，因此此區塊不會播放影片檔案中的任何聲音。請改用 VideoPress 區塊，讓影片在播放時帶有聲音。

新增封面區塊後，即可隨時變更媒體。若要更換或移除橫幅中的媒體：

1. 前往網站的儀表板。
2. 瀏覽至橫幅所在的頁面、文章或範本。
3. 選取編輯器左上角的「清單檢視」。
4. 按一下清單檢視中的「封面區塊」項目。

5. 在區塊工具列中，按一下「取代」按鈕，以選擇新的圖片或影片。

你可以使用下列其中一個選項，來選擇新的媒體檔案：

• 開啟媒體庫：從媒體庫或其他來源 (例如 Google 相簿、Pexels 或 Openverse) 選擇現有的圖片或影片。
• 上傳：從裝置選取新圖片或影片。
• 使用精選圖片：使用頁面或文章的精選圖片。
• 重設：清除橫幅媒體，顯示純色。