Joynal Dark Mode Switcher
| 开发者 | joynall |
|---|---|
| 更新时间 | 2026年5月18日 02:36 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | 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 placed in any of the 4 corners (top-right, top-left, bottom-right, bottom-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 add custom CSS to target specific elements in your theme and handle edge cases easily.
更新日志:
1.0.2
- Added floating button position options
- Fixed CSS bug
- Updated plugin icon
- Improved readme description and formatting
- Initial stable release!