外掛說明

Use WP Dark Mode plugin to create a stunning dark version for your WordPress website. WP Dark Mode works automatically without going into any complicated settings.

Just activate the plugin and your users will experience a dark mode version of your website as per their preferred operating system preference. This is the easiest and most convenient dark mode plugin for WordPress on the market.

👁️ View Demo | 🚀 Get the Premium Version

Works across all operating systems including Windows, Android, iOS, and macOS. No additional setups are required. This dark mode plugin intelligently detects device preferences and dynamically delivers a handcrafted, expert-designed dark mode experience for your readers.

Just activate dark mode on your device, and browse the website to experience a magically transformed dark mode of your website.
WP Dark Mode supports all major operating systems including iOS, Android, macOS, or Windows 10. WordPress dark mode is now super easy!

Honest Review of WP Dark Mode – You’re missing out

Dark Mode Social Share

With plenty of social media icons, WP Dark Mode makes it easier to share your website content across popular social media platforms. Social icons used with WP Dark Mode are optimized for dark theme and allows you to display cool-looking Facebook share button, Twitter share button, and many popular free social icons. With Inline button customization, share count display, and live editor – display your preferred share button in style with WP Dark Mode.

WP Dark Mode 功能

Floating Switch Button – You can display a dark mode floating switch button in the footer of the website. Get WordPress dark mode with a single click.
Default Mode – Make dark mode the default mode of the website. Users will see the dark mode first.
Dark mode Elementor Widget – You can place the Dark Mode switch button on any page/post by using the (Dark Mode Switch) Elementor widget.
Dark mode Gutenberg Widget – You can place the switch button into any page/post by using the (Dark Mode Switch) Gutenberg block.
Auto Match OS Theme – Automatically shows Darkmode if the OS preferred theme is dark
Available in Backend – You can enable dark mode in the back end admin page.
Presets Color Schema – 2 exclusive preset color schema available to quickly change the dark mode color from the predefined presets.
Dark Mode Switch – Dark mode switch button to toggle the dark mode.
Remember Dark Mode – The dark mode remains saved once you activated the dark mode.
Themes Compatible – The plugin is compatible with most popular WordPress themes without any issues. Compatibility includes Avada, Betheme, The7, Flatsome, Astra, BuddyBoss, Divi, OceanWP, and many more. Check the full list of compatible themes.
Popular Page builder Compatibility – This plugin is compatible with Divi Builder, WP Bakery, Visual Composer, Beaver Builder, Oxygen Builder, and Elementor.
Revolution Slider Compatible – This plugin is compatible with the revolution slider.
Low Image Brightness – Decrease the brightness and contrast of images in the dark mode.
Keyboard Accessibility – Toggle dark mode by keyboard shortcut (Ctrl + Alt + D).
Social Share – Social share icons allow your website visitors to share your content with ease. With plenty of cool social media icon templates and share count displays, this is the best dark mode plugin that supports dedicated social share buttons.

👁️ View Demo | 🚀 Get the Premium Version

💰 WP Dark Mode Pro 版功能

免費版全部功能
Time-Based Dark Mode – Your website will turn into dark mode based on the local time of the user
Multiple Dark Mode Switch Style – You can display multiple dark mode switch button styles for the users to turn on-off the dark mode.
Shortcode Supported – You can use [wp_dark_mode_switch]shortcode to display the dark mode switch button on any page/post
Above Post/Page Content – You can display the dark mode switch button before any page/post.
Dark mode Switch Widget – You can place the dark mode switch button using the WP Dark Mode Widget.
Presets Color Schema – 5 exclusive presets color schema available to quickly change the dark mode color from the predefined presets.
Custom Switch Text – You can change the light/dark text of the switch.
Excludes Elements – You can exclude specific elements being affected by the dark mode by using the CSS selectors.
Include Elements – Only the elements within the selectors are applied by dark mode.
Exclude Pages – You can exclude specific pages from dark mode.
Exclude posts & pages – You can exclude all the pages and posts on your website from dark mode except the specific ones (where you want dark mode).
Exclude post tags & categories – You can also exclude all the post tags from dark mode. Keep only the specific tags whitelisted for dark mode.
Exclude custom post type – You can also enable dark mode only for specific post types, excluding all.
Exclude WooCommerce products & categories – Exclude all the products and categories on your WooCommerce site from dark mode except the specific ones.
Dark mode usage analytics – You can now learn how many users are loving the dark mode of your website from the admin dashboard.

