返回支援 內容和媒體 區塊 建立版面配置

建立版面配置

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

💡

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

建立版面配置

首先,製作你預計重複使用的內容。版面配置���以是單一區塊,也可以是包含多個區塊的群組。我們會在範例中使用如下所示的圖片、標題、文字和行動呼籲按鈕:

可轉換為版面配置的區塊集合範例。
使用「媒體及文字」區塊的區塊集合範例,內含「標題」、「段落」和「按鈕」。

製作內容後,請依照以下步驟操作,將內容轉換為可在網站任何位置使用的版面配置。

  1. 選取所有要重複使用的區塊。區塊的選取方法有很多:
    • 你可以用滑鼠對彼此相鄰的多個區塊加上反白標示。
    • 使用「清單檢視」、按一下第一個區塊、按住鍵盤的 Shift 鍵,然後按一下最後一個區塊。這個動作會選取第一個和最後一個區塊之間的所有區塊。
  2. 按一下區塊工具列中顯示的三點圖示。
  3. 按一下「建立版面配置」選項。
  4. 為其命名,幫助自己記住版面配置的用途。此名稱只有你看得到。
  5. 你也可以選擇將此版面配置指派至類別,若你有大量版面配置需要整理,這個非強制操作就會相當有用。
  6. 開啟或關閉「同步」選項:
    • 同步:系統會將你對版面配置所做的任何編輯內容,套用至所有已插入版面配置的位置。適合重複使用的區塊。
    • 不同步:系統只會將你對該版面配置所做的任何編輯內容,套用至該版面配置的一個特定實例。若你想在多個頁面使用相同的版面配置,但又想變更每個頁面上的版面配置內容,那麼建議使用「不同步」選項。
  7. 按一下「建立」按鈕。

使用版面配置

請在建立版面配置後,按照下列步驟將版面配置插入內容。

  1. 按一下「+ 區塊插入工具」圖示。
  2. 選取「版面配置」分頁:
按一下區塊插入工具後,某個版面配置由指向分頁的箭頭所標示。
  1. 選擇以下任一項:
    • 所有版面配置:瀏覽每個版面配置,包括 WordPress.com 提供的版面配置。
    • 我的版面配置:只瀏覽你自己建立的版面配置。
    • 依類別 (例如「關於」、「橫幅」、「表單」、「服務」等) 瀏覽範例版面配置。
  2. 按一下版面配置,即可將該配置新增至頁面。

💡

你也可以用鍵盤在新的一行輸入正斜線 / 和版面配置名稱,然後按 Enter 鍵,即可快速新增你所建立的版面配置。

編輯版面配置

待你新增版面配置後,可透過以下兩種方式加以編輯:

插入要編輯的版面配置

  1. 上一節所述,將版面配置新增至網站。
  2. 選取區塊,然後按一下區塊工具列中的「編輯原始檔」選項:
同步的版面配置工具列。
  1. 進行變更,相關作業可能涉及輸入新文字、將區塊重新排序新增新區塊,或是移除區塊
  2. 完成變更後,按一下右上角的「儲存/更新/發表」按鈕。
  3. 你會在儲存變更前,看到一份摘要,說明你對網站所做的變更。若你編輯了同步的版面配置,此處會將該版面配置醒目標示。
  4. 再次按一下「儲存」按鈕以確認變更,或在任何不想儲存變更旁的方塊取消勾選。

在工具列按一下「重設」選項,即可立即將同步的版面配置還原回原始內容。

箭頭將同步版面配置的變更加上醒目標示。

透過「我的版面配置」編輯版面配置

  1. 造訪「儀表板」。
  2. 前往「外觀」→編輯器」。
  3. 按一下「版面配置」選項。
  4. 選取版面配置並按一下鉛筆圖示,即可編輯該版面配置。
  5. 編輯完成後,按一下「儲存」按鈕。

如果無法存取「外觀」→「編輯器」,表示網站並未使用區塊佈景主題。若要在不使用網站編輯器的情況下編輯版面配置:

  1. 造訪「儀表板」。
  2. 前往「外觀」→「版面配置」
  3. 按一下版面配置的標題,即可編輯該配置。
  4. 完成編輯後,按一下「更新」按鈕。

同步和不同步的版面配置

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

同步的版面配置

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

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

同步的版面配置工具列
區塊工具列中顯示的版面配置圖示和版面配置名稱。

你可在使用版面配置的任何位置,變更同步的版面配置。當你儲存變更時,系統會將這些變更套用至使用該版面配置的所有頁面和文章。

將同步的版面配置中斷連結

若你將同步的版面配置中斷連結,就能只針對該頁面或文章編輯版面配置的內容。若你進行這項操作,系統就會將該插入的版面配置轉換為不同步的版面配置,而現有的同步版面配置會維持原狀。

若要將同步的版面配置轉換為不同步的版面配置:

  1. 上一節所述,將版面配置新增至網站。
  2. 按一下版面配置,工具列會顯示在該版面配置的上方或下方。
  3. 按一下工具列末端的省略符號 (三點圖示),然後選取「中斷」選項:
