如何更改 WordPress 中的字体颜色

作者 : 慕源网 本文共1461个字,预计阅读时间需要4分钟 发布时间: 2021-09-22 共372人阅读

更改 WordPress 站点中的字体颜色是您可以轻松为一小部分文本或块执行的操作。或者,您可以更改整个站点中特定元素或 CSS 类的颜色。

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

我将向您展示两种方法:

  • 更改单个块的字体颜色。
  • 将 CSS 类添加到颜色块,然后为该类设置样式。

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

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

如何更改一段文本的字体颜色

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

一个警告:太多的颜色会让你的网站看起来凌乱和不专业。确保使用不冲突的颜色。

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

如何更改 WordPress 中的字体颜色

通过双击选择要更改其颜色的文本。单击块上方的箭头图标并选择Text Color

如何更改 WordPress 中的字体颜色

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

如何更改 WordPress 中的字体颜色

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

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

如何更改 WordPress 中的字体颜色

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

最后,单击更新以更新您的帖子或单击发布以发布它。这将保存您的更改。

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

如何更改 WordPress 中的字体颜色

如何使用 CSS 类更改字体颜色

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

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

附加 CSS 类字段中,输入 CSS 类。我要使用highlight-color. 我故意不命名颜色,以防我决定稍后更改它。

如何更改 WordPress 中的字体颜色

现在单击更新发布以保存您的帖子。

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

  • 在定制器中添加样式
  • 为主题的样式表添加样式

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

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

如何更改 WordPress 中的字体颜色

附加 CSS窗格中,输入 CSS 以更改您的字体颜色:

.highlight-color {
 color: #e76d16;
}

使用十六进制代码将该代码中的颜色更改为您想要使用的任何颜色。最好使用主题中其他地方正在使用的颜色,或者在使文本突出的同时与主题看起来很好的颜色。

如何更改 WordPress 中的字体颜色

单击“发布”按钮保存更改。

现在转到您的实时站点中的帖子,您会看到带有highlight-color该类的块与它周围的文本颜色不同:

如何更改 WordPress 中的字体颜色

现在您可以将此类用于您想要制作该颜色的任何块。

更改主题样式表中的字体颜色

使用我向您展示的两种方法,您无需编辑主题中的文件或深入了解 CSS。它们为您提供了一种在 WordPress 中更改字体颜色的快速方法。

但是,如果您要编辑站点中现有元素(例如所有段落或链接)的颜色,或者要在样式表中而不是在定制器中添加 CSS,则需要编辑主题的样式表。

您可以在我们的将自定义 CSS 添加到 WordPress 网站的指南中找到有关编辑样式表的更多信息。如果您想更深入地了解,这是一个很好的起点。

结论

更改 WordPress 网站中文本的字体颜色只需几分钟。您可以直接编辑字体颜色或给它一个类,然后为您的类编写 CSS。

但是,无论您选择这样做,都不要过度。并确保您使用的颜色可以很好地协同工作,以避免网站看起来凌乱和不专业。


慕源网 » 如何更改 WordPress 中的字体颜色

常见问题FAQ

程序仅供学习研究,请勿用于非法用途,不得违反国家法律,否则后果自负,一切法律责任与本站无关。
请仔细阅读以上条款再购买,拍下即代表同意条款并遵守约定,谢谢大家支持理解!

发表评论

开通VIP 享更多特权,建议使用QQ登录