使用高亮標註文字以突出作者需要重點說明的點,並能夠起到吸引使用者的注意力。可以使用高亮文字突出顯示諸如號召性用語,特價商品,或者僅強調特定句子。
在本文中,將會詳細說明如何在WordPress文章或者頁面編輯中高亮顯示文字。
為什麼以及何時高亮顯示文字
高亮顯示文字是強調內容中重要資訊的簡便方法。這有助於將使用者的注意力吸引到重要的號召性用語上。
以下是高亮突出顯示的示例:
預設情況下,WordPress內容編輯器不支援選擇並高亮顯示任何文字的選項。一般情況下只能夠通過使斜體,更改文字顏色或粗體來強調文字。
如果需要對特定的文字進行高亮顯示,你可以參考以下方法:
方法1.使用外掛實現文字高亮顯示
高亮突出顯示文字的最簡單方法是使用WordPress外掛。
首先,您需要安裝並啟用Advanced Editor Tools外掛。
Advanced Editor Tools (以前稱為TinyMCE Advanced)將會提供更多格式設定選項,以增強WordPress古騰堡編輯器。
啟用外掛後,即可在編輯文章或者頁面時對特定文字設定高亮。只需選擇要修改的文字,然後單擊下拉箭頭以獲取更多格式選項。
從下拉選單中,您需要選擇“Mark”選項。這將使用預設顏色突出顯示文字。
但是,實際顏色可能會因您的WordPress主題顏色而異。現在,儲存文章/頁面並進行預覽,即可檢視高亮顯示文字的效果。
但是,如果高亮文字並非經常需要用到的功能,安裝外掛似乎就有點多餘。那麼你可以嘗試無外掛的情況,通過HTML程式碼方法實現文字高亮。
方法2. 手動編輯程式碼實現文字高亮
雖然涉及到程式碼,但實現起來非常簡單。
在此示例中,我們將使用HTML-‘mark’元素。這可以用來高亮顯示特定文字。
只需在要高亮顯示文字的地方編輯文章或頁面。接下來,轉到包含文字的段落,然後單擊塊工具欄中的更多選單按鈕,選擇“作為HTML編輯”選項。
接下來,將會看到HTML格式的原始文字。只需將要高亮顯示的文字包在<mark>
和</mark>
標記內,如下所示:
<mark>highlighted text</mark>
現在,可以通過再次單擊更多按鈕並在下拉選單中選擇“視覺化編輯”來切換回可視模式。
區塊將切換回可視模式,可以看到所選文字已經高亮顯示。
基於WordPress主題,高亮顯示的文字可能看起來有所不同。但是,通常為黃色背景。
如果您想更改它,可以通過新增自定義CSS來實現。轉到外觀»自定義頁面,選擇“額外CSS”標籤。
注:如果你安裝的是閃電博的WordPress主題,在主題設定介面,一般都會提供有自定義CSS功能。
貼入自定義CSS,如下:
mark { background-color: #f00; }
完成後,點選“釋出”按鈕以儲存您的更改。訪問WordPress已設定高亮文字的文章或者頁面檢視高亮文字效果是否生效。
希望本教程可以幫助您學習如何在WordPress中設定高亮文字。enjoy!
評論留言