Joynal Dark Mode Switcher
| 开发者 | joynall |
|---|---|
| 更新时间 | 2026年4月24日 01:28 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Joynal Dark Mode Switcher is a lightweight WordPress plugin that lets visitors toggle between light and dark modes with a simple frontend switch.
It provides a fast, flicker-free experience by remembering user preferences and applying clean CSS-based styling for accurate colors and smooth performance across your website.
Key Features
- Simple & Fast: Lightweight architecture ensures optimal performance and prevents visual blinking (FOUC).
- Floating Toggle Button: Beautiful SVG-based sun/moon toggle switch that can be anchored to the bottom right or left.
- User Persistence: The visitor's preference is automatically remembered on subsequent visits and across different pages.
- Accessible Designs: High contrast base colors provide readable white text over dark backgrounds by default.
- Custom CSS Rules: Easily inject custom CSS overrides from the minimalist settings dashboard for more nuanced dark themes.
- Default Mode Option: Define whether the plugin should default to 'light' or 'dark' for visitors who haven't selected a preference yet.
- Secure & Compliant: Native integration using native
wp_enqueue_hooks, translatable text domains (joynal-dark-mode-switcher), and proper late escaping.
安装:
- Upload the plugin files to your
/wp-content/plugins/joynal-dark-mode-switcherdirectory, or install the plugin through the WordPress plugins screen directly via ZIP. - Activate the plugin through the 'Plugins' menu item in WordPress.
- Access the plugin configuration via the "Joynal Dark Mode Switcher" settings item in your main dashboard sidebar.
- Toggle on "Enable Joynal Dark Mode Switcher" and configure your desired base behavior!
常见问题:
Does it break my fixed headers?
No! Because this plugin applies targeted CSS color overrides rather than primitive blanket filter overlays, components like fixed headers, positioned footers, or complex animations work beautifully in dark mode.
Can I write my own custom styles?
Yes! From the settings page you can append specific CSS to target unique classes or edge cases in your particular WordPress theme. Example floating Toggle Switch located beautifully at the bottom of the screen.
更新日志:
1.0.0
- Initial stable release!