专注于外贸建站,分享WordPress教程和Elementor教程
建站,就和我一起用Cloudways超快独享主机,免费试用3天,注册输入优惠码:LOYSEO,可享2个月7折,成为正式用户,可联系我领取礼品哦

GeneratePress:全局颜色设置教程

更新日期:2022-06-14

扫码加入 读者学习群

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Cloudways

不用充值便可免费试用3天的Cloudways超快独享主机,独家优惠码:LOYSEO,前2个月可优惠30%
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

Share on facebook
Share on twitter
Share on linkedin

本教程讲解如何在GeneratePress主题中配置网站的全局颜色。

您可以在自定义(customize) > 颜色(colors)中找到GeneratePress主题的全局颜色(global colors)配置项。

打开颜色面板后,您将下图中的全局颜色和元素列表。

GeneratePress:全局颜色设置教程

全局颜色

GeneratePress主题默认添加了 7 种颜色,每种颜色都有特定的用途。

从左到右,分别有如下颜色:

  • 对比色(contrast)——最深的文字颜色
  • 对比色 2 – 较浅的文本颜色
  • 对比色 3 – 最浅的文本/边框颜色
  • 基础(base) – 深色背景
  • 基础 2 – 较浅的背景
  • 基础 3 – 最浅的背景(白色)
  • 强调(accent)——品牌主色调

您可以删除或重命名这些默认颜色。但是,如果您这样做,您需要更新使用了这些已删除或重命名颜色的颜色字段,因为这些字段将不再具有颜色值。

您还可以根据需要添加任意数量的自定义颜色。注意,要保持您的全局颜色的简单和最小化——这些颜色是您将在整个设计和内容中重复使用的颜色。这里的好处是:您可以随时更换颜色以完全改变您网站的风格。

对比色

GeneratePress:全局颜色设置教程

对比色通常是文本/边框颜色。

基础色

GeneratePress:全局颜色设置教程

基础色通常是您的背景色。这些颜色和您的对比色之间应该有足够的对比度,以便您的文本仍然容易看清。

强调色

GeneratePress:全局颜色设置教程

您的强调色是您网站上使用最少的颜色。它们旨在吸引注意力(链接、按钮、特殊标题等……)。

为元素选择颜色

你可以将将鼠标点选需要配置的元素,譬如primary navigation(菜单),在展开的配置项里,将悬停在颜色选项上以了解每个选项的用途。

例如:初始(initial)/悬停(hover)/当前选中(current)颜色选项,你可以为主菜单和子菜单设置背景、文本、子菜单的不同颜色。

GeneratePress:全局颜色设置教程

选择颜色的操作很简单,你可以单选一个全局颜色,或根据需要选择新的颜色。

GeneratePress:全局颜色设置教程

查看更多GeneratePress主题教程

点赞
0 / 5 0

Your page rank:

外贸建站学习交流群
超快独享主机
Cloudways
免费试用3天,无需充值
费用月结 | 不用一次性付整年
*注册优惠码Promo code:LOYSEO
*用Gmail邮箱,注册易通过