Dracula Dark Mode PRO 颜色生成算法 WordPress 插件[更至v1.3.5]

核心定位

Dracula Dark Mode 是一款基于 AI 算法自动将 WordPress 网站转换为暗色模式的插件。其核心价值在于减轻访客眼睛疲劳，同时保持与网站原有设计的视觉一致性。无论是前台页面、编辑器还是后台管理界面，均可统一应用暗色主题。

颜色生成算法

Dracula 提供两套暗色模式配色算法：Dynamic（动态）和 Static（静态）。

• Dynamic（动态）：自动提取网站主色调并适配生成暗色版本，属于完全自动化的方案。
• Static（静态）：采用固定配色公式，支持用户自定义参数，提供更可控且视觉平衡的暗色效果。

多场景暗色模式

阅读模式

专注内容本身：阅读模式自动移除页面杂余元素（分享按钮、侧边栏等），为用户提供干净、无干扰的阅读环境，重点提升文字可读性与导航便利性。

前台暗色模式

网站前台面向访客的暗色配色方案，适合用户长时间浏览内容的场景。

后台管理暗色模式

网站管理员可在 WordPress 后台启用暗色主题，保持前后台视觉统一，同时降低长时间管理工作时的眼睛负担。

定制能力

动态预设与自定义颜色

插件内置 8+ 套预设暗色主题，点击即可应用。若预设不满意，还可完全自定义配色方案。

14+ 切换按钮样式

内置 14+ 种明暗模式切换按钮风格，均可自由调整外观以匹配网站整体设计风格和品牌调性。

自定义切换按钮构建器

不甘于内置样式？通过 Toggle Builder 功能可从零设计完全自定义的切换按钮，满足个性化需求。

实时编辑暗色主题

Live Edit 小组件支持在网站上实时预览并调整暗色主题的各项参数，包括：

• 颜色自定义
• 切换按钮定制
• 字体排版设置
• 页面元素排除规则
• 图片与视频替换
• 自定义 CSS 代码

所有修改即时生效，无需反复在后台刷新预览。

页面级暗色主题设置

可针对每个页面单独设置不同的暗色配色方案、切换样式、字体排版等参数，灵活控制每个页面的暗色呈现方式，为访客打造差异化的浏览体验。

图片与视频替换

暗色模式下并非所有图片和视频都能呈现最佳效果。Dracula 支持针对暗色模式替换指定图片和视频素材，确保视觉表现始终理想。

用户体验增强

自动匹配操作系统主题

插件自动检测用户设备操作系统的主题偏好，并同步启用网站暗色模式，用户无需手动操作，体验无缝衔接。

悬浮式切换按钮

提供 14+ 种悬浮风格切换按钮，用户在网站任意位置均可一键切换明暗模式，便于快速访问。

菜单中显示切换按钮

切换按钮也可嵌入任意导航菜单位置（菜单开头或末尾），方便访客随时切换，同时不破坏页面原有布局。

暗色模式使用分析

内置使用数据统计后台，可追踪以下信息：

• 开启暗色模式的独立用户数
• 暗色模式开启/关闭的总次数
• 其他有价值的用户行为数据

帮助站点运营者了解用户对暗色模式的实际使用情况。

颜色调整选项

提供亮度、对比度、棕褐色、灰度等高级颜色调整参数，支持视障用户根据自身需求微调，也适用于追求特定暗色美学风格的用户。

编辑器兼容与扩展

Gutenberg 和 Classic Editor 兼容

无论是新版 Gutenberg 块编辑器还是传统 Classic Editor，插件均可正常加载暗色主题，适合长期在 WordPress 后台编辑内容的用户。

自定义 CSS

支持在暗色模式下插入自定义 CSS 代码，进一步深度定制网站外观，满足开发者的个性化需求。

进阶功能

切换按钮简码

通过 [dracula_toggle] 简码可在网站任意位置自由放置明暗模式切换按钮，适用于侧边栏、自定义页面等内置按钮不适用的场景。

默认暗色模式

可将暗色模式设为网站默认主题，首次访问的用户将直接以暗色主题体验网站。

性能模式

开启性能模式后，脚本加载将延迟执行，从而降低首屏加载时间，提升页面打开速度。