如何在WordPress中突出顯示文本(入門指南)


您要突出顯示WordPress帖子或頁面中的文本嗎?

能夠突出顯示文本可以幫助您將用戶的注意力吸引到特定的文本區域。 突出顯示號召性用語,特價商品,或者僅強調特定句子,這可能非常有用。

在本文中,我們將向您展示如何輕鬆在WordPress中突出顯示帶有或不帶有插件的文本。

突出顯示WordPress中的文本

為什麼以及何時突出顯示文本

突出顯示文本是強調內容中重要信息的簡便方法。 這有助於您將用戶的注意力吸引到重要的號召性用語上。

以下是文本突出顯示的示例:

高亮文本示例

默認情況下,WordPress內容編輯器不帶有簡單地選擇並突出顯示任何文本的選項。 您仍然可以通過使文字更加突出 斜體,更改文字顏色或進行更改 膽大

WordPress區塊編輯器中的默認段落工具欄

話雖如此,讓我們看一下如何輕鬆地在WordPress中突出顯示文本。

方法1.突出顯示WordPress中的任何文本(無需HTML)

突出顯示文本的最簡單方法是使用WordPress插件。

首先,您需要安裝並激活Advanced Editor Tools插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

高級編輯器工具(以前稱為TinyMCE Advanced)添加了更多格式設置選項,並擴展了WordPress塊編輯器。

激活插件後,您可以編輯要突出顯示一些文本的WordPress帖子或頁面。 只需選擇要修改的文本,然後單擊下拉箭頭以獲取更多格式選項。

使用高級編輯器工具插件在WordPress中突出顯示文本

從下拉菜單中,您需要選擇“標記”選項。 這將使用默認顏色突出顯示文本。

但是,實際顏色可能因您的WordPress主題顏色而異。 現在,您可以保存您的帖子/頁面並對其進行預覽,以查看突出顯示的文本。

高亮文本示例

是不是很簡單?

但是,如果您不需要經常突出顯示文本,則可以使用下一個方法,而無需使用插件。

方法2。在WordPress中手動突出顯示文本

此選項需要一些代碼,但易於實現。

在此示例中,我們將使用HTML’mark’元素。 這可以用來突出顯示並吸引您對寫作的某些部分的關注。

只需在要突出顯示文本的地方編輯帖子或頁面。 接下來,轉到包含文本的段落,然後單擊塊工具欄中的三點菜單。 在這裡,您需要選擇“編輯為HTML”選項。

將塊編輯為HTML

接下來,您將看到HTML格式的原始文本。 只需將要突出顯示的文本包裝在 像這樣的標籤:

highlighted text

現在,您可以再次單擊三點菜單並在塊工具欄中選擇“可視地編輯”,以切換回可視模式。

視覺編輯

阻止區域將切換回可視模式,您會注意到所選文本突出顯示。

編輯器中突出顯示的文本

根據WordPress主題,突出顯示的文本可能看起來有所不同。 但是,通常它只是黃色背景。

如果您要更改它,則可以通過添加自己的自定義CSS進行更改。

只需轉到 外觀»定制 頁面以啟動主題定制器。 從這裡,您需要切換到“其他CSS”標籤。

自定義CSS設置

在這裡您可以粘貼自定義CSS。 您可以使用以下CSS代碼作為起點。

mark {
background-color: #ffd4a1;
}

完成後,點擊“發布”按鈕以保存您的更改。 現在,您可以訪問WordPress博客以查看突出顯示的文本。

自定義CSS更改突出顯示的文本的背景顏色

我們希望這可以幫助您學習如何在WordPress中突出顯示文本。 您可能還希望查看有關最佳WordPress頁面構建器的指南,以幫助您創建完全自定義的設計而無需任何代碼,以及我們對最佳電子郵件營銷服務的比較,以增加流量。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。