Total Theme 包含一个调色板功能，可以更轻松地定义要在构建器元素中使用的设置颜色方案，以便您可以轻松地全局控制颜色。只需去定义和管理您的颜色。

调色板管理员

添加新颜色

助手开发人员课程和古腾堡支持

该主题通过帮助类为您的自定义颜色提供古腾堡自动支持，您也可以在任何开发中使用这些帮助类。因此，您在前端定义的每种颜色都可以用于将颜色添加为背景或文本颜色的 2 个类名：

• 有-{slug}-颜色
• 有-{slug}-背景色

其中 {slug} 是主调色板管理页面上显示的 slug。因此，如果您查看页面上的第一个屏幕截图，这些类将是“has-palette-88-color”和“has-palette-88-background-color”。

通过源代码检查时，您还可以在站点标题中找到这些类。

调色板 CSS 变量

该主题还将您的每种颜色注册为可用于任何自定义 CSS 的 CSS 变量。CSS 变量使用以下格式：

• –wpex-{slug}-color

因此，假设您正在编写一些自定义 CSS 并希望将您的一种颜色作为背景应用到您的元素，您可以这样做：

.element { background-color: var(--wpex-palette-14104-color); }

其中“palette-14104”是你的色块。