Title: Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress
Author: DeoThemes
Published: <strong>2023年11月17日</strong>
Last modified: 2025年4月17日

---

プラグインを検索

![](https://ps.w.org/nocturne-dark-mode/assets/banner-772x250.png?rev=2997436)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://ps.w.org/nocturne-dark-mode/assets/icon-256x256.png?rev=2997436)

# Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress

 作者: [DeoThemes](https://profiles.wordpress.org/deothemes/)

[ダウンロード](https://downloads.wordpress.org/plugin/nocturne-dark-mode.1.2.7.zip)

 * [詳細](https://ja.wordpress.org/plugins/nocturne-dark-mode/#description)
 * [レビュー](https://ja.wordpress.org/plugins/nocturne-dark-mode/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/nocturne-dark-mode/#installation)
 * [開発](https://ja.wordpress.org/plugins/nocturne-dark-mode/#developers)

 [サポート](https://wordpress.org/support/plugin/nocturne-dark-mode/)

## 説明

💻 [Demo](https://nocturne.deothemes.com/?utm_source=wordpress.org) | 👩🏼‍💻 [View Other Products](https://deothemes.com/?utm_source=wordpress.org)
| 📔 [Docs](https://docs.deothemes.com/nocturne/?utm_source=wordpress.org)

#### Effortlessly transform your Elementor websites into stunning dark-themed versions.

Nocturne Dark Mode seamlessly integrates with Elementor, allowing you to customize
the dark mode settings to match your website’s branding and design. Whether you 
want to create a dark mode version of your entire website or just specific sections,
Nocturne Dark Mode gives you the flexibility to do so. Say goodbye to blindingly
bright websites and give your users the option to switch to a more comfortable and
stylish dark mode with Nocturne Dark Mode for Elementor and Elementor Pro.

#### WHY CHOOSE HOW NOCTURNE DARK MODE?

Unlike other plugins, Noturne Dark Mode adds custom controls to every Elementor 
widget, making the customization process more smooth an easy. Everything is editable
via Elementor editor screen.

#### NOCTURNE DARK MODE FREE FEATURES

 1. Easily customize any Elementor widget.
 2. Works with sections and containers.
 3. **Dark Mode Image Elementor widget** – display different image when dark mode is
    activate.
 4. **Dark Mode Switcher Elementor widget** – place dark mode widget anywhere on the
    page.
 5. Set Dark Mode as the default color scheme.
 6. Save user choice every time they visit your site.

#### NOCTURNE DARK MODE PRO FEATURES

 1. Elementor Pro compatibility
 2. 3 Toggle styles

#### COPYRIGHT

Nocturne Dark Mode, Copyright 2023 DeoThemes

## スクリーンショット

[⌊Nocturne Dark Mode Elementor widgets.⌉⌊Nocturne Dark Mode Elementor widgets.⌉[

Nocturne Dark Mode Elementor widgets.

[⌊Dark Mode Elementor controls⌉⌊Dark Mode Elementor controls⌉[

Dark Mode Elementor controls

[⌊Customizer settings.⌉⌊Customizer settings.⌉[

Customizer settings.

## インストール

 1. Activate the plugin and edit any page or template with Elementor.
 2. Place Dark Mode Switcher widget anywhere on the page. Usually the best place is
    your site header.
 3. Navigate to Appearance -> Customize -> Dark Mode to change the default settings.

## FAQ

### Does it work with all WordPress themes?

Yes, it works with all WordPress themes.

### Does it work with Elementor Pro?

Nocturne Pro comes with Elementor Pro compatilibty

### Does it work with all Elementor addon plugins?

Currenty Nocturne works with some widgets from Happy Addons for Elementor and Elementor
Header & Footer Builder. We’re planning to add more compatibility in the future 
releases.

## 評価

![](https://secure.gravatar.com/avatar/8fcf68a9ea99106deebc1eb7ea465cefce1b015910616735dd39e409bcfeac44?
s=60&d=retro&r=g)

### 󠀁[The best Dark Mode Plugin](https://wordpress.org/support/topic/the-best-dark-mode-plugin/)󠁿

 [martinp13](https://profiles.wordpress.org/martinp13/) 2025年10月11日

Honestly, this is the best plugin for dark mode even compared to the PAID versions
of others. I have a pro pack of one of the most popular Elementor Addons, that offer
dark mode and their widget is a disaster compared to Nocturne. Nocturne is easy 
to use, super user friendly, no set up at all, has even conditions for images. Absolute
love to work with! Has very intelligent Dark Mode addition to most Elementor widgets.
Can't recommend it enough! Will use it on all my clients' sites, that need a dark
theme. For sure!

![](https://secure.gravatar.com/avatar/2f8559753f56dc4d74d0bcad800a09fc4dbe86b134c0cd886749f5042ecd218c?
s=60&d=retro&r=g)

### 󠀁[The refund policy is a lie](https://wordpress.org/support/topic/the-refund-policy-is-a-lie/)󠁿

 [Aidatün](https://profiles.wordpress.org/aidatun/) 2025年4月7日 2 replies

I purchased a suscription and send them multiple emails asking for a refund. Today
is the last day of the 14-day no questions refund and they haven't reply any of 
my emails, also they have not refund me.

![](https://secure.gravatar.com/avatar/1393b7dc6be11423383643c6dae51d816266c4aae58997b7654d5ef19e9152a5?
s=60&d=retro&r=g)

### 󠀁[Great … but needs work](https://wordpress.org/support/topic/great-but-needs-work-3/)󠁿

 [jaydenbtc](https://profiles.wordpress.org/jaydenbtc/) 2024年6月27日 3 replies

I'd have to say in terms of dark and light mode plugins and Elementor compatibility,
this one is great. However, plugin description claims to add settings to every Elementor
widget… this is not the case. A lot of widgets such as post content widgets just
for example, the Elementor menu widget (have to use external plugin support from
Elementor Header & Footer Builder for this, same for contact forms) … etc. It's 
a great plugin but I'd like to see more support for widgets like posts, Elementor
form, Elementor menu widget, Carousel, etc. because right now there's a lot missing.
Otherwise, amazing job so far and I'm looking forward to future updates. Please 
do not abandon this project!

![](https://secure.gravatar.com/avatar/40d6d4b48de0a01ccd2832f7bd539455f166b868e632a30856708cf7ba3c7309?
s=60&d=retro&r=g)

### 󠀁[Superb!](https://wordpress.org/support/topic/superb-1026/)󠁿

 [bramonoadi](https://profiles.wordpress.org/bramonoadi/) 2024年6月17日

This is what i want..

![](https://secure.gravatar.com/avatar/05aec84f0ab312249ff13ffc56e6a5d0e289bd9551f4dc72e70fe3376559225f?
s=60&d=retro&r=g)

### 󠀁[Brilliant.](https://wordpress.org/support/topic/brilliant-1628/)󠁿

 [bigtasty](https://profiles.wordpress.org/bigtasty/) 2024年6月3日

Powerful and highly customisable with Elementor. Exactly what I needed.

![](https://secure.gravatar.com/avatar/c546fa733e3e1f1eb33a38c68a850f7fe23ca9baad3911c0a650ccff39086eb6?
s=60&d=retro&r=g)

### 󠀁[Awesome](https://wordpress.org/support/topic/awesome-10238/)󠁿

 [rkesize](https://profiles.wordpress.org/rkesize/) 2024年3月15日

Thank you very much for this perfect Plugin.

 [ 7件のレビューをすべて表示 ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/)

## 貢献者と開発者

Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress はオープンソースソフトウェア
です。以下の人々がこのプラグインに貢献しています。

貢献者

 *   [ DeoThemes ](https://profiles.wordpress.org/deothemes/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

“Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress” は1ロケールに翻訳
されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/nocturne-dark-mode/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/nocturne-dark-mode)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/nocturne-dark-mode/)する
か、[SVN リポジトリ](https://plugins.svn.wordpress.org/nocturne-dark-mode/)をチェック
するか、[開発ログ](https://plugins.trac.wordpress.org/log/nocturne-dark-mode/)を
[RSS](https://plugins.trac.wordpress.org/log/nocturne-dark-mode/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

Version 1.2.7 – April 17, 2025
 – Updated: Compatibility with WordPress 6.8

Version 1.2.6 – February 20, 2025
 – Fixed: Do not load plugin if Elementor is not
installed

Version 1.2.5 – February 20, 2025
 – Updated: Freemius SDK

Version 1.2.4 – October 24, 2024
 – Updated: Freemius SDK

Version 1.2.3 – September 25, 2024
 – Fixed: Admin plugin activation redirect error
if Elementor is not installed – Added: Dark mode normal and hover text and border
colors in button widget – Added: Dark mode icon box border and shadow controls

Version 1.2.2 – September 17, 2024
 – Added: New toggle styles for Elementor switcher
widget

Version 1.2.1 – September 4, 2024
 – Fixed: minor CSS bug

Version 1.2.0 – September 4, 2024
 – Added: Freemius SDK – Added: Compatibility 
with Elementor Pro – Added: Style controls for Elementor Switcher widget – Fixed:
Reduce plugin Short description to 143 characters.

Version 1.1.1 – June 8, 2024
 – Fixed: Remove overflow: hidden from the dark mode
sections – Added: Compatibility with the Elementor Header & Footer Builder navigation
menu widget – Added: Compatibility with the Contact Form 7 widget from Happy Addons

Version 1.1 – June 5, 2024
 – Added: Setting to edit toggle colors – Added: Compatibility
with the Happy Addons nav menu widget – Improved: Customizer panels structure

Version 1.0.5 – May 21, 2024
 – Added: Floating toggle offset settings – Fixed: 
Enqueue styles on all pages to style floating toggle properly – Improved: Remove
container classes from CSS as redundant

Version 1.0.4 – March 15, 2024
 – Fixed: Dark mode image not working with Optimized
DOM Output feature – Fixed: Dark mode switch not working in editor – Added: Dark
mode controls for Column widget

Version 1.0.3 – January 23, 2024
 – Fixed: Shape divider colors do not work properly

Version 1.0.2 – December 17, 2023
 – Fixed: Multiple Elementor widget instances 
now work properly – Fixed: Admin page rating link – Added: Ability to set Shape 
divider colors

Version 1.0.1 – November 17, 2023
 – Fixed: Error loading Elementor preview

Version 1.0.0 – November 17, 2023
 – Initial release

## メタ

 *  バージョン **1.2.7**
 *  最終更新日 **1年前**
 *  有効インストール数 **200+**
 *  WordPress バージョン ** 5.0またはそれ以降 **
 *  検証済み最新バージョン: **6.8.11**
 *  PHP バージョン ** 7.0またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/nocturne-dark-mode/)、[Russian](https://ru.wordpress.org/plugins/nocturne-dark-mode/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/nocturne-dark-mode)
 * タグ
 * [dark mode](https://ja.wordpress.org/plugins/tags/dark-mode/)[Dark mode plugin](https://ja.wordpress.org/plugins/tags/dark-mode-plugin/)
   [dark mode toggle](https://ja.wordpress.org/plugins/tags/dark-mode-toggle/)[elementor widgets](https://ja.wordpress.org/plugins/tags/elementor-widgets/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/nocturne-dark-mode/advanced/)

## 評価

 5つ星中4.1つ星

 *  [  5 5-星レビュー     ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/?filter=4)
 *  [  1 3-星レビュー     ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/?filter=2)
 *  [  1 1-星レビュー     ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/)

## 貢献者

 *   [ DeoThemes ](https://profiles.wordpress.org/deothemes/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/nocturne-dark-mode/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://deothemes.com/)