👁️ View Demo | 🚀 Get the Premium Version

💰 WP Dark Mode Ultimate 版功能

Pro 版全部功能
Custom Colors – You can customize the dark mode background. text and links color as you want/
Presets Color Schema – 11 exclusive presets color schema available to quickly change the dark mode color from the predefined presets.
Dark Mode Based Image Supports – You can replace light mode images with the different images you want in the dark mode.
Custom CSS – You can use custom CSS only for dark mode.
Custom Switch Icon – You can customize the dark mode switch icon in the light/ dark mode.
Dark mode Switch in Menu – You can display the dark mode switch as a menu item in any menu on your website.
Usage analytics email reporting – Get daily/ weekly reports via email on the dark mode usage analytics of your website.

👁️ View Demo | 🚀 Get the Premium Version

進一步了解

🔥 WHAT’S NEXT

If you like this WP Dark Mode plugin, then consider checking out our other projects:

🔄 Sheets To WP Table Live Sync – Google Sheets allows you to input data on your Google sheet and show the same data on WordPress as a table effortlessly.

🎥 Easy Video Reviews – Easy Video Reviews is the best and easiest video review plugin for WordPress. Your customers can record and send video testimonials right from their browser, and you can manage and showcase them anywhere on your WordPress website.

Privacy Policy

WP Dark Mode uses Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.

Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users.

Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case.

Learn more about how Appsero collects and uses this data.

Additionally read the WPPOOL privacy policy.

螢幕擷圖

WP Dark Mode
Floating switch styles
Inline Social Share buttons
Dark Mode widgets
OS aware Dark Mode
Backend Dark Mode
Dark Mode color presets

適用於區塊編輯器

這個外掛提供 2 個可供 Gutenberg/區塊編輯器使用的區塊。

Dark Mode Switch
WP Dark Mode - Best Dark Mode & Social Sharing Plugin for WordPress

安裝方式

After activating the plugin by default your website will turn into a dark theme for your users if the Operating System of the users sets into a dark theme.
You can use the dark mode switch in different ways using the Gutenberg block, Elementor widget, or Shortcode. Please refer to the FAQ section to learn more about how to use it.
If you want to disable the OS-aware dark mode functionality, navigate to your Admin Dashboard > Settings > WP Dark Mode and turn off the “Enable OS-aware Dark Mode” switch button.

常見問題集

How can I show the dark mode switch?

You can display a dark mode floating switch button in the footer all over the website by turning on the “Show Floating Switch” settings from the WP Dark Mode general settings.

And in the PRO version, you can also display the switch button on the top of every post/ page. You can choose the style of the switch button from different switch styles.

How can I show the Dark Mode ON/ OFF control switch button using a shortcode?

This plugin provides [wp_dark_mode_switch] shortcode to display the dark mode switch. Using the [wp_dark_mode_switch] shortcode, you can place the dark mode switch button anywhere on your website. This shortcode supports an optional style attribute for the switch style.
Example – [wp_dark_mode_switch style="3"]

Does this plugin support any dark mode image?

Yes, it supports dark mode images.

Can we use it with Gutenberg?

Yes, you can place the switch button on any page/post by using the (Dark Mode Switch) Gutenberg block.

Can we use it with Elementor?

Yes, you can place the Dark Mode switch button on any page/post by using the (Dark Mode Switch) Elementor widget.

Can we display the dark mode switch button in any page or post?

Yes, You can display the dark mode switch button before any page/post.

Can we change the dark mode color from predefined presets?

Yes, using the ready-made color schema you can quickly change the dark mode color.

Does dark mode work for the backend page?

Yes, you can enable dark mode on the back end of the admin page.

Where will the dark mode switch button be visible in any page or post?

You can use [wp_dark_mode_switch] shortcode to display the dark mode switch button on any page/post.

Is this plugin compatible with all modern browsers?

