Blocksy 2 引入了一个全新的颜色模式切换器,通常被称为“黑暗模式”。该功能基于改进后的颜色管理系统,用户可以在亮色模式和暗色模式之间自由切换。此功能提升了网站的可访问性与视觉效果。接下来,介绍启用和配置颜色模式切换器的步骤。
启用颜色模式切换器模块
进入 WordPress 仪表盘
在仪表盘中,点击左侧菜单中的 Blocksy,然后进入 扩展 选项。
启用颜色模式切换器模块
激活后,找到 颜色模式切换器模块 并启用它。启用后,在 产品 部分将显示新的 颜色模式切换器 选项。
配置颜色模式切换器
进入自定义器
在 WordPress 仪表盘中,点击 外观 > 自定义,打开自定义器界面。
添加颜色切换元素
在 页头 面板中,选择 颜色切换器元素,将其拖动到任意可用行。顾客就能在该位置切换亮色模式与暗色模式。
调整切换器外观
可以选择三种动画图标,并调整切换器的大小、标签。也可以设置默认颜色模式,或者启用与操作系统外观同步设置颜色模式的功能。
配置颜色方案
调整颜色方案
在自定义器中找到 颜色方案 设置,调整亮色模式和暗色模式下的颜色,以符合网站的设计风格。
使用调色板
为了让切换器正常工作,所有使用的颜色都应来自预设的调色板。如果使用自定义颜色,切换器将无法正确调整颜色对比度。
解决颜色显示问题
解决对比度问题
如果某些元素(如产品标题)在深色模式下对比度不足,只需选择调色板中的正确颜色,系统会自动完成切换。
添加自定义颜色
如果某些元素在颜色模式切换时显示效果不理想,可以通过添加新的自定义颜色来改善。进入调色板,选择新的颜色,确保页面元素在两种模式下都能正常显示。
预览和测试
保存并查看效果
完成设置后,保存更改并前往网站前端,选择任何产品,点击 颜色切换器按钮,顾客可以看到亮色模式与暗色模式之间的切换效果。
调整展示方式
可以为每个产品页面添加更多自定义选项,确保顾客能够在浏览过程中轻松获取所需信息。
总结
Blocksy 2 的颜色模式切换器为商家提供了一个简单的工具,可以为顾客提供个性化的浏览体验。顾客可以自由切换亮色模式和暗色模式,享受更舒适的视觉展示。商家只需进行简单设置,就能为顾客提供更好的浏览体验,提高互动性与满意度。