搜索
关闭此搜索框。

如何为您的 WordPress 网站 2024 创建调色板? 终极指南

会员披露: 完全透明-我们网站上的某些链接是会员链接,如果您使用它们进行购买,我们将为您赚取佣金而没有任何额外费用(无任何费用!)。

为您的网站选择调色板有几个优点。 它可以帮助建立您的品牌并表达您的原则,同时还可以提高您网站的吸引力和设计。

所以制作一个品牌调色板。 值得庆幸的是,我们的 Beaver Builder 插件使这一切变得简单。 为您的 WordPress 网站创建一个调色板并开始收获回报。

如何使用 Beaver Builder 制作一个。 Nous 还建议某些配色方案。 那么我们走吧!

如何为您的 WordPress 网站创建调色板?

如果您从未使用过我们的 Beaver Builder 插件,它是 WordPress 的页面构建工具。 它有一个实时前端编辑器。 A 免费 Beaver Builder WordPress 插件 存在。 该应用程序允许您为您的网站创建调色板。

升级到高级订阅即可使用我们的所有功能和工具。 注册后,可以从您的帐户仪表板下载该插件。

如何为您的 WordPress 网站创建调色板

如果您已经有 Beaver Builder 插件,请转到您的插件选项卡 WordPress管理仪表板 更新。 单击 Beaver Builder 下的升级按钮。

激活 Beaver Builder 插件后,您有两种创建调色板的选项:手动或编程。 在接下来的部分中,我们将演示这两者。

方法一:手动添加颜色预设

在第一个选项中使用 Beaver Builder 创建调色板是手动完成的。 对于那些不知道如何编码或不想篡改网站文件的人来说,这是一个不错的选择。

通过单击帖子或页面编辑器中的“启动”按钮来启动 Beaver Builder。 这从页面构建器开始。

  • 然后选择行、列或模块的颜色字段。
  • 出现颜色选择器。 在这里选择您的第一种颜色。 您还可以提供颜色十六进制数字。
  • 选择颜色后,您还可以单击拾色器右上角的 (+) 符号。 对每种其他颜色重复此操作。
  • 完成后,单击面板底部的颜色预设。 可以在此处查看颜色预设。
  • X 符号删除颜色。 完成后保存您的修改。

方法 2:以编程方式添加颜色预设

以编程方式修改颜色预设是另一种选择。 仅当您愿意更改代码时才建议使用此方法。 如果没有,请手动操作。

  • 以编程方式添加预设之前,请删除 Beaver Builder 中存储的任何当前颜色。 在 Beaver Builder 中打开页面进行编辑。
  • 然后选择一个颜色字段并单击任何使用颜色的模块中的颜色预设。 通过选择每种颜色旁边的 X 按钮,您可以删除任何以前存储的设置。 退出编辑器。
  • 然后修改子主题的functions.php 文件。 它位于 WordPress 管理菜单中的“外观”>“主题编辑器”下。
  • 然后,您可以使用调色板的十六进制颜色添加此代码。 但是,它不会改变主题的颜色选择。
  • 建议将此代码中的十六进制值替换为调色板的颜色。 您还可以添加或删除线条来调整颜色数量。
  • 输入的十六进制颜色值不需要“#”符号。 要发布您的修改,请保存文件。

快速链接:

结论:如何为您的 WordPress 网站创建调色板?

您为网站选择的颜色对其性能有重大影响。 访问者对您品牌的看法以及他们的参与和转化程度都会受到这些因素的影响。

为您的 WordPress 网站选择配色方案可能有助于它传达专业且连贯的设计。 如果您对网站的配色方案有任何疑问,请告诉我。

我们很想听听您对所提供空间的想法。

Jitendra

Jitendra Vaswani是...的创始人 模式忍者 WordPress 插件,在加入 SchemaNinja 之前,他是许多网络营销博客的创始人 BloggersIdeas.com及 数码网。 他是一位成功的在线营销人员和屡获殊荣的数字营销顾问。 作为一名成功的博主和数字营销人员,他曾在《赫芬顿邮报》、《商业世界》、《YourStory》、Payoneer、Lifehacker 和其他领先出版物上发表过专题报道。 Jitendra Vaswani 也是一位经常演讲的人,在数字营销领域拥有 8 年以上的经验。 查看他的投资组合( 吉腾德拉)。 找到他 Twitter,& Facebook.

0 分享
分享
Share
Share
Pin