WordPress 字体颜色修改指南

发布日期： 2023-09-03 阅读量： 作者： ADMIN

您可以轻松地为一小部分文本或一个块更改 wordpress 网站中的字体颜色。或者，您可以更改整个网站中特定元素或 css 类的颜色。

在这个快速教程中，我将向您展示如何快速更改 WordPress 网站中的字体颜色。

我将向您展示两种方法：

我还将向您概述如何使用样式表更改整个网站的字体颜色。

如果您想了解如何向 WordPress 添加全新字体或如何更改 WordPress 中的字体大小，也可以在此处了解具体操作方法。

如何更改文本部分的字体颜色

您可以选择将帖子或页面中的一部分文本或整个文本块设置为与其他帖子或页面不同的颜色。您可以使用它来突出显示某些文本并使其脱颖而出，或增强网站的设计。

警告：太多的颜色会让您的网站看起来混乱且不专业。确保使用不冲突的颜色。

首先找到要更改颜色的文本部分。

WordPress 字体颜色修改指南

双击选择要更改颜色的文本。单击该块上方的箭头图标并选择文本颜色。

WordPress 字体颜色修改指南

选择您希望文本具有的颜色。编辑屏幕中的颜色将会为您改变。

WordPress 字体颜色修改指南

或者，您可以使用十六进制代码来选择特定颜色。如果您想使用网站其他地方使用的颜色，这是一个好主意。

单击自定义颜色链接，然后从选择器中选择颜色或输入十六进制代码。

WordPress 字体颜色修改指南

对要更改颜色的任何其他文本块或文本部分重复此操作。您不必更改整个块的颜色 - 如果需要，您可以只更改一个单词。

最后，点击更新来更新您的帖子，或点击发布来发布它。这将保存您的更改。

现在你的文本将是你给它的任何颜色：

WordPress 字体颜色修改指南

如果您想更改一堆文本块，使它们全部具有相同的颜色，最好的方法是使用 CSS 类。这样，您就知道它们都是相同的颜色，并且您不必记住您使用的颜色。

再次找到您的文本块，然后在块窗格中打开高级选项卡。

在其他 CSS 类字段中，输入 CSS 类。我将使用 highlight-color。我故意不命名颜色，以防我稍后决定更改它。

WordPress 字体颜色修改指南

现在点击更新或发布保存您的帖子。

您现在有两个选项可以使用该类编辑块的颜色：

在定制器中设置类的样式是最简单的方法，并且在更新主题时不会给您带来任何问题。

转到 WordPress 管理员中的外观 > 自定义，然后单击其他 CSS。

WordPress 字体颜色修改指南

在其他 CSS 窗格中，输入 CSS 以更改字体颜色： p>

.highlight-color {
 color: #e76d16;
}

登录后复制