指南/建立內容/設計/對齊網站上的按鈕

對齊網站上的按鈕

自訂網站按鈕的對齊和位置。你將在本指引中學習如何對齊按鈕以及設定個別按鈕的寬度。

對齊按鈕

你可以在「按鈕」區塊中設定按鈕的寬度與位置。依照下列步驟來對齊網站的按鈕:

  1. 使用「清單檢視」以選取「按鈕」區塊
「清單檢視」開啟,且「按鈕區塊」已加上醒目提示。
  1. 在出現的工具列中,從下列對齊選項中選擇:
    • 對齊:設定按鈕容器的最大寬度
    • 對齊:在「按鈕」區塊中將個別按鈕靠左、置中、靠右或等距對齊。
    • 垂直對齊:將按鈕靠上、置中、靠下或延展以填滿「按鈕」區塊。
「按鈕」區塊工具列中的對齊選項。
  1. 在右側的「區塊設定」側邊欄中,選取:
    • 方向:並排 (水平) 或堆疊 (垂直) 顯示按鈕。
    • 允許換行:啟用此選項,即可在空間有限時 (例如在行動裝置上) 將按鈕文字換行,變成多行顯示。  
「按鈕」區塊側邊欄設定開啟,且「版面配置」區段已加上醒目提示。

設定按鈕寬度

若要設定個別按鈕的寬度:

  1. 使用「清單檢視」來選取「按鈕」區塊中的個別按鈕。
頁面編輯器的「清單檢視」已開啟,且有一個箭頭從清單檢視圖示指向按鈕區塊清單。
  1. 在右側的「區塊設定」側邊欄中,選擇寬度為 25%、50%、75% 或 100% 的「按鈕」區塊容器。
個別按鈕的側邊欄設定,其中「寬度」選項已加上醒目提示。

重設按鈕寬度

  1. 使用「清單檢視」來選取「按鈕」區塊中的個別按鈕。
頁面編輯器的「清單檢視」已開啟,且有一個箭頭從清單檢視圖示指向按鈕區塊清單。
  1. 在右側的「區塊設定」側邊欄中,選取「設定」選項圖示 ()。
  2. 按一下「寬度」選項旁的「重設」。
按鈕的設定側邊欄會開啟,內有寬度的「重設」選項。
Copied to clipboard!