如何在WordPress區塊編輯器中給文字加下劃線

您是否對 WordPress 區塊編輯器中沒有下劃線選項感到困惑?雖然編輯器提供了粗體和斜體格式,但下劃線功能卻明顯缺失。

如何在WordPress區塊編輯器中給文字加下劃線

儘管下劃線用於強調的做法很常見,但由於它與超連結有關,可能會給讀者造成混淆,因此已被刪除。儘管如此,在古騰堡編輯器中仍然可以通過簡單的變通方法給文字加下劃線。

WordPress 中的下劃線文字

WordPress 中的下劃線文字 

值得慶幸的是,Gutenberg 編輯器並沒有完全刪除下劃線功能。要在 WordPress 中給文字加下劃線,您可以使用一個直接的鍵盤快捷鍵。

選擇所需的文字並按下 CTRL + U(Windows)或 CMD + U(macOS),您就可以立即給文字加上下劃線,而無需使用下劃線按鈕。

效果不佳?你可以使用內建的 HTML 編輯器。點選文字塊上的三個點,然後選擇 “作為HTML編輯”,就可以將要下劃線的文字包含在標籤中。

作為HTML編輯

具體做法是用 <span> 標籤包裹文字。您可以在標籤中加入內聯樣式,以達到所需的下劃線效果。

用 &lt;span&gt; 標籤包裹文字

下面是一個程式碼示例:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
Here is my <span>underlined</span> text.
Here is my <span>underlined</span> text.
Here is my <span>underlined</span> text.

為什麼 WordPress 沒有下劃線按鈕?

WordPress 中的下劃線文字可能會讓使用者感到困惑,因為它通常與超連結聯絡在一起。為了避免這種混淆,WordPress 團隊決定不將下劃線作為一種格式選項。相反,您可以使用粗體等其他樣式來有效地強調文字。

小結

總之,只需記住一個基本的鍵盤快捷鍵,就可以在 Gutenberg 編輯器中實現文字下劃線。如果您在使用 Gutenberg 中的下劃線文字時遇到任何困難,請隨時在下面的評論中告訴我們。

評論留言