指南/建立內容/設計/如何組合內容區塊

如何組合內容區塊

你可以將多個內容區塊放入群組,用以作為版面形式和統整工具。在本指引中,你會了解如何新增「群組」區塊,以及如何將現有區塊放入群組。

影片教學

建立「群組」區塊

你可以先建立空白的「群組」區塊,然後新增內容。依照下列步驟,即可將空白的「群組」區塊新增至網站:

  1. 前往網站的儀表板
  2. 根據你想要新增圖庫的位置,瀏覽至頁面文章範本,然後編輯或新建下列項目:
    • 頁面:瀏覽至選單的「頁面」區段。
    • 文章:瀏覽至選單的「文章」區段。
    • 範本:瀏覽至「外觀」→「編輯器」並選取範本。
  3. 按一下「+ 區塊插入工具」(加號圖示),然後搜尋「群組」。
首次新增「群組」區塊時,從四種版面形式擇一的選項
  1. 從下列版面形式擇一:
  2. 按一下新「群組」區塊內的「+ 區塊插入工具」,將內容區塊新增至群組。
一個箭頭在「群組」區塊內指向「插入區塊」圖示。

將現有內容分組

若為頁面中原有的區塊,可用下列步驟將這些區塊組合在一起:

  1. 選取要組合的一或多個區塊。可以使用下列選項的其中之一來選取多個區塊:
    • 用滑鼠將區塊反白標示。
    • 按一下第一個區塊、按住鍵盤的 Shift 鍵,然後再按一下最後一個區塊。這個動作會選取第一個和最後一個區塊之間的所有區塊。
    • 使用「清單檢視」按一下第一個區塊,按住鍵盤的 Shift 鍵,然後按一下最後一個區塊。這個動作會選取第一個和最後一個區塊之間的所有區塊。
  2. 選取區塊工具列中顯示新群組圖示中的「群組顯示」、「橫列排列顯示」、「堆疊顯示」或「格狀顯示」。
選取數個區塊後,顯示在區塊工具列中的群組圖示。
  1. 按一下工具列中的「群組」圖示後,系統就會將這些區塊置於「群組」區塊內。

區塊沒有你想要的寬度選項時,可以用區塊工具列中的「選項」() 圖示,將單一區塊分組。

💡

你也可以使用 macOS 的 ⌘ Command + G 或 Windows 的 Ctrl + G 鍵盤捷徑,將選取的區塊快速分組。

為群組命名

你可以為群組新增名稱,讓內容保持井然有序且容易辨識。請依照下列步驟,為「群組」區塊命名或重新命名:

  1. 選取編輯器左上角的「清單檢視」。該圖示看起來像上下排列的三條橫線。
  2. 在清單中找到「群組」區塊,然後按一下該區塊。
  3. 按一下「群組」區塊旁的三點圖示 (⋮)。
  4. 選取「重新命名」選項,然後輸入群組名稱。
「清單檢視」中區塊旁的「選項」選單開啟,「重新命名」選項已選取。

新增「群組」區塊後,該區塊便會在「清單檢視」中顯示為「群組」。有些版面配置範本會將「群組」區塊命名為「區段」或「文章與側邊欄」。無論顯示名稱為何,內容群組的圖示都一樣。

「清單檢視」開啟,顯示分組內容的不同圖示。
預設「群組」區塊
「清單檢視」開啟,顯示分組內容名稱各異的不同圖示。
經過重新命名的「群組」區塊

使用群組

有了群組區塊之後,就可以進行各種操作。請檢視下列指引:

「群組」區塊

「群組」區塊是實用的網站工具,可讓你將不同區塊整合在一起,方便自訂顏色、調整空間,進行各種細…

Copied to clipboard!