在本指引中,你會學到如何調整段落區塊的字型大小、更新字型大小預設值,以及建立可套用至網站文字設計的自訂預設值。
你可變更段落區塊的字型大小,藉此提升文字可讀性或迎合網站設計。若要調整個別區塊的字型大小,請依照下列步驟操作:
- 按一下要編輯的段落區塊,例如「段落」、「標題」或「清單」區塊。
- 在區塊設定側邊欄中,找到「文字設計」區段。
- 從預設清單中選取字型大小 (例如小、中或大),或按一下「設定自訂大小」圖示,輸入特定的值。
- 預設值是現成的字型大小選項,例如小或大,有助你維持整個網站的文字一致性。
- 依照預設,大小以像素為單位。按一下 px 文字即可變更測量單位。深入了解測量單位。
- 你可預覽變更,或按一下右上角的「儲存」按鈕套用變更。
你也可以透過儀表板「外觀」→「編輯器」下的樣式選項,變更特定區塊的預設設定。
你可以依照下列步驟,調整整個網站元素的預設字型大小:
- 從網站儀表板前往「外觀」→「編輯器」。
- 在左側選單中選取「樣式」。
- 你也可以選取編輯器右上角的「樣式」圖示,該按鈕看起來像黑白圓圈。
- 按一下「文字設計」,編輯網站元素的預設字型大小。
- 在「元素」區段下,選擇下列任意者:
- 從預設清單中選取字型大小 (例如小、中或大),或按一下「設定自訂大小」圖示,輸入特定的值。
- 按一下「檢閱變更」或「儲存」套用變更。
預設值是現成的字型大小選項,例如小或大,有助你維持整個網站的文字一致性。若要變更佈景主題的字型大小預設值,請依照下列步驟操作:
- 從網站的儀表板前往「外觀」→「編輯器」。
- 按一下「樣式」選單選項。
- 選取「文字設計」選項。
- 按一下面板底端的「字型大小預設值」。
- 選取預設字型大小 (例如小、中或大)。
- 在「大小」方塊中輸入偏好的值,然後選擇單位 (px、em、rem、vh 或 vw)。
- 啟用「浮動文字設計」選項,讓字型大小能隨畫面或檢視區動態調整。
- 你也可選擇啟用「自訂浮動值」,自訂浮動字型大小的下限和上限值。
- 按一下「檢閱變更」或「儲存」套用變更。
若要新增自訂字型大小預設值以利重複使用,請依照下列步驟操作:
- 從網站的儀表板前往「外觀」→「編輯器」。
- 按一下「樣式」選單選項。
- 選取「文字設計」選項。
- 按一下面板底端的「字型大小預設值」選項。
- 在「自訂」旁,按一下加號 (+)。新的字型大小預設值會以預設名稱顯示,例如「新字型大小 1」。
- 選取新的預設字型大小。
- 按一下右上角的省略符號 (⋮) 圖示,然後選取「重新命名」,為預設值輸入描述性名稱。
- 在「大小」方塊中輸入偏好的值,然後選擇單位 (px、em、rem、vh 或 vw)。
- 啟用「浮動文字設計」選項,讓字型大小能隨畫面或檢視區動態調整。
- 你也可選擇啟用「自訂浮動值」,自訂浮動字型大小的下限和上限值。
- 按一下「檢閱變更」或「儲存」套用變更。
現在新的字型大小預設值可在整個網站的文字設計設定中使用,有助維持樣式的一致性。