你可以透過版面配置儲存自訂區塊,如此便能在網站重複使用。如果打算在新頁面中重複新增相同的區塊群組,版面配置將會為你節省大量時間。不妨閱讀本指引,了解如何建立和使用版面配置。
💡
從 WordPress.com 設計團隊提供的版面配置系列獲得靈感,打造完全符合需求的頁面。
在此指南中
首先,製作你預計重複使用的內容。版面配置可以是單一區塊,也可以是包含多個區塊的群組。我們會在範例中使用如下所示的圖片、標題、文字和行動呼籲按鈕:
製作內容後,請依照以下步驟操作,將內容轉換為可在網站任何位置使用的版面配置。
- 選取所有要重複使用的區塊。區塊的選取方法有很多:
- 你可以用滑鼠對彼此相鄰的多個區塊加上反白標示。
- 使用「清單檢視」、按一下第一個區塊、按住鍵盤的 Shift 鍵,然後按一下最後一個區塊。這個動作會選取第一個和最後一個區塊之間的所有區塊。
- 按一下區塊工具列中顯示的三點圖示。
- 按一下「建立版面配置」選項。
- 為其命名,幫助自己記住版面配置的用途。此名稱只有你看得到。
- 你也可以選擇將此版面配置指派至類別,若你有大量版面配置需要整理,這個非強制操作就會相當有用。
- 開啟或關閉「同步」選項:
- 同步:系統會將你對版面配置所做的任何編輯內容,套用至所有已插入版面配置的位置。適合重複使用的區塊。
- 不同步:系統只會將你對該版面配置所做的任何編輯內容,套用至該版面配置的一個特定實例。若你想在多個頁面使用相同的版面配置,但又想變更每個頁面上的版面配置內容,那麼建議使用「不同步」選項。
- 按一下「建立」按鈕。
請在建立版面配置後,按照下列步驟將版面配置插入內容。
- 按一下「+ 區塊插入工具」圖示。
- 選取「版面配置」分頁:
- 選擇以下任一項:
- 所有版面配置:瀏覽每個版面配置,包括 WordPress.com 提供的版面配置。
- 我的版面配置:只瀏覽你自己建立的版面配置。
- 依類別 (例如「關於」、「橫幅」、「表單」、「服務」等) 瀏覽範例版面配置。
- 按一下版面配置,即可將該配置新增至頁面。
💡
你也可以用鍵盤在新的一行輸入正斜線 / 和版面配置名稱,然後按 Enter 鍵,即可快速新增你所建立的版面配置。
待你新增版面配置後,可透過以下兩種方式加以編輯:
- 如上一節所述,將版面配置新增至網站。
- 選取區塊,然後按一下區塊工具列中的「編輯原始檔」選項:
- 進行變更,相關作業可能涉及輸入新文字、將區塊重新排序、新增新區塊,或是移除區塊。
- 完成變更後,按一下右上角的「儲存/更新/發表」按鈕。
- 你會在儲存變更前,看到一份摘要,說明你對網站所做的變更。若你編輯了同步的版面配置,此處會將該版面配置醒目標示。
- 再次按一下「儲存」按鈕以確認變更,或在任何不想儲存變更旁的方塊取消勾選。
在工具列按一下「重設」選項,即可立即將同步的版面配置還原回原始內容。
- 造訪「儀表板」。
- 前往「外觀」→「編輯器」。
- 按一下「版面配置」選項。
- 選取���面配置並按一下鉛筆圖示,即可編輯該版面配置。
- 編輯完成後,按一下「儲存」按鈕。
如果無法存取「外觀」→「編輯器」,表示網站並未使用區塊佈景主題。若要在不使用網站編輯器的情況下編輯版面配置:
- 造訪「儀表板」。
- 前往「外觀」→「版面配置」。
- 按一下版面配置的標題,即可編輯該配置。
- 完成編輯後,按一下「更新」按鈕。
你可以在建立版面配置時,將其設為「同步」或「不同步」的版面配置。我們會在此說明每個選項,以及如何使用這兩種版面配置。
若你使用同步的版面配置,網站上任何位置所使用的版面配置都會保持一致。當你在網站的某個位置編輯同步的版面配置時,該變更會套用至使用該版面配置的所有位置。舉例來說,若你針對營業時間建立同步的版面配置,則只要你在其中一個版面配置實例中變更時間資料,則整個網站的版面配置都會隨之更新。
你可以透過版面配置符號來識別同步的版面配置,其符號看起來像菱形,後面有另一個菱形。你也會在以下編輯器位置看到該版面配置的名稱:
你可在使用版面配置的任何位置,變更同步的版面配置。當你儲存變更時,系統會將這些變更套用至使用該版面配置的所有頁面和文章。
若你將同步的版面配置中斷連結,就能只針對該頁面或文章編輯版面配置的內容。若你進行這項操作,系統就會將該插入的版面配置轉換為不同步的版面配置,而現有的同步版面配置會維持原狀。
若要將同步的版面配置轉換為不同步的版面配置:
- 如上一節所述,將版面配置新增至網站。
- 按一下版面配置,工具列會顯示在該版面配置的上方或下方。
- 按一下工具列末端的省略符號 (三點圖示),然後選取「中斷」選項:
你可以覆蓋同步版面配置中的內容,但同時讓內容結構的其餘部分維持原狀。你可透過這項操作,根據各個區塊設定個別實例內容的自訂功能,但同時維持整體版面配置的原狀。深入了解版面配置覆蓋。
不同步的版面配置是你所設計並想重複使用的區塊集合,此外你也可在將區塊新增至頁面或文章後,自由變更區塊中的內容。舉例來說,你可能會希望網誌文章能有一致的版面配置,包含圖片和文字。你可以建立版面配置、關閉同步選項,然後使用每篇網誌文章的相同���面配置修改圖片和文字。
但與同步的版面配置不同,將不同步的版面配置新增至頁面後,其行為就與一般區塊集合一樣。你可以變更不同步的版面配置內容,但該項變更只會套用至該單一頁面或文章。
當你變更版面配置時,系統會儲存區塊的先前版本,以便在需要還原至先前版本時使用。請依照下列步驟,取得版面配置的修訂版本:
- 造訪「儀表板」。
- 前往「外觀」→「編輯器」。
- 選取「版面配置」。
- 按一下「管理所有版面配置」選項。
- 將滑鼠游標暫留在任何版面配置的標題上方,然後選取「編輯」。
- 如右側所示開啟「設定」側邊欄。此圖示外觀為正方形中有兩個大小不同的欄位。
- 在「版面配置」分頁下方,按一下「修訂」。如果未顯示「修訂」,表示沒有已儲存的修訂版本。
如果無法存取「外觀」→「編輯器」,表示網站並未使用區塊佈景主題。若要在不使用網站編輯器的情況下存取版面配置修訂版本:
- 造訪「儀表板」。
- 前往「外觀」→「版面配置」。
- 按一下要檢視修訂版本的版面配置標題。
- 如右側所示開啟「設定」側邊欄。此圖示外觀為正方形中有兩個大小不同的欄位。
- 在「版面配置」分頁下方,按一下「修訂」。如果未顯示「修訂」,表示沒有已儲存的修訂版本。
這些修訂版本會顯示先前儲存的所有版面配置版本。與頁面和文章的修訂版本類似,你可以視需要在此處載入較舊的版面配置版本。
若要從網站刪除版面配置:
- 造訪「儀表板」,然後前往「外觀」→「編輯器」。
- 選取「版面配置」→「我的版面配置」。
- 在任何版面配置的名稱旁,按一下三點圖示,然後選取「刪除」選項,即可刪除該版面配置。
如果無法存取「外觀」→「編輯器」,表示網站並未使用區塊佈景主題。若要在不使用網站編輯器的情況下,刪除版面配置修訂版本:
- 造訪「儀表板」。
- 前往「外觀」→「版面配置」。
- 將滑鼠游標暫留在要刪除的版面配置標題上方。
- 在標題下方,選取「垃圾桶」選項。
如果你想將某個網站的版面配置移至其他網站,以下會說明如何以 JSON 檔案的形式將區塊匯出和匯入:
- 造訪「儀表板」。
- 前往「外觀」→「編輯器」。
- 選取「版面配置」。
- 按一下「管理我的所有版面配置」,你可以在此處
- 匯出版面配置:將滑鼠游標暫留在任何版面配置的標題上方,然後按一下「匯出為 JSON 檔案」選項。這項操作會將檔案儲存到電腦。若你已建立任何版面配置,則可以使用核取方塊對這些版面配置批次選取,並將其匯出為群組。
- 匯入版面配置:在版面配置管理畫面頂端,按一下「從 JSON 檔案匯入」按鈕:
如果無法存取「外觀」→「編輯器」,表示網站並未使用區塊佈景主題。若要在不使用網站編輯器的情況下匯入版面配置:
- 造訪「儀表板」。
- 前往「外觀」→「版面配置」。
- 在「版面配置」畫面頂端,按一下「從 JSON 檔案匯入」按鈕。
- 按一下「選擇檔案」,然後選取要上傳的檔案。
- 按一下「匯入」。
若要在不使用網站編輯器的情況下匯出版面配置:
- 造訪「儀表板」。
- 前往「外觀」→「版面配置」。
- 將滑鼠游標暫留在要匯出的版面配置標題上方。
- 在該標題下方選取「匯出為 JSON 檔案」選項。