在 WordPress 中使用區塊版面配置

區塊版面配置是設計精美、可直接使用的版面設計，只要在 WordPress 編輯器中按幾下，就能加入網站。這份指引會說明如何將區塊版面配置新增至網站，然後使用自己的內容加以自訂。

在此指南中

有任何疑問嗎？

教學課程影片

在這部影片中，你將學習如何在 WordPress.com 網站上使用區塊版面配置。影片內容涵蓋從插入工具新增預建版面配置、編輯其內容與版面，以及重複使用你自己建立的版面配置。

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

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

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

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

若要瀏覽可用的區塊版面配置並加以新增至網站，請按照下列步驟操作：

按一下「版面配置」分頁。
瀏覽可用的版面配置。你可以依類別檢視版面配置收藏，例如「入門內容」、「聯絡」、「圖庫」、「部落格文章」等等。
- 若要在較大的視窗中檢視所有版面配置，請按一下該區段底部的「探索所有版面配置」按鈕。
按一下任一版面配置，即可將其新增到頁面中游標所在的位置。

將區塊版面配置新增至網站後，該版面配置就會成為你內容的一部分。日後版面配置庫中的版面配置即使有更新或移除，都不會影響到你已新增至頁面或文章的任何版面配置。

📌

區塊版面配置和入門內容中的圖片可免費使用，但這些圖片託管於外部來源，並未儲存至你的媒體庫。這些圖片日後可能會變更或移除。為獲得最佳效果，建議你用自己的圖片取代。

如果你想預覽版面配置在不同螢幕寬度下的顯示效果，並確認版面是否會自動調整，可以使用WordPress.com 版面配置庫。你不僅可以瀏覽、搜尋和預覽版面配置，也可以將版面配置複製貼上至區塊編輯器中：

前往版面配置庫。
使用類別導覽，或依功能或關鍵字搜尋，即可找到版面配置。
找到要使用的版面配置後，按一下「複製版面配置」按鈕。
- 若你尚未登入，就只能複製每個類別中的前三個版面配置。若需複製更多版面配置，請按一下「取得存取權」，然後登入或建立免費的 WordPress.com 帳號。
前往 WordPress.com 網站上文章、頁面或範本的編輯器，然後使用鍵盤快捷鍵 Command + V（Mac）或 CTRL + V（Windows），或以滑鼠右鍵按一下並選取「貼上」，即可貼上版面配置。
你可以依需求編輯版面配置中的內容，例如圖片、文字或連結。樣式在站點編輯器中設定後，也會自動套用到貼上的版面配置。

區塊版面配置有兩種編輯模式。你可以根據想要變更的內容，在兩種模式之間切換：

將版面配置新增至頁面或文章時，會以僅限內容編輯模式開啟。以下各節將分別說明每種模式。

將區塊版面配置新增至頁面或文章時，版面配置會以僅限內容編輯模式開啟。僅限內容編輯模式會鎖定區塊版面配置的版面，讓你可以安心編輯文字和圖片，不必擔心意外改變版面結構或完全移除某個區塊。

在僅限內容編輯模式中，編輯器只會顯示並提供你可編輯的內容：

清單檢視只會顯示版面配置中的內容區塊，例如標題、段落、圖片和按鈕。控制版面的結構性區塊（欄、群組和列）會隱藏起來，直到你按一下「編輯版面」按鈕為止。
區塊側邊欄會顯示所選區塊可編輯欄位所在的「內容」分頁、可在版面配置中新增或移除特定項目的「清單檢視」選項，以及可調整外觀的「樣式」分頁。
區塊工具列包含「編輯版面」按鈕（可切換至完整結構編輯）和「隨機排列」按鈕（以水滴圖示呈現），用於嘗試不同的樣式變化（如有提供）。

按一下任何可見的內容區塊即可直接編輯，例如選取標題來變更文字、按一下圖片來替換圖片，或以新的 URL 更新連結。

版面配置中的某些區塊包含可重複的項目，例如「按鈕」區塊和「社群圖示」區塊。你可以在不離開僅限內容編輯模式的情況下，新增或移除個別項目。

若要在僅限內容編輯模式中編輯這些特定區塊，請按照下列步驟操作：

若要變更區塊版面配置的版面，請從僅限內容編輯模式切換至完整編輯模式。完成後，再切換回僅限內容編輯模式，這樣在繼續編輯文字和圖片時，版面就會維持鎖定。

若要編輯區塊版面配置的版面，請按照下列步驟操作：

工具列

你建立的版面配置也會顯示在區塊插入工具的版面配置區段中。若要新增你建立的版面配置，請按照下列步驟操作：