Yes, We have tested this plugin in all modern browsers (Safari, Chrome, Firefox, Edge, etc) works without any issue.

Do I need to know any programming language for using this plugin?

No. WP Dark Mode is a very user-friendly and simple plugin. Just download and use it accordingly.

Can I toggle the dark mode/ light mode by using a keyboard?

Yes, You can toggle the dark mode/ light mode by keyboard shortcut (Ctrl + Alt + D).

使用者評論

torstiva 2023 年 1 月 26 日

Not working for me. Will edit this if I'll get help.

bcadventuresadmin 2022 年 12 月 25 日 1 則留言

It is what it says: Dark Mode for Wordpress ! Love it !

agradert 2022 年 12 月 23 日 1 則留言

Excellent plugin, small problem for us to be solved, but this is our work. The menu is not readable in dark mode on mobiles, but I probably haven't found the button to configure a different background color for dark/light mode yet.

tspe 2022 年 12 月 21 日 2 則留言

I use the Semplice site builder with Wordpress and WP Dark Mode works fine with it. But there is one big flaw, that makes the plugin unusable for me: If I change the display mode (light<-->dark) in macOS Ventura, my website doesn't switch to dark mode. It worked once at the beginning, but now the functionality is broken. I bought the Ultimate version for 69 USD, but didn't get a response of the support team für nearly 48 hours: wordpress.org/support/topic/automatic-os-mode-change-works-only-mobile-not-on-desktop/ Sorry guys, but that's just a solid two star rating. 🙁

robotwizard 2022 年 12 月 16 日 1 則留言

makes working in the admin dashboard less strenuous on your eyes.

Abir 2022 年 12 月 10 日 2 則留言

I wanted to have both modes enabled on my site: light and dark. My default theme is light. So I wanted users to have a choice. This is a very nice plugin that makes my existing theme look good with dark mode as well. I just had to tweak a few things. As the theme I use (Hueman theme) has some pieces which use ":after" tag. And those didn't get the dark theme. I set those areas to be transparent, so they would work with both light and dark backgrounds. But overall I found this to be a very useful plugin. Many thanks to the developers!

閱讀全部 262 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈WP Dark Mode – Best Dark Mode & Social Sharing Plugin for WordPress〉的開發相關工作。

〈WP Dark Mode – Best Dark Mode & Social Sharing Plugin for WordPress〉外掛目前已有 5 個本地化語言版本。感謝全部譯者為這個外掛做出的貢獻。

將〈WP Dark Mode – Best Dark Mode & Social Sharing Plugin for WordPress〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣？

任何人均可瀏覽程式碼、查看 SVN 存放庫，或透過 RSS 訂閱開發記錄。

變更記錄

4.0.3 – 24 JAN 2023

FIXED: Removed fetching offer data from Google Sheet

JAN 2023

FIXED: Conflicting with other WPPOOL plugins
FIXED: Updated all third-party assets

4.0.1 – 04 JAN 2023

Fixed minor issues and improved performance

4.0.0 – 03 JAN 2023

FIXED: All security issues has been resolved
IMPROVE: Strickly followed PHPCS and WPCS as coding standard
FIXED: Three shortcode can be used now on free version
FIXED: Dark mode can be used on Elementor and Gutenberg block editor

3.0.6 – 28 DEC 2022

Fixed wppool sdk missing fatal error.

3.0.5 – 27 DEC 2022

Fixed minor issues and improved performance

3.0.4 – 15 DEC 2022

Fixed minor issues and improved performance

3.0.3 – 29 NOV 2022

Fixed minor issues and improved performance

3.0.2 – 03 NOV 2022

Fixed minor issues and improved performance

3.0.1 – 04 OCT 2022

Fixed minor issues and improved performance

3.0.0 – 15 SEP 2022

New: Added Social Share feature

2.4.1 – 15 SEP 2022

Fixed minor issues and improved performance

2.4.0 – 04 SEP 2022

Fixed minor issues and improved performance

2.3.9 – 16 AUG 2022

Fixed minor issues and improved performance

2.3.8 – 16 AUG 2022

Fixed minor issues and improved performance

2.3.7 – 03 AUG 2022

Fixed minor issues and improved performance

2.3.6 – 03 AUG 2022

