乐趣区

关于php:GeneratePress全局颜色设置教程

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

本文原文出自:https://loyseo.com/tutorial/generatepress/global-colors/

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

关上色彩面板后,您将下图中的全局色彩和元素列表。

全局色彩

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

从左到右,别离有如下色彩:

  • 对比色(contrast)——最深的文字色彩
  • 对比色 2 – 较浅的文本色彩
  • 对比色 3 – 最浅的文本 / 边框色彩
  • 根底(base)– 深色背景
  • 根底 2 – 较浅的背景
  • 根底 3 – 最浅的背景(红色)
  • 强调(accent)——品牌主色调

您能够删除或重命名这些默认色彩。然而,如果您这样做,您须要更新应用了这些已删除或重命名色彩的色彩字段,因为这些字段将不再具备色彩值。

您还能够依据须要增加任意数量的自定义色彩。留神,要放弃您的全局色彩的简略和最小化——这些色彩是您将在整个设计和内容中重复使用的色彩。这里的益处是:您能够随时更换色彩以齐全扭转您网站的格调。

对比色

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

根底色

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

强调色

您的强调色是您网站上应用起码的色彩。它们旨在吸引注意力(链接、按钮、非凡题目等……)。

为元素抉择色彩

你能够将将鼠标点选须要配置的元素,譬如 primary navigation(菜单),在开展的配置项里,将悬停在色彩选项上以理解每个选项的用处。

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

抉择色彩的操作很简略,你能够单选一个全局色彩,或依据须要抉择新的色彩。

查看更多 GeneratePress 主题教程

本文由专一于外贸建站的 LOYSEO 公布

退出移动版