指南/建立內容/版面組合/建立版面配置

建立版面配置

你可以透過版面配置儲存自訂區塊,如此便能在網站重複使用。如果打算在新頁面中重複新增相同的區塊群組,版面配置將會為你節省大量時間。不妨閱讀本指引,了解如何建立和使用版面配置。

💡

從 WordPress.com 設計團隊提供的版面配置系列獲得靈感,打造完全符合需求的頁面。

影片教學

建立版面配置

若要建立版面配置,請按照下列步驟操作:

  1. 插入你想重複使用的區塊。版面配置可以是單一區塊,也可以是包含多個區塊的群組。
  2. 使用滑鼠反白選取,或在「清單檢視」中選取所有你想要的版面配置區塊
  3. 按一下出現在區塊工具列內的省略符號選單 () (也可能位於「清單檢視」中第一個已選取的區塊旁)。
  4. 按一下「建立版面配置」選項:
一個箭頭從選項選單指向「建立版面配置」選項。
  1. 為其命名,幫助自己記住版面配置的用途。此名稱只有你看得到。
  2. 你也可以將此版面配置指派至類別;如果你有許多版面配置要整理,這個動作會很實用。
  3. 開啟或關閉「同步」選項:
    • 同步:系統會將你對版面配置所做的任何編輯內容,套用至所有已插入版面配置的位置。適合重複使用的區塊。
    • 不同步:系統只會將你對該版面配置所做的任何編輯內容,套用至該版面配置的一個特定實例。若你想在多個頁面使用相同的版面配置,但又想變更每個頁面上的版面配置內容,那麼建議使用「不同步」選項。
  4. 按一下「新增」按鈕:
版面配置建立畫面,顯示名稱,同步選項切換至「開啟」位置。

同步和不同步的版面配置

建立版面配置時,你可將其設為同步不同步。我們會在此說明各個選項,以及如何使用這兩種版面配置。

同步的版面配置

若你使用同步的版面配置,網站上任何位置所使用的版面配置都會保持一致。當你在網站的某個位置編輯同步的版面配置時,該變更會套用至使用該版面配置的所有位置。舉例來說,若你針對營業時間建立同步的版面配置,則只要你在其中一個版面配置執行個體中變更時間資料,則整個網站中插入該版面配置的位置,都會隨之更新。

你可以透過版面配置符號來識別同步的版面配置,其符號看起來像菱形,後面有另一個菱形。你也會在以下編輯器位置看到該版面配置的名稱:

若要編輯同步的版面配置,請選取該版面配置,並按一下出現在區塊工具列和區塊側邊欄設定中的「編輯原始檔」按鈕。

你可以中斷連結已同步版面配置的單一執行個體以修改該執行個體,或使用版面配置覆寫,在不同的已同步版面配置間進行特定修改。

不同步的版面配置

不同步的版面配置是你所設計並想重複使用的區塊集合,此外你也可在將區塊新增至頁面或文章後,自由變更區塊中的內容。

例如,你可能會為部落格文章設定一致的版面配置,包含特定順序的文字和圖片。整體結構維持不變,但文字和圖片每次略有不同。你可以建立版面配置來設定期望的文字和圖片位置、關閉同步選項,然後修改各篇部落格文章的圖片和文字。

你可以使用下列兩種模式之一,編輯不同步的版面配置

  • 僅限內容編輯模式 (預設):直接按一下區塊,新增並取代版面配置中的文字、圖片和連結。版面配置會維持鎖定狀態,因此你不會意外移動或刪除固定版面配置的區塊。
  • 完整編輯模式:按一下區塊工具列和區塊側邊欄設定中的「編輯版面配置」按鈕,變更版面配置本身。你可新增、移除、移動或重新設定版面配置中任何區塊的樣式。

了解如何…

Copied to clipboard!