版面 — 欄

在​ Layout ​下的Page Builder面板中，將​ Column ​拖曳到舞台。

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

欄群組現在分成兩個寬度相等的欄。 每一欄都是個別的內容容器，且有自己的一組工具箱選項。

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

在欄群組的左上角，按一下​ 格線 ​工具（ ）並視需要調整格線大小。

將內容放置在格線有助於讓內容保持一致，並在桌上型電腦和行動裝置上正確呈現頁面。 如需詳細資訊，請參閱Page Builder設定的進階內容工具區段。

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

將滑鼠停留在兩欄之間的邊框上。

邊框會反白顯示，選取欄的工具箱會出現。

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

按住滑鼠鍵以顯示格點，並將邊框拖曳至格點上的新位置。

兩欄的寬度會調整以反映變更。 每個欄的新寬度會顯示在標籤後面，例如4/12 （12個中有4個）和8/12 （12個中有8個）。

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

將滑鼠停留在您要移除的資料行上，以顯示工具箱，並選擇​ 移除 （ {width="20"} ）圖示。

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

如果欄包含內容，請按一下​ OK ​確認。

若要在日後加速處理程式，您可以選取​ Do not show this again ​核取方塊以略過確認步驟。

欄群組現在有單一欄(12/12)和格線。 因為格線僅適用於欄，所以您可以使用此技巧來顯示格線。

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

如果您希望欄群組將剩餘的欄延伸至列或舞台的完整寬度：

• 將滑鼠懸停在欄上以顯示工具箱，然後選擇​ 設定 （ {width="20"} ）圖示。

• 向下捲動至​ Advanced ​區段，並將所有四個​ Padding ​值設定為0。

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

• 在右上角，按一下​ Save ​以關閉​ Edit Column ​頁面。

按一下工作區右上角的​ 關閉全熒幕 （ {width="20"} ）圖示，然後按一下右上角的​ Save。

將滑鼠懸停在欄上以顯示工具箱，然後選擇​ 設定 （ {width="20"} ）圖示。

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

視需要變更​ Appearance ​設定。

• 選擇對齊方式設定，以決定欄相對於其容器的位置。

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  選項	說明
  Full Height	欄會延伸其容器的完整高度。
  Top Aligned	欄會對齊其容器的頂端。
  Centered	在中的欄位於其容器的中央。
  Bottom Aligned	欄會對齊其容器的底部。

• 如有需要，請為欄輸入​ Minimum Height。 例如，您可以設定最低高度以符合背景影像的高度。

• 若您設定最小高度，請設定​ Vertical Alignment ​以控制新增至資料行（Top、Center或Bottom）的內容容器的位置。

變更欄內容的背景。

• Background Color — 選擇色票、按一下檢色器，或輸入有效的顏色名稱或對應的十六進位值，以指定顏色。 此設定決定欄的背景顏色。

• Background Image — 如有需要，請使用提供的工具選擇要套用至欄的背景影像：

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  工具	說明
  Upload	將影像檔案從本機電腦上傳到相簿，然後將其套用為欄的背景影像。
  Select from Gallery	提示您從相簿中選擇現有影像作為欄的背景影像。
  {width="25"}	可讓您將影像拖曳至相機圖磚，或瀏覽至本機檔案系統中的影像。

• Background Mobile Image — 如有需要，請使用相同的工具來選擇不同的背景影像，以便在行動裝置上顯示。

• Background Size — 變更此設定以決定背景影像相對於欄寬縮放的方式：

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  選項	說明
  Cover	背景影像涵蓋欄的全部寬度。
  Contain	背景影像僅限於內容區域的寬度。
  Auto	套用目前佈景主題樣式表中指定的預設背景大小。

• Background Position — 變更此設定以決定與欄相關的影像錨點。 選項： Top Left、Top Center、Top Right、Center Left、Center、Center Right、Bottom Left、Bottom Center或Bottom Right

• Background Attachment — 變更此設定以決定背景影像相對於捲動頁面的移動方式：

  table 0-row-2 1-row-2 2-row-2 layout-auto
  選項	說明
  Scroll	背景影像會同步處理為隨著頁面捲動而向下移動。
  Fixed	（不適用於行動裝置）當容器捲動影像時，背景影像不會移動，且會固定在指定的背景位置。

• Background Repeat — 如果要重複背景影像以填滿空間，請變更此設定Yes。

視需要更新​ Advanced ​設定。

• 若要控制新增至欄的內容容器的水平位置，請選擇​ Alignment：

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  選項	說明
  Default	套用目前佈景主題樣式表中指定的對齊預設設定。
  Left	將內容容器沿欄容器的左邊框對齊，並允許指定的任何邊框間距。
  Center	將內容容器對齊欄容器的中央，並允許指定的任何邊框間距。
  Right	將內容容器沿欄容器的右邊框對齊，並允許指定的任何邊框間距。

• 設定套用至欄容器所有四個邊的​ Border ​樣式：

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  選項	說明
  Default	套用關聯樣式表所指定的預設邊框樣式。
  None	未提供任何容器框線的可見指示。
  Dotted	容器邊框會以虛線顯示。
  Dashed	容器邊框會以虛線顯示。
  Solid	容器邊框會以實線顯示。
  Double	容器邊框會以雙線顯示。
  Groove	容器框線會顯示為槽線。
  Ridge	容器框線會顯示為脊線。
  Inset	容器框線會顯示為內嵌線。
  Outset	容器邊框會顯示為外線。

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

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  選項	說明
  Border Color	選擇色票、按一下檢色器，或輸入有效的顏色名稱或相等的十六進位值，以指定顏色。
  Border Width	輸入邊框線條寬度的畫素數。
  Border Radius	輸入畫素數目，以定義用來將邊框每個角落倒圓角的半徑大小。

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

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

• 輸入​ Margins and Padding ​的值（以畫素為單位），以指定欄的外部邊界與內部邊距。

  在欄容器圖表中輸入每個對應的值。

  table 0-row-2 1-row-2 2-row-2 layout-auto
  容器區域	說明
  Margins	套用至容器所有側邊外部邊緣的空白空間量。 選項： Top / Right / Bottom / Left
  Padding	套用至容器所有邊內側邊緣的空白空間量。 選項： Top / Right / Bottom / Left

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