返回支援 內容和媒體 文字設計設定

文字設計設定

WordPress 編輯器中的多數文字區塊包含文字設計設定,以控制你內容的文字外觀。本指南將說明如何使用這些文字設計設定。

存取文字設計設定

文字設計設定可用於:

  • 樣式:立即變更整個網站的所有文字外觀。
  • 區塊:變更在特定元素中使用的文字外觀。

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

背景為黑色的編輯器設定圖示,以及其下方的「設定」工具提示。
按一下「設定」圖示,開啟區塊設定

在區塊設定內,你可立即找到文字設計設定。其他區塊的文字設計設定位於「樣式」標籤。右側的圖片顯示「樣式」標籤下方含有文字設計設定的區塊,按一下圓形圖示可存取。

請注意,不是每個區塊都包含文字設計設定。可用的設定將根據佈景主題和區塊類型而異。

具有文字設計的區塊設定會顯示在「樣式」標籤。

檢視所有設定

你可以使用以下設定調整區塊文字的外觀。

若未看到設定,請按一下「文字設計」右側的三個點來啟用 (如右圖所示)。 接著你就可以選擇要使用的選項:

  • 字體大小
  • 字型系列
  • 外觀
  • 行高
  • 裝飾
  • 字母大小寫
  • 字母間距

按每個設定一次,隨即會顯示設定旁的核取記號。接著,你可關閉三個點選單以檢視設定。

系統將根據你正在使用的區塊提供設定。不是每個設定都一定會出現在所有區塊中。

區塊設定側邊欄中的「文字設計」,已展開額外選項。
字型大小

字型大小可以讓你調整文字的大小。你可從預設的大小「小」(S)、「中」(M)、「大」(L) 和「特大」(XL):

顯示大小 S、M、L 和 XL 的文字設計大小。

如需更細微的控制功能,你可直接按一下預設大小 (相鄰圖片標記為 1) 上方的滑桿圖示。

你可按一下圖片中標記數字 2 的位置來變更單位。選擇來源:

  • 像素:維持一致的大小 (無論畫面大小為何)。
  • em:使用版面自動調整大小,以根據檢視者的螢幕大小進行調整。與上層 HTML 元素相對。
  • rem:使用版面自動調整大小,以根據檢視者的螢幕大小進行調整。與根 HTML 元素相對。
文字設計自訂設定。自訂切換標記為 1,而單位設定標記為 2。
字型系列

字型系列設定可以變更使用的字型樣式。可以從下拉式選單中的字型清單任選。如需更多資訊,請參閱變更網站的字型

外觀

外觀可以讓你將文字樣式變更為一般和斜體、從細變更至特粗。

行高

行高可以讓你設定文字上下的間距。系統的預設通常為 1.5,這個文字行間距更容易吸引使用者的目光。由於在較小的行動裝置螢幕上,文字行可能會顯示在最上層,因此不建議將值設為零。

裝飾

裝飾提供底線刪除線 (若有) 選項。

字母大小寫

字母大小寫可以將文字設為全部大寫 (AB)、首字母大寫 (Ab) 或全部小寫 (ab)。

首字放大

首字放大會讓段落的第一個字母變得超大。

字母間距

字母間距可以讓你設定每個文字字元之間的間距。你可以變更預設單位 (像素) 為百分比、emremvwvh在此深入瞭解相對單位。

Copied to clipboard!