当前位置: 首页 > 后端技术 > PHP

GeneratePress-GlobalColorSettingTutorial

时间:2023-03-30 02:24:03 PHP

本教程讲解如何在GeneratePress主题中配置网站的全局颜色。本文原文来自:https://loyseo.com/tutorial/generatepress/global-colors/在自定义(customize)>颜色(colors)中可以找到GeneratePress主题的全局颜色(globalcolors)配置项).打开颜色面板后,您将在下图中看到全局颜色和元素的列表。GlobalColorsGeneratePress主题默认添加了7种颜色,每种颜色都有特定的用途。从左到右,有以下颜色:对比度-最深的文本颜色对比度2-较浅的文本颜色对比度3-最浅的文本/边框颜色基础-较深的背景基础2-较浅的浅色背景基础3-最浅的背景(白色)重音-品牌颜色您可以删除或重命名这些默认颜色。但是,如果这样做,您将需要更新使用这些已删除或重命名颜色的颜色字段,因为这些字段将不再具有颜色值。您还可以根据需要添加任意数量的自定义颜色。注意保持你的全局颜色简单和最小——这些是你将在整个设计和内容中重复使用的颜色。好处是:您可以随时更改颜色以完全改变您网站的风格。对比色对比色通常是文本/边框颜色。底色底色通常是您的背景色。这些颜色和你的对比色之间应该有足够的对比,这样你的文字仍然容易阅读。强调色您的强调色是您网站上使用最少的颜色。它们旨在吸引注意力(链接、按钮、特殊标题等)。为元素选择颜色您可以点击需要配置的元素,例如主导航(菜单),在展开的配置项中,将鼠标悬停在颜色选项上,可以了解每个选项的用途。例如:initial(初始)/hover(悬停)/currentselection(当前)颜色选项,可以为主菜单和子菜单的背景、文字、子菜单设置不同的颜色。选择颜色的操作非常简单,可以单选全局颜色,也可以根据需要选择新的颜色。查看更多GeneratePress主题教程