指南/編輯網站/內容區塊

內容區塊

內容區塊是網站範本的一部分,可顯示新增至文章或頁面的內容。本指引將說明如何在建立網站時使用此區塊。

了解內容區塊

當你在建置網站時,不妨將「內容」區塊視為控制頁面和文章顯示內容的區段。不論是「關於」頁面或「聯絡」頁面,都可能會使用相同的頁首、頁尾和結構 (也就是範本)。「內容」區塊會顯示新增至頁面和文章中的獨特內容。

你無法直接變更此區塊中的內容;區塊會根據你選擇的範本,自動在每個頁面或文章顯示正確內容。

編輯器中加上醒目提示的「內容」區塊。
範本編輯器中的「內容」區塊。
顯示於公開頁面的實際內容。
在已上線網站顯示自訂內容的「內容」區塊。

⚠️

若範本中不含「內容」區塊,則你透過頁面和文章新增的內容就不會顯示於已上線的網站或網誌,而是每個頁面都一樣,顯示的內容也相同。

在「範本說明」深入了解我們可自訂進度的自學課程,或直接前往多用途範本區段了解更多資訊。

新增內容區塊

範本應已隨附「內容」區塊。若頁面未顯示任何內容,表示你可能從範本意外移除了「內容」區塊,因此請依照下列步驟加回「內容」區塊。若想建立自己的範本,可能也想要新增區塊。

若要新增「內容」區塊

  1. 前往儀表板
  2. 前往「外觀」→「編輯器」,開啟「網站編輯器」。
  3. 按一下「範本」,選取要編輯的範本。
    • 或者也可以按一下「+」號圖示來新增新的範本。
  4. 按一下「+ 區塊插入工具」圖示,然後搜尋「內容」。接著按一下即可將區塊新增至範本。
使用 /content 將內容區塊快速新增至文章範本。
你也可以使用 / 斜線指令新增「內容」區塊

此處有新增區塊的詳細說明。 

頁面並未顯示內容

若頁面未顯示任何內容,表示你可能從該頁面的範本意外移除了「內容」區塊。透過下列步驟加回「內容」區塊

  1. 前往儀表板
  2. 前往「外觀」→「編輯器」,開啟「網站編輯器」。
  3. 按一下「範本」。
  4. 選取遺失內容的頁面所使用的範本
  5. 將游標放在想要顯示內容的範本部分 (通常位於頁首和頁面標題下方)。
  6. 按一下「+ 區塊插入工具」圖示,然後搜尋「內容」。
  7. 選取「內容」區塊即可新增。
  8. 按一下「儲存」按鈕,即可儲存變更。

內容區塊工具列

按一下區塊,上方便會顯示選項工具列:

內容區塊工具列。

「內容」區塊工具列提供以下選項:

  • 選取上層「群組」區塊 (若區塊位於群組內)
  • 變更區塊類型。
  • 拖曳區塊。
  • 將區塊上下移動。
  • 對齊區塊:無、寬或全寬。
  • 更多選項

內容區塊設定

選取區塊時,右側邊欄會出現其他區塊設定。如果沒有出現側邊欄,請按一下右上角的「設定」圖示叫出設定。此圖示外觀為正方形中有兩個大小不同的欄位:

編輯器中的「設定」圖示,下方顯示「設定」的工具提示。
按一下「設定」圖示即可開啟區塊設定

版面形式

內容區塊的側邊欄設定中標示為「版面形式」的區段。
「內容」區塊中的版面形式設定

如果將「內部區塊使用內容寬度」選項切換為關閉,則內容中的區塊將填滿頁面預設內容區域的寬度。

若要進一步控制內部區塊的寬度,請將「內部區塊使用內容寬度」選項切換為「開啟」位置。接著你可以使用下列選項指定內部區塊的寬度:

  • 內容:區塊的內容區域寬度未設為寬幅或全寬。
  • 寬幅:區塊內容的寬度設為寬幅。

不提供「全寬」選項,因為區塊若設為「全寬」,會佔據螢幕的 100% 畫面。

其他設定

內容區塊也包含下列設定:

控制內容寬度

若要控制內容區的寬度:

  1. 按一下「網站編輯器」右上角的「樣式」按鈕。「樣式」圖示是一個半黑半白的圓形圖案,如右方圖片所示。
  2. 按一下「版面形式」。
  3. 在「尺寸」下方,使用系統提供的方塊來設定主內容區的寬度:
    • 內容:區塊工具列的對齊方式設為「無」時,控制區塊的寬度。
    • 寬度:區塊工具列的對齊方式設為「寬幅」時,控制區塊的寬度。
  4. 按一下「儲存」按鈕。
「樣式」按鈕標示為 1。內容控制項標示為 2。

移除內容區塊

若你移除「內容」區塊,範本就不會針對使用該範本的任何頁面和文章顯示任何內容。若你嘗試移除「內容」區塊,系統會顯示警告,確認你是否要刪除該區塊。

Copied to clipboard!