您可以轻松地为一小部分文本或一个块更改 wordpress 网站中的字体颜色。或者,您可以更改整个网站中特定元素或 css 类的颜色。
在这个快速教程中,我将向您展示如何快速更改 WordPress 网站中的字体颜色。
我将向您展示两种方法:
- 更改单个块的字体颜色。
- 将 CSS 类添加到颜色块,然后设置该类的样式。
我还将向您概述如何使用样式表更改整个网站的字体颜色。
如果您想了解如何向 WordPress 添加全新字体或如何更改 WordPress 中的字体大小,也可以在此处了解具体操作方法。
如何更改文本部分的字体颜色
您可以选择将帖子或页面中的一部分文本或整个文本块设置为与其他帖子或页面不同的颜色。您可以使用它来突出显示某些文本并使其脱颖而出,或增强网站的设计。
警告:太多的颜色会让您的网站看起来混乱且不专业。确保使用不冲突的颜色。
首先找到要更改颜色的文本部分。
双击选择要更改颜色的文本。单击该块上方的箭头图标并选择文本颜色。
选择您希望文本具有的颜色。编辑屏幕中的颜色将会为您改变。
或者,您可以使用十六进制代码来选择特定颜色。如果您想使用网站其他地方使用的颜色,这是一个好主意。
单击自定义颜色链接,然后从选择器中选择颜色或输入十六进制代码。
对要更改颜色的任何其他文本块或文本部分重复此操作。您不必更改整个块的颜色 - 如果需要,您可以只更改一个单词。
最后,点击更新来更新您的帖子,或点击发布来发布它。这将保存您的更改。
现在你的文本将是你给它的任何颜色:
如何使用 CSS 类更改字体颜色
如果您想更改一堆文本块,使它们全部具有相同的颜色,最好的方法是使用 CSS 类。这样,您就知道它们都是相同的颜色,并且您不必记住您使用的颜色。
再次找到您的文本块,然后在块窗格中打开高级选项卡。
在其他 CSS 类字段中,输入 CSS 类。我将使用 highlight-color。我故意不命名颜色,以防我稍后决定更改它。
现在点击更新或发布保存您的帖子。
您现在有两个选项可以使用该类编辑块的颜色:
- 在定制器中添加样式
- 将样式添加到主题的样式表
在定制器中设置类的样式是最简单的方法,并且在更新主题时不会给您带来任何问题。
转到 WordPress 管理员中的外观 > 自定义,然后单击其他 CSS。
在其他 CSS 窗格中,输入 CSS 以更改字体颜色: p>
.highlight-color { color: #e76d16; }登录后复制
使用十六进制代码将该代码中的颜色更改为您想要使用的任何颜色。最好使用主题中其他地方使用的颜色,或者使用与主题相匹配的颜色,同时使文本脱颖而出。
点击发布按钮保存您的更改。
现在转到您的实时站点中的帖子,您将看到带有 highlight-color 类的块的颜色与其周围的文本颜色不同:
现在您可以将此类用于您想要设置该颜色的任何块。
更改主题样式表中的字体颜色
通过我向您展示的两种方法,您无需编辑主题中的文件或对 CSS 有深入的了解。它们为您提供了一种快速更改 WordPress 字体颜色的方法。
但是,如果您想要编辑网站中现有元素的颜色(例如所有段落或链接),或者想要在样式表而不是定制器中添加 CSS,则需要编辑主题的样式表.
您可以在我们的向 WordPress 网站添加自定义 CSS 的指南中找到有关编辑样式表的更多信息。如果您想更深入地了解,这是一个很好的起点。
结论
更改 WordPress 网站中文本的字体颜色只需几分钟即可完成。您可以直接编辑字体颜色,也可以给它一个类,然后为您的类编写 CSS。
但是无论您选择这样做,都不要做得太过分。并确保您使用的颜色能够很好地配合,以避免网站看起来凌乱和不专业。
使用专业的 WordPress 主题让您的网站脱颖而出
您正在设计一个新的 WordPress 网站吗?我们专业设计的 WordPress 主题集合可以在几分钟内为您的网站带来美丽的新外观和感觉。
以下是 ThemeForest 2020 年推出的一些最畅销和新兴的 WordPress 主题。 p>
以上就是WordPress 字体颜色修改指南的详细内容,更多请关注慧达安全导航其它相关文章!
免责 声明
1、本网站名称:慧达安全导航
2、本站永久网址:https//www.huida178.com/
3、本站所有资源来源于网友投稿和高价购买,所有资源仅对编程人员及源代码爱好者开放下载做参考和研究及学习,本站不提供任何技术服务!
4、本站所有资源的属示图片和信息不代表本站的立场!本站只是储蓄平台及搬运
5、下载者禁止在服务器和虚拟机下进行搭建运营,本站所有资源不支持联网运行!只允许调试,参考和研究!!!!
6、未经原版权作者许可禁止用于任何商业环境,任何人不得擅作它用,下载者不得用于违反国家法律,否则发生的一切法律后果自行承担!
7、为尊重作者版权,请在下载24小时内删除!请购买原版授权作品,支持你喜欢的作者,谢谢!
8.若资源侵犯了您的合法权益,请持 您的版权证书和相关原作品信息来信通知我们!QQ:1247526623我们会及时删除,给您带来的不便,我们深表歉意!
9、如下载链接失效、广告或者压缩包问题请联系站长处理
10、如果你也有好源码或者教程,可以发布到网站,分享有金币奖励和额外收入!
11、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需
12、因源码具有可复制性,一经赞助,不得以任何形式退款。
13、本文内容由网友自发贡献和站长收集,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系1247526623@qq.com
转载请注明出处: 慧达安全导航 » WordPress 字体颜色修改指南
发表评论 取消回复