區塊

區塊 »欄位區塊

欄位區塊可讓您插入至多六個欄位的文字、媒體和其他類型的內容。逐一使用時,欄位會呈現網格效果。 

欄位概覽
單一欄位區塊成果

若要新增欄位區塊,請按一下區塊插入工具圖示。

你也可以在新段落區塊中輸入 /欄位 並按下 Enter 鍵,以快速新增欄位區塊。

欄位區塊新增輸入

此處載明了新增區塊的詳細指示。 

區塊工具列

多數區塊都有其區塊專用控制項,可讓你在編輯器中直接操作區塊。欄位區塊提供了標準區塊選項,以及全寬和寬幅選項 (若佈景支援這些對齊樣式)。

欄位介面 1

↑ 目錄 ↑

編輯區塊

您可以新增或移除欄位。若要執行此操作,按一下方塊以外的位置 (方塊和側邊欄之間),然後變更欄位數即可 (至多六個欄位)。

變更欄位數

↑ 目錄 ↑

新增內容

欄位數定義完成後,您需要為各欄位新增內容。欄位區塊的優點在於,您可以在各欄位中新增其他區塊。

舉例來說,您可以將欄位區塊做為結構,並在其中新增圖片區塊標題區塊段落區塊以建立一個服務網格。

欄位區塊 - 服務

或者,使用欄位區塊搭配封面圖片區塊,即可在網站中呈現不同網頁。

欄位 + 封面圖片

您也可使用欄位區塊搭配按鈕區塊,邀請使用者在網站上執行一些動作。

如您所見,有無窮創意空間任你盡情揮灑!想一窺如何變出魔法?立即觀看本影片!

建立和編輯欄位區塊

↑ 目錄 ↑

區塊設定

除了區塊工具列中的選項以外,編輯器側邊欄也會顯示多數區塊提供的特定選項。 如果看不到側邊欄,只要按一下「發佈」按鈕旁的「小齒輪」圖示即可。

區塊設定位於側邊欄中。
區塊設定位於側邊欄中。

↑ 目錄 ↑

欄位數

誠如「編輯區塊」一節所述,您可以在區塊設定側邊欄中設定欄位數量 (至多六個)。

按一下向上箭頭與向下箭頭、將側邊欄向左或向右拖曳,或是直接在欄位輸入數量,即可編輯欄位數量。

欄位區塊 - 數量

提醒您,由於欄位區塊可嵌入其他區塊,若您特意按一下任一欄位,側邊欄設定會根據您在所選欄位新增之區塊而有所變更 (例如:若您新增圖片至任一欄位,按一下圖片時,側邊欄則會顯示圖片區塊設定所提供的選項)。

↑ 目錄 ↑

進階

進階分頁可讓你將 CSS 類別新增至區塊,以便編寫自訂 CSS,並視需要設定區塊樣式。

區塊按鈕進階分頁

Not quite what you're looking for?

取得說明