如何在WordPress中更改文本顏色(3種簡單方法)

最近,我們的一位讀者問是否有一種簡單的方法可以更改WordPress中的文本顏色?

答案是肯定的。您可以在整個網站上的WordPress中輕鬆更改字體顏色,甚至僅更改帖子內容中的單個單詞即可。

在本指南中,我們將逐步向您展示如何輕鬆地在WordPress中更改文本顏色。

changetextcolor-og

有許多原因可能導致您想要更改帖子或頁面中的文字顏色。也許您想強調一個關鍵字,或者您想在特定頁面上使用彩色的子標題。

或者,您可能想在整個網站上更改文本顏色。也許您的主題使用灰色作為文本,但是您寧願將其設置為黑色,也可以將其設置為深灰色,以提高可讀性。

在本教程中,我們將介紹以下方法:

  • 使用視覺編輯器更改文本顏色(編寫內容時可以更改幾個單詞,一個段落或一個標題)。
  • 在主題定製器中更改文本顏色(在整個網站上更改字體顏色的最佳方法,但並非所有主題都支持)。
  • 使用CSS代碼更改文本顏色(適用於在整個網站上以任何主題更改字體顏色)。

只需單擊其中一個鏈接即可直接跳至該方法。

方法1.使用可視編輯器更改文本顏色

您可以使用默認的WordPress編輯器以與主文本不同的顏色放置單詞,段落甚至子標題。

wordpress-text-color-example

這是使用塊編輯器更改文本顏色的方法。

首先,您需要編輯要更改的帖子或頁面,或創建一個新帖子。

接下來,輸入您的文本。您需要根據需要創建一個段落塊或標題塊。要獲得幫助,請看一下我們有關如何使用WordPress塊編輯器的教程。

文本到位後,即可更改顏色。

更改塊的文本顏色

對於第一個示例,我們將更改整個塊的文本顏色。

只需單擊該塊,「塊設置」面板將在屏幕的右側打開。接下來,點擊「顏色設置」的箭頭以展開該標籤。您將在此處看到文本顏色設置。

wordpress-pick-block-color

現在,您可以為文本選擇新的顏色。可視編輯器將根據您的主題向您顯示一些選項。您只需單擊其中之一即可更改文本顏色。

另外,如果您要記住特定的顏色,請單擊「自定義顏色」鏈接。這將打開一個顏色選擇器,您可以在其中手動選擇顏色。您也可以使用它輸入十六進位代碼。

wordpress-pick-block-custom-color

如果您改變主意並想返回默認的文本顏色,只需單擊顏色選項下面的「清除」按鈕即可:

wordpress-block-clear-text-color

專家提示:如果要更改塊的背景顏色,也可以在此處進行。

更改單詞或短語的文本顏色

如果您只想更改一個或兩個單詞的顏色怎麼辦?使用塊編輯器也很容易。

首先,您需要突出顯示要更改的單詞。然後,單擊內容編輯器工具欄上的向下的小箭頭。

highlight-words-to-change

接下來,只需單擊下拉列表底部的「文本顏色」鏈接:

select-text-color-from-dropdown

現在,您將看到與整個塊相同的顏色選項。同樣,您可以從默認選項之一中進行選擇,也可以使用「自定義顏色」鏈接選擇所需的任何顏色。

wordpress-pick-text-color

顏色選項不僅限於段落塊。您還可以更改標題欄的文本顏色。與段落塊一樣,您可以在塊設置中為整個塊設置文本顏色。或者,您可以突出顯示各個單詞並更改其顏色。

wordpress-heading-text-color

注意:您不能為標題欄設置背景顏色。

您也可以在列表塊中更改文本顏色,但只能突出顯示單詞並使用工具欄。塊設置中沒有選項可以更改整個列表塊的文本顏色。

使用經典編輯器更改字體顏色

如果您仍在使用經典的WordPress編輯器,則可以使用工具欄更改字體顏色。

在舊版編輯器中,單擊最右邊的工具欄切換。然後,您將看到第二行圖標:

classic-editor-toolbar-toggle

現在,您可以選擇文本並使用字體顏色下拉菜單更改字體顏色。

classic-editor-change-text-color

方法2。在主題定製器中更改文本顏色

如果要在整個網站上更改文本顏色怎麼辦?許多最好的WordPress主題將允許您使用主題定製器來做到這一點。

在此示例中,我們使用了OceanWP主題。這是可用於WordPress的頂級免費主題之一。

在WordPress信息中心中,轉到外觀»自定義打開主題自定義程序。

dashboard-appearance-customize

接下來,您需要尋找「印刷術」之類的選項。可用的選項以及它們的名稱會根據您的主題而有所不同。

customizer-select-typography

讓我們繼續,然後單擊「版式」選項卡或等效選項。接下來,尋找一個可以更改帖子和頁面文字的設置。在OceanWP中,這稱為「正文」文本。您需要單擊此按鈕,以便自定義字體顏色等。

theme-customizer-typography-body

單擊「字體顏色」選擇器時,您將看到一個顏色選擇器。選擇要用於文本的任何顏色。這將更改您所有帖子和頁面中的文本顏色。

theme-customizer-body-font-color

您還可以通過使用選項來更改H1,H2等,以類似的方式更改標題顏色。

對更改滿意後,請點擊屏幕頂部的「發布」按鈕。

theme-customizer-publish

提示:通常,最好在白色或淺色背景上選擇黑色或深灰色文本,以提高可讀性。

方法3。使用CSS代碼更改文本顏色

如果您的主題無法選擇更改文本顏色怎麼辦?

您仍然可以使用主題定製器在整個網站上更改字體顏色。轉到WordPress信息中心中的外觀»定製程序

在選項列表的底部,您會看到一個標籤為「其他CSS」的標籤。

theme-customizer-additional-css

接下來,單擊「其他CSS」選項卡,您將看到一些說明以及一個可以輸入CSS代碼的框。

對於初學者,您可以將此代碼複製到框中。之後,您可以將6個數字更改為所選顏色的十六進位代碼。

p { color:#990000; }

theme-customizer-additional-css-color-code

這會將您所有帖子和頁面中常規文本的字體顏色更改為深紅色(或您選擇的任何顏色),如下所示:

twenty-twenty-customized-text-color

如果要更改帖子中標題的顏色,可以添加以下代碼:

h2 { color:#990000; }

同樣,將十六進位代碼更改為所需的任何顏色。

如果您不熟悉CSS或想要一個對初學者友好的CSS編輯器,可讓您輕鬆自定義網站的整個樣式,那麼我們建議您使用CSS Hero。它是一個功能強大的可視化編輯器,可讓您自定義整個網站的樣式。

css-hero-plugin

我們希望本教程可以幫助您學習如何在WordPress中更改文本顏色。您可能還喜歡我們的教程,內容涉及如何在WordPress中更改字體大小以及如何在WordPress中添加自定義字體

相關文章