如何将颜色预设添加到 WordPress 定制器 2024？ [5个快速步骤]

本文专门介绍如何向 WordPress 定制器添加颜色预设。 在本教程中，我们将向 WordPress 定制器添加颜色预设。

让您的网站采用纯色方案将有助于强化您的品牌并展现专业精神。 手动定制主题非常费力。

将颜色预设添加到 WordPress 定制器可能有助于简化该过程。

什么是颜色预设以及为什么要使用它们？ 按照我们的五步指南将它们添加到 WordPress 定制器中。 那么让我们开始吧！

如何向 WordPress 定制器添加颜色预设？ 5 步骤

要了解如何为您的网站构建颜色预设，请转到此处。 了解如何通过五个简单步骤将颜色预设添加到 WordPress 定制器。

1.您网站的数据应该备份

必须编辑主题的functions.php 文件以包含颜色预设。 我们强烈建议您在继续之前创建网站的备份。

最好保留网站文件的副本，以防出现问题。 为了保护您的网站，您可以使用多种选项。

使用类似的插件 UpdraftPlus 是一个简单的解决方案。 使用此免费增值应用程序可以轻松备份您的网站。 用于异地存储数据的其他选项包括 Google Drive 和 Dropbox。

2. 为您的主主题创建一个子主题

如果您直接对主题文件进行修改，则主题更新可能会覆盖它们。 添加自定义代码时，您应该始终使用子主题来避免这种情况。

您可以在这里采取多种方法。 例如，您可以为 Beaver Builder 安装子主题。 如果您使用不同的主题，您甚至可以创建一个空白的子主题。

可以使用免费的 WordPress 插件构建子主题。 添加子主题后，请务必在“外观”>“主题”中激活它。

3. 在您的子主题的functions.php文件中，添加以下代码

您可以在 WordPress 仪表板中的外观 > 主题编辑器中找到新的子主题。 从屏幕顶部的下拉选项中选择子主题。

检查您的安全插件，看看它们是否阻止了对管理菜单中主题编辑器的访问。 在主题函数下找到右侧的functions.php 文件。

应将以下代码添加到文件中。 当您使用此代码时，您选择使用的预设颜色将显示在颜色选择器方块下方的框中。

4. 自定义颜色预设

接下来，编辑调色板选项以添加或删除十六进制颜色。 您可以通过更改此代码来更改定制器中的框数。

在调色板中添加任意数量的十六进制颜色。 要保存更改，请单击主题编辑器底部的更新文件按钮。

5. 保存前测试您的颜色预设

更新修改后，检查颜色预设在 WordPress 定制器中是否可用。 在浏览器中重新加载您的网站，然后转到定制器。

您应该注意到颜色选择器中新的十六进制颜色。 可以编辑 HSL参数 更改颜色选择器方块和滑块的色调、饱和度和亮度。

如果一切正确，那么您就准备好了！ 您现在已经自定义了 WordPress 定制器。 您可以在主题的functions.php 文件中编辑颜色。

快速链接：

• 如何删除 WordPress 页面标题？
• 如何为您的 WordPress 网站创建调色板？
• 如何在 WordPress 中创建维护模式页面？
• 如何在 WordPress 中创建自定义 404 错误页面？

结论：如何向 WordPress 定制器添加颜色预设？

您的品牌颜色可能会在您的 WordPress 网站的页面和文章中使用。 手动将它们添加到您的内容中需要时间。 相反，您可以生成颜色预设。

您对 WordPress 定制器颜色预设有任何疑问吗？ 让我们在评论中知道！