箭頭指向區塊工具列中的省略符號,「中斷」選項加上醒目標示。

覆蓋同步的版面配置

你可以覆蓋同步版面配置中的內容,但同時讓內容結構的其餘部分維持原狀。你可透過這項操作,根據各個區塊設定個別實例內容的自訂功能,但同時維持整體版面配置的原狀。深入了解版面配置覆蓋。

不同步的版面配置

不同步的版面配置是你所設計並想重複使用的區塊集合,此外你也可在將區塊新增至頁面或文章後,自由變更區塊中的內容。舉例來說,你可能會希望網誌文章能有一致的版面配置,包含圖片和文字。你可以建立版面配置、關閉同步選項,然後使用每篇網誌文章的相同版面配置修改圖片和文字。

但與同步的版面配置不同,將不同步的版面配置新增至頁面後,其行為就與一般區塊集合一樣。你可以變更不同步的版面配置內容,但該項變更只會套用至該單一頁面或文章。

還原版面配置先前的修訂版本

當你變更版面配置���,系統會儲存區塊的先前版本,以便在需要還原至先前版本時使用。請依照下列步驟,取得版面配置的修訂版本:

  1. 造訪「儀表板」。
  2. 前往「外觀」→「編輯器」
  3. 選取「版面配置」。
  4. 按一下「管理所有版面配置」選項。
  5. 將滑鼠游標暫留在任何版面配置的標題上方,然後選取「編輯」。
  6. 如右側所示開啟「設定」側邊欄。此圖示外觀為正方形中有兩個大小不同的欄位。
  7. 在「版面配置」分頁下方,按一下「修訂」。如果未顯示「修訂」,表示沒有已儲存的修訂版本。

如果無法存取「外觀」→「編輯器」,表示網站並未使用區塊佈景主題。若要在不使用網站編輯器的情況下存取版面配置修訂版本:

  1. 造訪「儀表板」。
  2. 前往「外觀」→「版面配置」
  3. 按一下要檢視修訂版本的版面���置標題。
  4. 如右側所示開啟「設定」側邊欄。此圖示外觀為正方形中有兩個大小不同的欄位。
  5. 在「版面配置」分頁下方,按一下「修訂」。如果未顯示「修訂」,表示沒有已儲存的修訂版本。

這些修訂版本會顯示先前儲存的所有版面配置版本。與頁面和文章的修訂版本類似,你可以視需要在此處載入較舊的版面配置版本。

編輯器右側邊欄的版面配置模組。以橘色箭頭將修訂版本加上醒目標示。

刪除版面配置

若要從網站刪除版面配置:

  1. 造訪「儀表板」,然後前往「外觀」→「編輯器」
  2. 選取「版面配置」→「我的版面配置」
  3. 在任何版面配置的名稱旁,按一下三點圖示,然後選取「刪除」選項,即可刪除該版面配置。
已選取「我的版面配置」,箭頭指向三點圖示,然後指向「刪除」按鈕。

如果無法存取「外觀」→「編輯器」,表示網站並未使用區塊佈景主題。若要在不使用網站編輯器的情況下,刪除版面配置修訂版本:

  1. 造訪「儀表板」。
  2. 前往「外觀」→「版面配置」
  3. 將滑鼠游標暫留在要刪除的版面配置標題上方。
  4. 在標題下方,選取「垃圾桶」選項。

將版面配置匯入和匯出

如果你想將某個網站的版面配置移至其他網站,以下會說明如何以 JSON 檔案的形式將區塊匯出和匯入:

  1. 造訪「儀表板」。
  2. 前往「外觀」→「編輯器」
  3. 選取「版面配置」。
  4. 按一下「管理我的所有版面配置」,你可以在此處
    • 匯出版面配置:將滑鼠游標暫留在任何版面配置的標題上方,然後按一下「匯出為 JSON 檔案」選項。這項操作會將檔案儲存到電腦。若你已建立任何版面配置,則可以使用核取方塊對這些版面配置批次選取,並將其匯出為群組。
    • 匯入版面配置:在版面配置管理畫面頂端,按一下「從 JSON 檔案匯入」按鈕:
「從 JSON 檔案匯入」按鈕顯示於版面配置畫面。

如果無法存取「外觀」→「編輯器」,表示網站並未使用區塊佈景主題。若要在不使用網站編輯器的情況下匯入版面配置:

  1. 造訪「儀表板」。
  2. 前往「外觀」→「版面配置」
  3. 在「版面配置」畫面頂端,按一下「從 JSON 檔案匯入」按鈕。
  4. 按一下「選擇檔案」,然後選取要上傳的檔案。
  5. 按一下「匯入」。

若要在不使用網站編輯器的情況下匯出版面配置:

  1. 造訪「儀表板」。
  2. 前往「外觀」→「版面配置」
  3. 將滑鼠游標暫留在要匯出的版面配置標題上方。
  4. 在該標題下方選取「匯出為 JSON 檔案」選項。
Copied to clipboard!