您想在您的 WordPress 网站上自定义颜色吗?
颜色在使您的网站美观和建立品牌标识方面起着至关重要的作用。幸运的是,WordPress 使自定义整个站点的颜色变得非常容易。
色彩理论是对色彩及其如何协同工作的研究。它可以帮助设计师创建相互补充的颜色组合。
在设计网站时,您需要选择搭配起来好看的颜色。这将使您的网站看起来对访问者更具吸引力,从而改善用户体验并增加参与度。
不同的颜色会让人产生不同的情绪和感受,而色彩理论可以帮助您为您的网站选择正确的组合。
例如,红色经常被用来代表食物和餐馆。另一方面,蓝色通常用于银行和金融网站。
这使您可以使您的内容更具可读性,建立强大的品牌标识,并在网站上营造特定的氛围。
WordPress 主题控制您的网站对用户的外观。典型的 WordPress 主题是您在网站上安装的一组预先设计的模板,用于更改其外观和布局。
使用 WordPress,您可以轻松自定义主题并更改它们的背景、字体、按钮和链接颜色。
但是,请记住,某些主题带有预定义的颜色选择,而其他主题提供了更大的灵活性来选择您自己的颜色。
话虽如此,让我们看看如何在 WordPress 中轻松自定义颜色。
- 如何在 WordPress 中自定义颜色
- 如何更改 WordPress 中的背景颜色
- 如何更改 WordPress 中的标题颜色
- 如何更改 WordPress 中的文本颜色
- 如何更改 WordPress 中的文本选择颜色
- 如何更改 WordPress 中的链接颜色
- 如何更改 WordPress 中的管理员配色方案
您可以使用多种不同的方法在 WordPress 中自定义颜色,包括主题定制器、完整站点编辑器、自定义 CSS、页面构建器插件等。
使用主题定制器更改颜色
使用内置的WordPress 主题定制器更改颜色非常容易。
首先,从管理侧边栏访问外观 » 自定义页面。
注意:如果您在 WordPress 仪表板中找不到“自定义”选项卡,那么这意味着您正在使用块主题。向下滚动到本教程的下一部分,了解如何更改块主题中的颜色。
对于本教程,我们将使用默认的二十一二十一主题。
打开面板后,只需单击“选择颜色”选项。这将打开拾色器,您可以在其中选择您喜欢的背景颜色。
如果您使用的是基于块的主题,那么您将无法访问主题定制器。但是,您可以使用完整的站点编辑器 (FSE) 来更改您网站上的颜色。
首先,从管理侧边栏转到外观 » 编辑器屏幕以启动完整的站点编辑器。
使用自定义 CSS 更改颜色
CSS是一种可用于更改网站视觉外观(包括其颜色)的语言。您可以在主题设置中保存自定义 CSS,以将自定义应用到整个站点。
但是,如果您在网站上切换主题或更新现有主题,自定义 CSS 代码将不再适用。
这就是我们推荐使用WPCode插件的原因,它是市场上最好的 WordPress 代码片段插件。这是添加自定义 CSS 代码的最简单方法,它允许您在 WordPress 网站上安全地自定义颜色。
首先,您需要安装并激活WPCode插件。有关更多说明,请参阅我们关于如何安装 WordPress 插件的初学者指南。
注意:您还可以使用WPCode 的免费版本。但是,我们建议升级到付费计划以释放插件的全部潜力。
激活 WPCode 后,您需要从管理侧边栏访问代码片段 » + 添加片段页面。
对于本节,我们将添加自定义 CSS 代码来更改网站上的文本颜色:
由WPCode主持 ❤️
在这里,如果您希望代码在激活时自动执行,您可以选择“自动插入”选项。
您还可以使用SeedProd插件自定义颜色。
它是市场上最好的 WordPress 页面构建器,让您无需使用任何代码即可从头开始创建主题。
首先,您需要安装并激活SeedProd插件。有关更多详细信息,您可以阅读我们关于如何安装 WordPress 插件的初学者指南。
激活后,从 WordPress 管理侧边栏前往SeedProd » Theme Builder页面。
从这里,单击顶部的“主题模板工具包”按钮。
在这里,您需要将“启用 SeedProd 主题”开关切换为“是”以激活主题。
如果您使用块主题,则必须使用完整的站点编辑器更改背景颜色。
首先,您必须从管理侧边栏转到外观 » 编辑器屏幕。
启动完整的站点编辑器后,单击屏幕右上角的“样式”图标。
所有 WordPress 主题都提供多种默认网站颜色供您选择。
但是,如果您想使用自定义颜色,则需要单击“自定义颜色”工具。
为此,您首先需要切换到顶部的“渐变”选项卡。
您还可以使用主题定制器、SeedProd 和自定义 CSS 更改您网站的背景。
有关更详细的说明,您可能希望查看我们关于如何更改 WordPress 背景颜色的指南。
首先,您需要从管理侧栏访问外观»编辑器屏幕以启动完整的站点编辑器。到达那里后,通过双击选择顶部的“页眉”模板。
如果您想使用主题定制器或其他 CSS 更改标题颜色,那么您可能需要阅读我们的初学者指南,了解如何自定义您的 WordPress 标题。
如何更改 WordPress 中的文本颜色
更改文本颜色有助于提高 WordPress 博客的可读性。
如果您使用块主题,则必须使用完整的站点编辑器更改文本颜色。
如何更改 WordPress 中的文本选择颜色
将 CSS 代码添加到您的主题文件可以轻松更改文本选择颜色。但是,请记住,切换到另一个主题或更新当前主题会使 CSS 代码消失。
这就是我们推荐使用WPCode插件的原因,它是市场上最好的 WordPress 代码片段插件。
首先,您需要安装并激活WPCode插件。有关更多说明,请参阅我们关于如何安装 WordPress 插件的指南。
激活后,从管理侧边栏转到代码片段 » + 添加片段页面。
由WPCode主持 ❤️
一键在 WordPress 中使用
如果您使用的是块主题,请从管理侧边栏转到 外观 » 编辑器屏幕。
首先,您需要从顶部切换到“悬停”选项卡。
有关更详细的说明,您可能希望查看我们的指南,了解如何更改 WordPress 中的链接颜色。
如果需要,您还可以更改 WordPress 中的管理员配色方案。如果您希望管理仪表板与您网站的品牌相匹配或使用您喜欢的颜色,此方法会很有帮助。
但是,请记住,更改 WordPress 仪表板的配色方案不会影响您网站的可见部分。
要更改管理配色方案,只需访问管理侧边栏中的用户 » 配置文件页面。
您将在“管理配色方案”选项旁边看到多种配色方案。