WordPress divi主题

如何将调色板应用到您的 Divi 网站

| 4月 26, 2022 | Divi主题使用教程 | 0 条评论

5分钟生成10篇英文软文article forge软件试用

互联网上没有什么比平淡无奇的网站更糟糕的了。 当然,有些网站故意追求野蛮或极简主义的外观(看着你的 Craigslist),但即使是那些也不是 平淡无奇. 拥有纯色调色板是让您的网站从米色大众中脱颖而出的可靠方法,那些没有灵感的单色网店 按超过 我是按。 值得庆幸的是,Divi 为您提供了我们的 Magic Color 系统和 Global Colors 功能的组合。 您可以轻松地将调色板应用到您的 Divi 网站。 结果一定会给您的访问者留下深刻印象。

google广告开户

调色板的一般提示

无论将调色板添加到您的 Divi 网站有多么容易,您都必须为您的行业和品牌使用正确的调色板。 如果您已经拥有品牌颜色,那么这些是显而易见的选择。除了深入研究颜色理论(顺便说一句,这很有趣)之外,我们还有一些技巧可以帮助您找出从哪里开始新的调色板。

1.决定深色或浅色网站

在您将使用的调色板中,您无疑会有浅色和深色。 调色板中的对比度是强制性的,因此书面内容不会丢失。

现在,这立即将我们引向第一个问题,当您想将调色板应用到您的网站时,您必须问自己; 你想创建一个深色还是浅色的网站? 仅仅因为您选择了一个并不意味着您不能将它们组合起来,而是做出选择可以帮助您更轻松地选择您的调色板。

2. 颜色选择

理论上,您可以自己确定您希望您的调色板有多少种颜色。 没有标准的方法来应用或确定调色板。 但是,要使用 Divi 创造良好的颜色平衡,我们建议使用五种颜色。

为了帮助您将具有五种颜色的调色板应用到您的网站,我们选择了一种方法,在展示不同的调色板时,我们将始终将其应用于相同的布局。 但在我们深入研究之前,让我们看看如果你想遵循我们的方法,你需要在你的调色板中拥有不同类型的颜色。

背景颜色

调色板

确保您选择的背景颜色相互匹配。 您将使用彼此靠近的这些背景颜色并获得漂亮的结果; 他们必须有一定的和谐。

字体颜色

调色板变化

您需要选择的下一件事是字体颜色。 从逻辑上讲,字体颜色取决于您选择的背景颜色。 如果您选择了浅色背景颜色,请确保您的字体颜色为深色,反之亦然。

WordPress divi主题

超链接和 CTA 颜色

调色板变化

您选择的超链接颜色是使您的网站栩栩如生的颜色之一。 确保此颜色从调色板中的其他颜色中脱颖而出,因为您会将其用于您在网站上包含的号召性用语。

最后润色的颜色

调色板变化

最后但同样重要的是,您可以选择另一种开箱即用的颜色,为您的网站带来色彩。 虽然这种颜色不如超链接颜色重要,但它会帮助您完成网站上的颜色平衡。

3.确保有足够的对比度

如前所述,必须在调色板中的某些颜色之间提供对比。 如果您在网站上使用调色板,这种对比将主要帮助您使您共享的书面内容具有可读性。 因为,如果您的内容不容易阅读,那么它的目的到底是什么?

4.找到正确的色彩使用平衡

有多种方法可以确定您希望在调色板中使用特定颜色的频率。 如果您不希望他们对您在网站上使用的颜色感到不知所措,那么创建良好的色彩平衡是必要的。

确保您大部分时间在调色板中使用更中性的颜色,并使用其他颜色来突出您提供的内容。

如何将调色板添加到您的 Divi 网站

考虑到所有这些,是时候深入研究 Divi 并应用您网站的新调色板了!

默认 Divi 调色板

