指南/樣式/變更字型大小

變更字型大小

本指引將說明如何調整段落區塊的字型大小、更新字型大小預設值,以及建立自訂預設值,以套用至網站的文字設計

調整特定內容的字型大小

你可以變更段落區塊的字型大小,以提升可讀性或符合網站設計。若要調整個別區塊的字型大小,請按照下列步驟操作:

  1. 按一下你想要編輯的段落區塊 (例如,「段落」、「標題」或「清單區塊 」)。
  2. 區塊設定側邊欄中,找到「文字設計」區段。

如果右側沒有出現側邊欄,你可能需要按一下右上角的「設定」圖示叫出設定。該圖示的外觀是一個方形,分成兩個不對等的欄位。

醒目標示 WordPress 編輯器頂端的「設定」圖示。
右上角的設定圖示
  1. 預設清單 選取字型大小 (例如,小、中或大),或按一下「設定自訂大小 」圖示以輸入特定值。
    • 預設值為現成的字型大小選項 (例如,小或大),可協助你在整個網站中維持文字的一致性。
  2. 依預設,大小會以像素為單位。按一下「px」文字以變更度量單位。深入了解度量單位
  3. 預覽變更或按一下右上角的「儲存」按鈕以進行套用。
已選取的設定自訂大小圖示,且箭頭指向可輸入自訂大小的欄位。

💡

你也可以透過儀表板中的「外觀」→「編輯器」下的「樣式選項」來變更特定區塊的預設設定。

調整網站的字型大小

你可以按照下列步驟操作,調整整個網站元素的預設字型大小:

  1. 從網站的儀表板,前往「外觀」→「編輯器」
  2. 從左側選單中選取「樣式」。
    • 你也可以在編輯器中選取右上角的「樣式」圖示 (黑白圓圈)。
  3. 按一下「文字設計」以編輯網站元素的預設字型大小。
  4. 在「元素」區段下方,選擇下列任一選項:
    • 文字
    • 連結
    • 標題
    • 說明文字
    • 按鈕組
  5. 預設值清單選取字型大小 (例如,小、中或大),或按一下「設定自訂大小 」圖示以輸入特定值
  6. 按一下「檢閱變更」或「儲存」,即可套用變更。
編輯器中「樣式」的文字設計區段,其中不同的文字元素選項已加上醒目提示。

使用 AI 助理變更字型大小

AI 助理四點星圖示

本節適用於透過 AI 網站建置工具(所有付費方案)建立的網站,或已啟用 AI 助理的網站(商用版和電子商務版方案)。按一下畫面底部的 AI 圖示(四點星圖示),即可開啟 AI 助理。

WordPress.com 的 AI 助理可協助你選擇適合網站內容和樣式的字型大小。以下是你可以複製和使用的一些範例提示:

  • 「我應該使用什麼字型大小來撰寫部落格的本文?」
  • 「如何選擇在桌上型電腦和行動裝置上都可正常顯示的字型大小?」
  • 「字型大小的 px、em 和 rem 單位有何不同?」
  • 「為專業商用網站建議一組字型大小預設值。」

編輯字型大小預設值

預設值為現成的字型大小選項 (例如,小或大),可協助你在整個網站中維持文字的一致性。若要變更佈景主題的字型大小預設值,請按照下列步驟操作:

  1. 從網站的儀表板前往「外觀」→「編輯器」
  2. 按一下「樣式」選單選項。
  3. 選取「文字設計」選項。
  4. 按一下面板底部的「 字型大小預設值」。
  5. 選取預設字型大小 (例如,小、中或大)。
  6. 大小方塊中輸入偏好值,然後選擇單位 (px、em、rem、vh 或 vw)。
    • 啟用「浮動文字設計」選項,讓字型大小能夠隨畫面或檢視區動態縮放。
    • 或者,你也可以啟用「自訂浮動值」來設定浮動字型大小的自訂最小值和最大值。
  7. 按一下「檢閱變更」或「儲存」,即可套用變更。
文字設計設定中的字型大小預設值選項。

建立新的字型大小預設值

若要新增自訂字型大小預設值,以便輕鬆重複使用,請按照下列步驟操作:

  1. 從網站的儀表板前往「外觀」→「編輯器」
  2. 按一下「樣式」選單選項。
  3. 選取「文字設計」選項。
  4. 按一下面板底部的「字型大小預設值」選項。
  5. 按一下「自訂」旁的加號 (+)。新的字型大小預設值會以預設名稱顯示 (例如「新字型大小 1」)。
  6. 選取新的預設字型大小。
  7. 按一下右上角的省略符號 () 圖示,然後選取「重新命名」,為預設值提供描述名稱。
  8. 大小方塊中輸入偏好值,然後選擇單位 (px、em、rem、vh 或 vw)。
    • 啟用「浮動文字設計」選項,讓字型大小能夠隨畫面或檢視區動態縮放。
    • 或者,你也可以啟用「自訂浮動值」來設定浮動字型大小的自訂最小值和最大值。
  9. 按一下「檢閱變更」或「儲存」,即可套用變更。
自訂字型大小預設值的預設設定。

現在新的字型大小預設值可在整個網站的文字設計設定中使用,以維持樣式的一致性。

Copied to clipboard!