Fixed Divi theme mobile menu compatibility

2.3.5 – 28 JUL 2022

Fixed minor issues and improved performance

2.3.4

Fixed minor issues and improved performance

2.3.3

Fixed minor issues and improved performance

2.3.2

Checked and fixed compatibility with WordPress 6.0

2.3.1

Fixed minor issues and improved performance

2.3.0

Fixed minor issues and improved performance

2.2.9

Checked and fixed regular compatibility checking
Fixed contact subscription issue

2.2.8

Improved Promotional Popup

2.2.7

Improved frontend performance

2.2.6

Made WordPress 5.9 compatible

2.2.5

Fixed PHP fatal error issue on older versions of PHP

2.2.4

Fix: Fixed switch accessibility in Block Editor and Elementor Editor
Fix: Fixed Brave browser issue

2.2.3

Fix: Fixed force dark mode issue compatibility with other plugins
Fix: Fixed backend dark mode issue

2.2.2

Fix: Fixed user preferences on frontend
Fix: Fixed customizer breaking issue on backend
Improvement: Improved UI and reduced logical gap

2.2.1

Fix: Fixed default dark mode switch style
Fix: Fixed time-based dark mode feature

2.2.0

New: Added Utility tools to import, export and reset settings
Improvement: Improved script errors and warnings

2.1.9

Fixed minor issues and improved performance

2.1.8

Fix: Fixed WooCommerce product exclude issue
Fix: Fixed tags exclude query issue

2.1.7

Fix: Fixed gutenberg editor darkmode

2.1.6

New: Added performance mode settings
Fix: Fixed default dark mode issue
Fix: Fixed missing i18n translation strings
Fix: Fixed 404 page excludes
Fix: Fixed exclude posts

2.1.5

New: Added video replacement
Fix: OS Aware dark mode flashing issue
Fix: Fixed colors settings slider
Fix: Fixed exclude home and blog page
Fix: Added dark mode video settings

2.1.3

Fix: Fixed WordPress 5.8 widget screen compatibility
Fix: Updated the Appsero namespace
Fix: Dark mode block switch alignment

2.1.2

Fix: Fixed triggers posts query
Fix: Excluded the default audio/ video player
Fix: Fixed lick color

2.1.1

New: Added posts exclude settings
New: Added RTL supports
New: Added new switch styles for choosing the fontsize + dark mode toggle
New: Added an option to add Dark Mode from the default WordPress menu
New: In light mode image / dark mode image – Added option to choose files from WP Media library
New: Added transition styles when page switch to Dark Mode from light mode via button click.
New: Added options to serve grayscale & lower brightness images when Dark Mode is on
Fix: Fixed exclude elements issue

2.1.0

New: Added exclude all pages except option
New: Added exclude all categories except option
New: Added exclude tags settings
New: Added exclude post types settings
New: Added exclude WC categories settings
New: Added exclude products settings
New: Added analytics and email reporting
New: Added pro & ultimate settings badge

2.0.9

Fix: Fixed dark mode flashing issue on frontend and backend
Fix: Fixed conflict with wpml & victim-core plugins

2.0.8

Fix: Fixed Firefox & Safari Dark mode not working issue

2.0.7

New: Add dark mode toggle gradual fade-in animation
Improvement: Reduce the dark mode flashing time

2.0.6

New: Added wptouch plugin compatibility
Fix: Fixed switch background color
Fix: Fixed IOS dark mode issue
Fix: Fixed Switch style 3

2.0.5

New: Added new switch
New: Added font-size toggle

2.0.4

New: Added new switch styles
New: Added switch attention effects
New: Added switch custom position
New: Added Call To Action Text
Fix: Fixed OS Aware Darkmode Color Change
Fix: Fixed Darkmode switch background transparency
Fix: Fixed Time Based Darkmode

2.0.3

Fix: Fixed the colors backwards compatibility
Fix: Fixed PHP error

2.0.2

Fix: Fixed the backwards compatibility
Improvement: Reduce Switch Mode Changing delay times

2.0.1

Fix: Fixed the backwards compatibility

2.0.0

