最近,我们的一位读者询问是否有一种简单的方法可以更改 WordPress 中的文本颜色?
答案是肯定的。您可以轻松更改整个站点的 WordPress 字体颜色,甚至可以更改帖子内容中的单个单词。
在本指南中,我们将逐步向您展示如何在 WordPress 中轻松更改文本颜色。
span> 您可能想要更改帖子或页面中的文本颜色的原因有很多。也许您想强调一个关键字,或者您可能想在特定页面上使用彩色副标题。
或者,您可能想要更改整个网站的文本颜色。也许您的主题使用灰色文本,但您宁愿使用黑色或深灰色以提高可读性。
在本教程中,我们将介绍以下方法:
- 使用可视化编辑器更改文本颜色(写内容的时候可以改几个字,一个段落或者一个标题)。
- 在主题定制器中更改文本颜色(更改整个网站字体颜色的最佳方式,但并非所有主题都支持它)。
- 使用CSS代码改变文字颜色(适用于改变整个站点任何主题的字体颜色)。
只需单击其中一个链接即可直接跳转到该方法。
方法1.使用可视化编辑器更改文本颜色
您可以使用默认的 WordPress 编辑器以不同于主文本的颜色放置单词、段落甚至副标题。
span> 以下是使用块编辑器更改文本颜色的方法。
首先,您需要编辑您想要更改的帖子或页面,或者创建一个新的。
接下来,输入您的文本。您需要根据需要创建段落块或标题块。如需帮助,请查看我们的教程如何使用 WordPress 块编辑器。
文本就位后,您可以更改颜色。
更改块的文本颜色
对于第一个示例,我们将更改整个块的文本颜色。
只需点击区块,区块设置面板就会在屏幕右侧打开。接下来,单击“颜色设置”的箭头以展开该选项卡。您将在此处看到文本颜色设置。
span> 现在您可以为文本选择一种新颜色。可视化编辑器将根据您的主题向您显示一些选项。您只需单击其中一个即可更改文本颜色。
此外,如果您想记住特定颜色,请单击“自定义颜色”链接。这将打开一个颜色选择器,您可以在其中手动选择颜色。您还可以使用它来输入十六进制代码。
span>如果您改变主意并想恢复默认文本颜色,只需单击颜色选项下方的“清除”按钮即可:
专家提示:如果你想改变块的背景颜色也可以在这里完成。
更改单词或短语的文本颜色
如果您只想更改一两个字的颜色呢?使用块编辑器也很容易。
首先,您需要突出显示要更改的词。然后,单击 内容编辑器 工具栏上的向下小箭头。
span>接下来,只需单击下拉列表底部的“文本颜色”链接:
您现在将看到与整个块相同的颜色选项。同样,您可以从默认选项之一中进行选择,或使用“自定义颜色”链接选择您想要的任何颜色。
span>color 选项不限于段落块。您还可以更改标题栏的文本颜色。与段落块一样,您可以在块设置中设置整个块的文本颜色。或者,您可以突出显示单个单词并更改其颜色。
strong>注意:不能设置标题栏的背景色。
您还可以更改列表块中的文本颜色,但只能通过突出显示单词和使用工具栏来进行。块设置中没有选项可以更改整个列表块的文本颜色。
用经典编辑器改变字体颜色
如果你还在 < span>使用经典的 WordPress 编辑器,您可以使用工具栏更改字体颜色。
在旧版编辑器中,单击最右侧的工具栏开关。然后,你会看到第二行图标:
您现在可以使用字体颜色下拉菜单选择文本并更改字体颜色。
span id="customizer">方法 2. 在主题定制器中更改文本颜色
如果您想在整个主题中更改文本颜色怎么办地点?许多最好的 WordPress 主题将允许您使用主题定制器来做到这一点。
在这个例子中,我们使用了OceanWP主题。这是可用于 WordPress 的顶级免费主题之一。
在 WordPress 仪表板中,转到 外观 » 自定义 从定义打开主题程序。
span> 接下来,您需要寻找“排版”之类的选项。可用选项及其名称因主题而异。
span> 让我们继续并单击 Typography 选项卡或等效选项卡。接下来,寻找可以更改帖子和页面文本的设置。在 OceanWP 中,这称为“正文”文本。需要点击这个按钮才能自定义字体颜色等。
当您点击字体颜色选择器时,您将看到一个颜色选择器。选择要用于文本的任何颜色。这将更改您的帖子和页面的所有 中的文本颜色。
span> 您还可以使用更改 H1、H2 等选项以类似方式更改标题颜色。
对更改感到满意后,单击屏幕顶部的“发布”按钮。
strong>提示:一般情况下,最好选择白色或浅色背景上的黑色或深灰色文字,以提高可读性。
方法 3. 使用 CSS 代码更改文本颜色
什么如果您的主题没有更改文本颜色的选项?
您仍然可以使用主题定制器来更改整个网站的字体颜色。前往 WordPress 控制面板中的 Appearance » Customizer。
在选项列表的底部,您会看到一个标签为“其他 CSS”的选项卡。
span> 接下来,单击“Additional CSS”选项卡,您将看到一些说明和一个可以输入 CSS 代码的框。
对于初学者,您可以将此代码复制到框中。之后,您可以将 6 个数字更改为您选择的颜色的十六进制代码。
p { 颜色:#990000; }
这会将您所有帖子和页面中的常规文本的字体颜色更改为深红色(或您选择的任何颜色),如下所示:
如果想改变帖子标题的颜色,可以添加以下代码:
h2 { color:#990000; }
同样,将十六进制代码更改为您想要的任何颜色。
如果您是 CSS 的新手,或者想要一个初学者友好的 CSS 编辑器,可以让您轻松自定义网站的整个样式,那么我们推荐 CSS 英雄。它是一个功能强大的可视化编辑器,可让您自定义整个网站的样式。
span> 我们希望本教程能帮助您了解如何在 WordPress 中更改文本颜色。您可能还喜欢我们的教程如何在 WordPress 中更改字体大小 和 如何在 WordPress 中添加自定义字体 .