首先,进入您的 WordPress 仪表板并转到 Divi – 主题选项. 在下面 一般的 选项卡,您将看到一个标题为 颜色选择器默认调色板. 这样做是允许您在 Divi 构建器中打开颜色选项时选择您想要快速访问的任何 8 种颜色。 默认情况下,这些是许多人使用的鲜艳颜色,但它们不是一个完整的调色板,应该在任何单个网站上使用。

默认调色板

fiverr建站WordPress程序员

请注意,这不会将颜色应用于您的网站本身。 它仅将它们显示为构建器中的快速选项。

进入 Divi Builder

无论您是否在 Divi 设置中设置调色板,您仍然可以选择将各种颜色应用于您网站上的元素。 为此,请进入 Divi Builder 并将要调整的任何模块的设置输入到新调色板中。

选色器

在当前为任何元素选择的颜色下,您将看到 省略号图标(三个点). 当你点击它时,你会调出 Divi 的 Magic Color 工具。 构建器会考虑您最近使用的颜色和页面本身的颜色,为您提供一系列由互补颜色组成的多个调色板,它们应该可以很好地协同工作。

将颜色设置为全局

一旦决定了要使用的颜色,就可以将它们设置为全局颜色了。 全局颜色可以设置为在整个页面上更改,无论模块或元素如何. 这意味着如果你想换掉 5 种不同的颜色,你不必做超过 100 次,单独在那个颜色的实例上。 你会做 5 次。

独立站选品工具

首先,使用颜色选择器进入任何模块。 在它下面,您将看到一个名为 全球的. 单击它,整个调色板就会消失。 从这里,您将通过单击设置您希望在全球范围内可用的颜色 加 + 图标。

全球的

当新的选择器出现时,单击 绿色复选标记 将当前颜色添加为全局选项。

全局颜色

白色圆圈在哪里并不重要。 十六进制值是添加到全局颜色中的值。 您现在将看到在加号图标旁边添加的默认颜色。 您可以看到颜色已应用到站点,因为颜色上的水滴形状图标而不是通常的圆形。

高质量外链购买

水滴意味着全局颜色

此外,您可以右键单击所选颜色并选择“转换为全局”以将其添加到列表中。

divi 全球转换

对所选调色板中的每种颜色重复此过程,以便最终将整个调色板保存在全局链接下。 当您将新调色板应用于页面上的所有元素时,这一点非常重要。

应用全局颜色

接下来,您可以全局调整页面上要替换的所有相同颜色的实例。 您要做的是进入要更改颜色的元素并右键单击它。 然后你会选择 查找和替换 从上下文菜单中。 不要在此处将此颜色转换为全局颜色. 这是下一步的一部分。

JasperAI 10000字免费额度试用

查找和替换

下一个屏幕将是您选择用全局颜色替换该颜色的地方。 确保在 用。。。来代替 你点击 全球的 然后选择要在页面上扩展的全局颜色。 请务必选中“替换每个选项类型中所有找到的值,不限于 [insert current element type]。” 这将确保无论如何,该颜色将被替换。

查找并替换为全局

现在,您可以编辑该特定的全局颜色,并且当您这样做时,它的每个实例都会更改。 请注意,您没有从调色板中选择新颜色。 那只会交换当前颜色。 你 编辑 在所有地方更改它的颜色,因为您已将该单一颜色的每个实例标记为全局。

挑选颜色

WordPress备份工具updrafplus

您可以使用颜色选择器将其作为一个整体进行编辑。 只需单击液滴即可选择一个新液滴。

编辑颜色

之后,它只是对新调色板中的每种颜色重复该过程。 只需对调色板中的每种颜色进行一次更改。 不是交换某种颜色的每个特定元素。

包起来

为您的 Divi 网站选择和应用全局调色板从未如此简单。 您可以使用我们的 Magic Color 功能来帮助您选择调色板,然后您可以将它们设置为您网站的全局颜色。 完成后,您只需选择要换出的颜色,然后使用 Divi 的内置查找和替换功能在页面上替换这些颜色。 使用此工作流程,您一定会在重新设计各种网站并更改我们的一些免费赠品布局包时节省大量时间。

享受!

文章特色图片来自 ART.ICON / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题