New: Added Brightness Control Settings.
New: Added Contrast Control Settings.
New: Added Sepia Control Settings.
New: Added Recommended Plugins Page.
New: Added Keyboard Accessibility. Toggle darkmode by keyboard shortcut (Ctrl + Alt + D).
Update: Settings Page Moved to Top Level WP Dark Mode Page.
Update: Settings Page Tabs Refactored.
Update: Improved Dark Mode Overall Colors.
Update: Improved Background Image Overlay Issue.
Update: Improved Image Settings Functionality.
Update: Improved Custom CSS Functionality.

1.3.2

New: Add Low Image Brightness Settings

1.3.1

New: Added NextGen Gallery Plugin Compatibility
Update: Improved Gutenberg Editor Color Palettes
Update: Improved Background Image Replacement

1.3.0

New: Added Revolution Slider Compatibility

1.2.9

New: Add option to make dark mode as default mode
Fix: OS aware mode flashing issue
Fix: New tab dark mode issue fixed.
Improvement: Settings page refactored. Gutenberg Block, Elementor Widget, Switch Widget & Shortcodes tab move to get started tab.

1.2.8

Fix: Fixed exclude settings

1.2.7

Fix: Fixed the use of file_get_contents php error
Fix: OS Dark mode won’t be effective if user disable dark mode by the switch
Fix: Don’t display the Black Friday Offer Banner if user hide the banner

1.2.6

Fix: Remove Get PRO button from plugin action links if ultimate version is activated
Fix: Hide elementor dark mode switch if dark mode is disabled.
New: Added new admin notice banner for black friday offer.
Updated: Improved Existing Admin Backend Promo Popup.

1.2.5

Fix: Excludes Settings
Fix: Fixed the color palettes icons color

1.2.4

Fix: Fixed the excludes elements settings

1.2.3

Added: Flatsome theme supports added
Added: Avada theme supports added
Added: The7 theme supports added
Added: Betheme theme supports added
Added: Newspaper theme supports added

1.2.2

Fixed: Dark mode saving between tab switching

1.2.1

Added: Salient Theme Supports Added
Added: Astra Theme Supports Added
Added: Twenty Twenty Theme Supports Added
Added: Jannah Theme Supports Added
Added: OceanWP Theme Supports Added

1.2.0

Added: BuddyPress supports added
Fix: scss preprocessor class exits checking
Fix: OS aware mode delay

1.0.9

Added: New Black Color Scheme
Added: Option Added to Disable Dark Mode In The Frontend
Added: Buddypress Plugin Supports
Fix: Admin Darkmode Switch Style Fixed
Fix: Left Switch Position Style Fixed
Improvement: Removed jQuery scripts from backend

1.0.8

New: Add WooCommerce Plugin Support
New: Add RankMath Plugin Support
Update: Removed jQuery scripts from frontend

1.0.7

New: Added gutenberg editor color scheme
New: Added new darkmode color schme
New: Added new switch style
New: Added excluded pages settings (PRO)
New: Added 5 exclusive color scheme (PRO)
New: Added 10 exclusive color scheme (Ultimate)
New: Added custom css only for dark mode (Ultimate)
Fix: Fixed default mode as dark mode
Fix: Fix multiple images in darkmode image settings (Ultimate)

1.0.6

default dark mode fixed
fixed GET PRO link
updated FAQ section

1.0.5

Fix Safari bug issue
Add Dark mode image settings in the ultimate version
Fix css before / after icon color
Fix darkmode delay on the page load
add new switch button style

1.0.4

Fix: Fixed “Show Floating Switch” settings
Fix: Fixed “Enable OS aware Dark Mode” settings
Fix: Remember Darkmode
Fix: rest api “register_rest_route” function notice error

1.0.3

New: Add dark mode floating switch

1.0.2

New: Exclude Elements those have Background Image
New: Exclude Elements by CSS selectors.

1.0.1

New: Add Darkmode Switch ELementor Widget.
New: Add Darkmode Switch Gutenberg Block.
Fix: Fixed The Image Negative Changes on The Darkmdoe.

1.0.0

Initial Release

Paying insane amount of money for only problems

Dark Mode is a Must !

Excellent plugin

Automatic OS change doesn’t work

Great plugin

Nice plugin