颜色管理器

在这篇文章中,我们将讨论颜色管理器以及如何在创建或管理网站时使用它。

  1. 什么是色彩管理器
  2. 何时使用颜色管理器
  3. 如何访问颜色管理器
  4. 如何创建全局颜色
  5. 如何使用全局颜色
  6. 总结

什么是色彩管理器

色彩管理器允许您设置在您的网站上使用的调色板。这意味着你可以切换其中一种颜色,它会立即在站点范围内更新,节省你来回编辑单个颜色值的时间。

何时使用颜色管理器

颜色管理器作为一个抽象层,可以在整个基石中轻松分配和更新颜色。例如,假设你设计了一些页面,它们使用特定颜色的选择组。也许你在你的网站上有几十甚至上百个这些颜色的实例,从边界到背景到文本到框阴影。现在,假设您决定在这数百个实例中使用的其中一种颜色需要更新。如果没有颜色管理器,你将需要重新访问每个元素并更新颜色……一个接一个……上百次了。在颜色管理器中,你可以用你认为合适的方式来标记颜色。“主品牌颜色”),并分配该标签颜色。如果你需要回去更新颜色,你只需要在颜色管理器中更新一次,它就会改变整个网站中该颜色的所有分配。

如何访问颜色管理器

  1. X / Pro在WordPress管理员中,通过选择任何构建器(内容,页眉,页脚等)启动基石。或者,使用你的网站前端的WordPress管理栏启动一个构建器。
  2. 单击导航图标()。
  3. 选择颜色在主导航下拉菜单中。

如何创建全局颜色

打开颜色管理器后,单击+按钮,添加你的第一个颜色:

颜色管理器

点击+按钮将为您的调色板添加新颜色。默认情况下,这些颜色以递增标签命名(例如颜色1,颜色2,等等),并将被赋予一个随机值:

颜色管理器

点击颜色将显示它的颜色选择器,在那里你可以使用顶部的输入更新颜色的名称,复制颜色,删除颜色,并改变颜色值到你想要的输出:

颜色管理器

例如,假设我们希望将此颜色用作站点范围的强调色。你可以更新颜色到你想要的值,并相应地调整标签:

颜色管理器

调整后,调色板项目将在管理器中反映新的颜色。将鼠标悬停在这个项目上会显示它的标签,这样你就可以记住它是什么:

颜色管理器

如何使用全局颜色

现在你已经在颜色管理器中创建了一些颜色,它们将在主题和基石的不同设置中可用。只要构建器或主题选项中有颜色选择器,就可以使用添加的颜色。可用颜色的顺序将与您在颜色管理器中设置的顺序相匹配。此外,将鼠标悬停在你的调色板上,还会显示一个工具提示,显示该颜色的标签,以帮助你记住它的目的:

颜色管理器

色彩管理器的美妙之处在于,只要你在适当的地方使用这些全局分配,如果你想回去调整你的网站的颜色(如改变一个主品牌的颜色,口音,文本,等等),你可以在色彩管理器的一个位置更新它,它将自动反映在你的整个网站!这是一个非常强大的工具,对于大型的构建,甚至是较小的站点,都应该充分利用它。

想象一下,如果你有一个充满元素的长登录页面。很容易想象,你可能会在你的设计中一遍又一遍地调用相同的颜色……可能上百次吧。使用颜色管理器可以确保你不需要一直记住那些颜色,你只需要从调色板中选择它们,如果你需要做一些改变,你可以很容易地做到这一点,为自己节省大量的时间!

总结

我们已经讨论了颜色管理器功能,以及为什么建议在小型或大型项目中使用它。此外,我们还解释了如何访问颜色管理器并添加全局颜色。最后,我们讨论了在《Cornerstone》中这些颜色的用法。

看到不准确的地方了吗?让我们知道

Baidu
map