Blocksy Customize General Options Colors 颜色设置

Blocksy Customize General Options Colors 颜色设置

在Blocksy Customize General Options Colors下，你可以自定义网站的颜色，Blocksy开发者称该功能是网站的全局调色板

我们可以用该功能定义一组预设的颜色，并将它们一致的应用于整个网站，并且还扩展了对古腾堡插件和elementor的支持，从而确保一致的设计体验

Blocksy 附带 15 种预定义调色板 可供使用，但您也可以随时创建自己的调色板或使用其他颜色扩展现有调色板，以更好地匹配您的品牌标识。

要管理调色板，请点击 三点菜单 ，然后选择 “调色板”。这将打开调色板管理屏幕，您可以在其中浏览预设选项或创建自己的自定义调色板。

要 保存新调色板，首先要定义要包含的颜色。满意后， 再次 点击三点菜单，并选择“保存调色板”。新调色板将在 调色板管理器的“自定义”选项卡下可用。

推荐的颜色结构

虽然可以随意使用您认为合适的颜色，但为了使网站更加一致，Blocksy建议使用以下结构：

• 颜色1：品牌主色（按钮、重点元素）
• 颜色2：辅助色（悬停状态）
• 颜色3：正文段落文字
• 颜色4：标题、副标题
• 颜色5：边框、分隔线
• 颜色6：浅色背景（页头、页脚）
• 颜色7：网站主背景
• 颜色8：浅色替代背景（页眉等）

Color Picker 调色工具

• 提供 HWB 调节（亮度/饱和度）+ 色相滑块。
• 可为颜色命名，方便在自定义器和页面编辑器中识别。
• 支持复制 HEX 值或获取 CSS 变量名，便于高级样式定制。

Adding a New Color 添加新的颜色

如果默认的 8 种色卡无法满足您的设计需求，您可以轻松添加更多。只需打开三点菜单，然后选择 “添加新颜色” 即可扩展您的调色板。界面简洁，您可以轻松定义与您的品牌和风格相匹配的额外色卡。

Gutenberg 编辑器也能完全识别这些额外的颜色，从而确保您的内容和页面构建器元素的一致性。

Additional Color Controls 额外全局颜色控制

Blocksy的颜色设置中还提供了额外的全局颜色控制，例如：

• Base Text：正文文字颜色
• Links：链接默认与悬停颜色
• Text Selection：用户选中文字的高亮样式
• All Headings：统一设置所有标题颜色
• H1–H6 单独设置：可覆盖全局标题色
• Site Background：全站背景色或背景图

我们不仅可以使用调色板，还可以通过 定制器中的“设计” 选项卡单独调整每种颜色，从而完全掌控网站的外观。

Developer Resources 为开发者赋能

定制器中的所有颜色选择器现在都支持定义自定义 CSS 变量。这意味着您可以在“附加 CSS”窗格中将 CSS 颜色定义为变量，并在整个定制器中重复使用它们。