在 Blocksy 2 中启用和配置颜色模式切换器

Blocksy 2 引入了一个全新的颜色模式切换器，通常被称为“黑暗模式”。该功能基于改进后的颜色管理系统，用户可以在亮色模式和暗色模式之间自由切换。此功能提升了网站的可访问性与视觉效果。接下来，介绍启用和配置颜色模式切换器的步骤。

启用颜色模式切换器模块

• 进入 WordPress 仪表盘
  在仪表盘中，点击左侧菜单中的 Blocksy，然后进入 扩展 选项。

• 启用颜色模式切换器模块
  激活后，找到 颜色模式切换器模块 并启用它。启用后，在 产品 部分将显示新的 颜色模式切换器 选项。

配置颜色模式切换器

• 进入自定义器
  在 WordPress 仪表盘中，点击 外观 > 自定义，打开自定义器界面。

• 添加颜色切换元素
  在 页头 面板中，选择 颜色切换器元素，将其拖动到任意可用行。顾客就能在该位置切换亮色模式与暗色模式。

• 调整切换器外观
  可以选择三种动画图标，并调整切换器的大小、标签。也可以设置默认颜色模式，或者启用与操作系统外观同步设置颜色模式的功能。

配置颜色方案

• 调整颜色方案
  在自定义器中找到 颜色方案 设置，调整亮色模式和暗色模式下的颜色，以符合网站的设计风格。

• 使用调色板
  为了让切换器正常工作，所有使用的颜色都应来自预设的调色板。如果使用自定义颜色，切换器将无法正确调整颜色对比度。

解决颜色显示问题

• 解决对比度问题
  如果某些元素（如产品标题）在深色模式下对比度不足，只需选择调色板中的正确颜色，系统会自动完成切换。

• 添加自定义颜色
  如果某些元素在颜色模式切换时显示效果不理想，可以通过添加新的自定义颜色来改善。进入调色板，选择新的颜色，确保页面元素在两种模式下都能正常显示。

预览和测试

• 保存并查看效果
  完成设置后，保存更改并前往网站前端，选择任何产品，点击 颜色切换器按钮，顾客可以看到亮色模式与暗色模式之间的切换效果。
• 调整展示方式
  可以为每个产品页面添加更多自定义选项，确保顾客能够在浏览过程中轻松获取所需信息。

总结

Blocksy 2 的颜色模式切换器为商家提供了一个简单的工具，可以为顾客提供个性化的浏览体验。顾客可以自由切换亮色模式和暗色模式，享受更舒适的视觉展示。商家只需进行简单设置，就能为顾客提供更好的浏览体验，提高互动性与满意度。

最近更新

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息