新增內容 — 區塊

導覽至目標頁面、區塊、動態區塊、產品或類別上的Page Builder工作區。

在Page Builder面板中，展開​ Add Content ​並將​ Block ​預留位置拖曳到舞台。

{width="600" modal="regular"}

將滑鼠懸停在空白的區塊容器上以顯示工具箱，然後選擇​ 設定 （ {width="25"} ）圖示。

按一下​ Select Block。

{width="200"}

在您要新增的區塊列中，按一下最後一欄中的​ Select。

{width="600" modal="regular"}

所選區塊的名稱會顯示在頁面上。

{width="200"}

視需要完成其餘的設定，並參考此頁面結尾的欄位說明。

完成後，按一下​ Save ​套用設定並返回Page Builder工作區。

若要控制區塊在父容器中的位置，請選擇​ Alignment：

設定套用至區塊容器所有四個側面的​ Border ​樣式：

如果您設定了None以外的框線樣式，請完成框線顯示選項：

（選擇性）從目前的樣式表中指定要套用至容器的​ CSS classes ​名稱。

以空格分隔多個類別名稱。

輸入​ Margins and Padding ​的值（以畫素為單位），以決定區塊容器的外部邊界和內邊距。

在圖表中輸入對應的值。

將滑鼠停留在區塊容器上，然後在工具箱中選擇​ 設定 （ {width="25"} ）圖示。

{width="600" modal="regular"}

若要選擇其他區塊，請按一下​ Select Block。

• 在使用中區塊清單中，按一下​ Select ​您要新增的區塊。
• 按一下​ Add Selected。

視需要更新其餘的設定，可使用此頁面結尾的欄位說明作為參考。

完成後，按一下​ Save ​套用設定並返回Page Builder工作區。

將滑鼠懸停在區塊容器上以顯示工具箱，並選擇​ 複製 （ ）圖示。

重複專案會出現在原始專案的正下方。

若要將新區塊移動至新位置，請將滑鼠指標暫留在容器上，然後按一下工具箱中的[移動]

選取並拖曳區塊，直到紅色指引出現在新位置為止。

移動區塊時，每個容器的頂端和底部邊界都會顯示為虛線。

將滑鼠懸停在區塊容器上以顯示工具箱，然後選擇​ 移除 （ ）圖示。

提示確認時，按一下​ OK。