WP Dark Mode

User Reviews | Our Expert WP Dark Mode Review

デザイン20,000人以上のユーザーが使用

WP Dark Mode は、公開されているウェブサイトと管理ダッシュボードにダークモードを追加できます。また、ユーザーのデバイス設定、またはあなたが設定したスケジュールに基づいて、このモードを自動的に有効にすることもできます。
Have you used "WP Dark Mode" before? Add Your Review to help the community.

長所:

  • ダークモードプラグイン
  • フロントエンドと WordPress ダッシュボードにダークモードを追加
  • 19 のスイッチスタイル
  • ユーザーの設定またはタイムゾーンに基づいてダークモードをスケジュールする
  • トランジションアニメーション
  • カスタム投稿タイプ、ページ、投稿、カテゴリー、タグをダークモードから除外する
  • 組み込み分析とメールレポート

WPBeginner ユーザーは最大 25% オフで購入できます!

WP Dark Mode を訪問する

(この割引は自動的に適用されます)

| 読者開示

WP Dark Mode レビュー:あなたにとって適切なダークモードプラグインか?

あなたにとって適切なダークモードプラグインかどうかを判断するために、WP Dark Mode のレビューをお探しですか?

このプラグインは、公開されているウェブサイトと WordPress 管理画面にダークモードを追加できます。多くの人にとって、これにより目の疲れや頭痛を避け、暗い場所でサイトを訪問しているときでも、より良い睡眠を促進することができます。

この WP Dark Mode レビューでは、この人気のダークモードプラグインを調べて、WordPress ウェブサイトに適しているかどうかを確認します。

WP Dark Mode レビュー:あなたにとって最適なダークモードプラグインは?

WP Dark Mode: WordPress で使用する理由

WP Dark Modeを使用すると、訪問者はワンクリックでWordPressウェブサイトまたはブログでダークモードを有効にできます。

WordPressブログまたはウェブサイトにダークモードを追加する方法

また、管理者ダッシュボードにトグルを追加するため、ユーザーはWordPressダッシュボードでダークモードを有効にすることができます。

ユーザーエクスペリエンスをシームレスにするために、WP Dark Mode はユーザーのデバイス設定、またはあなたが設定したスケジュールに基づいて、このモードを自動的に有効/無効にできます。訪問者の場所に基づいて、夕暮れ時にダークモードを自動的に有効にすることもできます。

始めたばかりの方や予算が限られている場合は、WordPress.orgからWP Dark Modeのliteバージョンをダウンロードできます。

無料の WP Dark Mode WordPress プラグイン

この無料プラグインは、WordPressブログまたはウェブサイトにダークモードを追加します。

ダークモードをサイトのデフォルトにしたり、ユーザーの設定に基づいてこのモードを自動的に有効/無効にしたりすることもできます。ただし、プレミアムプラグインは、特定の時間にダークモードを自動的に有効にしたり、訪問者の地理的位置に基づいて日没時にアクティブにしたりすることで、よりシームレスなエクスペリエンスを提供します。

プレミアムプランには、追加のスイッチデザインとより多くのカスタマイズオプションも付属しているため、会社やパーソナルブランディングを完璧に引き立てるスイッチを作成できます。

WP Dark Mode レビュー:あなたにとって適切なダークモードプラグインか?

ウェブサイトにダークモードトグルを追加することで、ユーザーは個別のブラウザ拡張機能をインストールすることなく、好みのモードを選択できます。ユーザーが夜遅くまでサイトで頻繁に作業したり、眼精疲労に悩まされたりする場合、ダークモードプラグインは管理者、著者、その他の寄稿者にも役立つ可能性があります。

それでは、WP Dark Modeがあなたに適したダークモードプラグインかどうかを見てみましょう。

1.フローティングダークモードスイッチ

WP Dark Modeは、画面下部にフローティングダークモードスイッチを追加します。

WordPressウェブサイトでのフローティングダークモードスイッチの例

これにより、訪問者はウェブサイト、ブログ、またはオンラインストアのどのページでも、ダークモードとライトモードを切り替えることができます。

2. WordPressテーマとの互換性

WP Dark Modeは、Astra、OceanWP、Diviを含む、最も人気のあるすべてのWordPressテーマと互換性があります。

多くのテーマと互換性があるため、ダークモードの設定を失うことなく、いつでもWordPressテーマを変更できます。

3.完全にカスタマイズ可能なスイッチ

無料プラグインには、使用できる3つの異なるスイッチスタイルが付属しています。ただし、プレミアムプラグインにアップグレードすると、19種類のダークモードスイッチスタイルにアクセスできるようになります。

トグルに既製のスタイルを適用する

スタイルを選択した後、サイズ、アイコン、テキスト、色、コールトゥアクションなどを変更してカスタマイズできます。トグルで使用するカスタムアイコンをアップロードすることもできます。このようにして、WordPressテーマに完全に合ったスイッチを作成できます。

または、13色のプリセットから選択することもできます。プリセットを選択した場合でも、テキスト、カラー配色、ボタン、スクロールバーなど、プリセットのすべての部分を微調整できます。

WordPress のダークモードのカラープリセットを選択する

もう1つのオプションは、カスタムカラープリセットを作成し、デフォルトのプリセットとまったく同じ方法で使用することです。これは、ブランディングとカラースキームを完全に補完するデザインをすばやく簡単に作成する方法です。

4. 内蔵アニメーション

WP Dark Modeには、訪問者がダークモードとライトモードを切り替える際に使用できる、フェードイン、パルス、フリップなどのいくつかのトランジションアニメーションが付属しています。

さらに良いことに、WP Dark Mode エディタにはプレビュー機能が内蔵されているため、さまざまなアニメーションを試して、どれが気に入るかを確認できます。

ダークモードとライトモードにトランジションエフェクトを追加する

5. 複数のスイッチ配置

WP Dark Mode を使用すると、スイッチが画面のどこに表示されるかを正確に選択できます。まず、左、右、カスタムの配置から選択できます。

WordPressウェブサイト、ブログ、またはオンラインマーケットプレイスでトグルの位置を変更する

WP Dark Modeは、ナビゲーションメニューにスイッチを追加することもできます。

メニュー設定でボタンをチェックするだけで、WP Dark Modeが残りを処理します。

WordPressナビゲーションメニューにダークモードスイッチを追加する

「編集メニュー」ダッシュボードで基本的なカスタマイズオプションにアクセスすることもできるため、メニューに完全に適合するようにスイッチをスタイル設定できます。

または、ページや投稿のコンテンツにスイッチを追加することもできます。スイッチをメインコンテンツの前、またはページコンテンツの下に表示することを選択できます。

ページや投稿にダークモードのトグルを追加する

6. ダークモードスイッチブロック

ダークモードトグルを画面上のどこに表示するかを正確に制御する必要がありますか?あるいは、特定のランディングページのような、特定のページにのみ追加したい場合もあります。

その場合、WP Dark Mode は、WordPress コンテンツエディターを介して追加できるブロックを提供します。

WordPress ブロックエディターにダークモードブロックを追加する

WordPressブロックエディター (WordPress block editor) を使用して、スイッチのスタイルやサイズを変更することもできます。これにより、デフォルト設定を上書きして、各スイッチにユニークな外観と感触を与えることができます。あるいは、WP Dark Mode が自動的に提供するショートコードを使用してスイッチを追加することもできます。

7. ダークモードを自動スケジュールする

WP Dark Mode は、特定の時間にサイトのモードを自動的に変更できます。これはユーザーの設定に基づいているため、国際的なオーディエンスがいる場合に最適です。

もう1つのオプションは、訪問者の場所に基づいて、日没時にダークモードを自動的に有効にすることです。これは「設定して忘れる」オプションなので、各ユーザーにとって常に適切な時間にダークモードが有効になります。

8. ユーザー設定に基づくモードの切り替え

WP Dark Mode は、ユーザーのデバイスがライトモードかダークモードかを検出できます。その後、デバイスの設定に合わせて適切なモードに切り替えることで、訪問者にとってよりシームレスな体験を提供します。

この機能は、iOS、Android、macOS、Windows 10を含むすべての主要なオペレーティングシステムと互換性があります。これにより、デバイスに関係なく、すべてのユーザーに同じエクスペリエンスを提供できるはずです。

9. 管理者向けダークモード

WordPressの組み込み設定を使用して、WordPressの管理画面の配色を変更できます。しかし、デフォルトの配色では、画面からの白い光の量を減らすことはできません。

とはいえ、WP Dark Mode は管理画面にもトグルを追加できるので、喜んでいただけるはずです。

WordPress管理エリアでダークモードを有効にする

ダークモードを有効にすると、管理者やその他のログインユーザーは、WordPressダッシュボードのダークモードバージョンを見ることができます。

このプラグインは、よりシームレスなユーザーエクスペリエンスのために、ブロックエディターにダークモードを追加することもできます。

WordPress コンテンツエディターでダークモードを有効にする

この設定を有効にした後、コンテンツエディターで任意のページまたは投稿を開くだけです。

ダークモードを有効にするオプションが表示されるようになります。

WordPressブロックエディターでダークモードを有効にする方法

さらに良いことに、マルチ著者WordPressブログを実行している場合、各ユーザーは好みに応じてダークモードをオン/オフできます。このプラグインは、次回ログイン時に各ユーザーの設定を記憶します。

10. アクセシビリティ機能

一部の訪問者はアクセシビリティツールを使用しているか、異なるニーズを持っている場合があります。これらのユーザーをサポートするために、WPモードではキーボードショートカットまたはドメインパラメータを使用してダークモードを切り替えることができます。

さらに、一部の訪問者はダークモードでテキストを読むのが難しいと感じる場合があります。これらのユーザーを支援するために、ダークモードが有効になっているときに自動的にフォントサイズを大きくすることができます。

ウェブサイトのフォントサイズを自動調整する

このトピックの詳細については、WordPress サイトのアクセシビリティを向上させる方法に関するガイドをご覧ください。

11. ウェブサイトのパフォーマンスを向上させる

WP Dark Modeには、ページ読み込み速度を向上させることができる多くの設定が付属しています。これには、ダークモードスクリプトをページのコンテンツの解析とレンダリングの前に読み込むか、ダークモードスクリプトを非同期で取得するかを選択することが含まれます。

スクリプトをフッターで読み込むこともでき、レンダリングブロックを軽減できます。

12. デフォルトモードの変更

このプラグインを使用すると、ウェブサイトのデフォルトをダークモードに設定するオプションがあります。これにより、訪問者があなたのウェブサイト、ブログ、またはオンラインマーケットプレイスにアクセスした際に、最初にダークモードが表示されます。

WordPressサイト、ブログ、またはオンラインストアでダークモードをデフォルトにする

これらの訪問者は、WP Dark Mode スイッチをクリックするだけで、いつでもライトモードに切り替えることができます。

13. 明るさとグレースケール効果

ダークモードでは、ウェブサイトのメディアがはっきりと見えにくくなる場合があります。また、ダークモードが有効になっていると、動画や画像が明るすぎるように見えることもあります。

これにより、設定に基づいて、プラグインは画像や動画の明るさを自動的に下げることができます。グレースケール効果を追加したり、グレースケールの量を微調整して、ウェブサイトに完全に合わせることもできます。

WordPressの画像の明るさを自動調整する

画像や動画がウェブサイトの大部分を占める場合に、これらの設定は特に役立ちます。例えば、写真ポートフォリオを運営している場合や、デジタルグラフィックをオンラインで販売している場合は、これらのオプションを検討すると良いでしょう。

低輝度またはグレースケールを有効にした場合、特定の画像や動画を除外できます。たとえば、ウェブサイトのロゴを除外して、ブランディングを損なわないようにしたい場合があります。

特定の画像をグレースケール効果から除外する

もう 1 つのオプションは、ダークモードが有効になっているときに特定の画像や動画を置き換えることです。たとえば、ダークモード用に最適化されたインフォグラフィックのバージョンをデザインする場合があります。

同様に、動画の背景が暗い場合、ダークモードを有効にすると表示されなくなる可能性があります。そのため、動画の背景を明るく編集し、その新しいバージョンをダークモード用にアップロードすることを検討してください。

サイトがダークモードのときに代替動画や画像を表示する

14. 特定のページ、投稿などを除外

場合によっては、重要なランディングページや販売ページなど、特定のページをダークモードから除外したい場合があります。

WP Dark Mode を使用すると、特定のページや投稿、カスタム投稿タイプ、さらにはカテゴリやタグ全体を除外できます。

カテゴリとタグをダークモードから除外する方法

オンラインストアを運営していますか?それなら、すべてのWooCommerce製品と製品カテゴリをダークモードから除外することもできます。

15. カスタムCSSをサポート

WP Dark Modeには豊富なカスタマイズオプションがあります。しかし、より高度なユーザーは、プラグインの設定にある組み込みのコードエディタを使用してカスタムCSSを使用することもできます。

ウェブサイトにカスタムCSSを追加する方法

これにより、トグル内の特定のさまざまな設定や要素を微調整して、独自の完璧なデザインを作成できます。

16.ダークモードアナリティクス

どのようなビジネスサイト、ブログ、オンラインストアを作成する場合でも、人々がコンテンツとどのようにインタラクションするかを監視することは重要です。

これを踏まえ、WP Dark Mode には組み込みの分析機能が搭載されており、人々がダークモードをどのように利用しているかを確認できます。

WordPressウェブサイトの訪問者を追跡する方法

このインサイトを利用して、ウェブサイトでのダークモードの動作を微調整できます。例えば、特定のカスタム投稿タイプを除外したり、ダークモードのスケジュールを変更したり、トグルデザインを調整して見やすくしたりすることができます。

WP Dark Modeは、この情報をメールで送信することもできるため、WordPressダッシュボードにログインしなくても、トラフィックや訪問者のアクティビティを監視できます。

17. Elementorのサポート

Elementor を使用していますか?

WP Dark Modeは、この人気のページビルダーとシームレスに統合され、Elementorウィジェットを提供します。このウィジェットを使用すると、ダークモードスイッチを任意のページまたは投稿に配置できます。

18. 設定のエクスポートとインポート

WordPress 開発代理店を経営している、または複数のウェブサイトを所有していますか?その場合、複数のサイトで同じダークモード設定を使用する可能性があります。

これらの設定を手動で再作成するのではなく、JSONファイルとしてエクスポートできます。

WP Dark Modeの設定をエクスポートする方法

次に、WP Dark Mode がインストールされている他のどのウェブサイトにも設定をインポートできます。

19. ソーシャル共有ボタン

追加の特典として、WP Dark Mode にはソーシャル共有ボタンが付属しており、WordPress ウェブサイトに追加できます。

ブログやウェブサイトにソーシャル共有アイコンを表示する方法

これらのボタンが表示される投稿やページを細かく調整したり、間隔を変更したり、含める情報を指定したり、その他多くのことができます。

これらのボタンはダークモードを考慮して設計されているため、ユーザーが有効にするモードに関係なく見栄えがします。

ウェブサイトまたはオンラインストアのソーシャル共有アイコンのカスタマイズ

20. コミュニティおよびプロフェッショナルサポート

このWordPressプラグインを使用すると、数回クリックするだけで、ウェブサイトのフロントエンドとダッシュボードにダークモードを追加できます。さらに、探求できる豊富な追加カスタマイズ設定とオプションも備えています。

さらに深く掘り下げたい場合は、追加のヘルプが役立つ場合があります。まず、プラグインのインストールとアクティベーション方法を示すオンラインドキュメントがあり、その後、より高度なトピックや機能に進みます。

オンラインナレッジベースの例

WP Dark Mode チームがさまざまなトピックを扱っているブログもあります。ここでは、WP Dark Mode と一緒に使用したい可能性のある、ビジネスウェブサイト向けの必須 WordPress プラグインの専門家による選択肢や、役立つチュートリアルを見つけることができます。

無料プラグインを使用している場合は、WordPress.orgのWP Dark Modeフォーラムに投稿して、基本的な質問への回答を得ることができます。

公開サポートフォーラムに投稿する際は、専門家が問題を完全に理解し、役立つ回答を投稿できるように、できるだけ多くの情報を含めることをお勧めします。このトピックの詳細については、WordPressサポートの適切な求め方に関するガイドをご覧ください。

プレミアムプラグインにアップグレードすると、ライブチャットと VIP サポートにもアクセスできるようになるため、専門家から直接ヘルプを得ることができます。

WP Dark Mode レビュー:価格とプラン

始めたばかりの方や予算が限られている方は、WordPress.orgからWP Dark ModeのLiteバージョンをダウンロードできます。 

ただし、ダークモードを自動的に有効にするようにスケジュールしたり、より多くのカスタマイズオプションをアンロックしたりしたい場合は、プレミアムプラグインにアップグレードする必要があります。

WP Dark Mode の価格とプラン

年間ライセンスまたは生涯ライセンスのいずれかを購入できます。どのライセンスを取得しても、WP Dark Mode を使用したいサイトの数によって価格は異なります。

年間ライセンスを選択した場合、WP Dark Modeを1つのウェブサイトに49ドルでインストールできます。一方、年間66.75ドルで最大5つのウェブサイトにプラグインをインストールできます。これは、ネットワーク内の複数のアフィリエイトマーケティングブログなど、複数のサイトを運営している場合に良い選択肢です。

永久ライセンスを購入したいですか?そうすれば、WP Dark Mode を最大 50 のウェブサイトで 174.30 ドルで使用できます。最後に、このプラグインを最大 1,000 のサイトに 226.85 ドルでインストールできます。とはいえ、これらの永久ライセンスは、大規模な WordPress 開発代理店や、多数のクライアントを持つフリーランス開発者に最適です。

WP Dark Mode レビュー:あなたにとって適切なダークモードプラグインか?

機能、サポート、価格を検討した結果、WP Dark Modeは優れたダークモードプラグインであると確信しています。公開サイトとWordPress管理画面にダークモードを追加することで、ユーザーの目の疲れや頭痛を回避するのに役立ちます。

このモードを有効にした後、独自の配色、行動喚起、アイコンを追加してスイッチをカスタマイズできます。また、このスイッチがサイトのどこに表示されるかを正確に制御したり、プラグインが自動的に提供するブロックまたはショートコードを使用して特定のページや投稿に追加したりすることもできます。

ユーザーエクスペリエンスを向上させるために、スケジュールまたはユーザーのデバイス設定に基づいてダークモードを自動的にアクティブにすることもできます。

このWP Dark Modeのレビューが、あなたにとって適切なダークモードプラグインであるかどうかを判断するのに役立ったことを願っています。次に、最適なWebデザインソフトウェアの選び方に関するガイドをご覧になるか、WordPressユーザー向けの最適な分析ソリューションの専門家による選択をご確認ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

WPBeginner ユーザーは最大 25% オフで購入できます!

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

読者とのインタラクション

WP Dark Mode ユーザーレビュー

現在、WP Dark Mode に関するユーザーレビューはありません。
コミュニティの他のユーザーを助けるために、WP Dark Mode のレビューを共有してください。

レビューを残す

レビューを残していただきありがとうございます。すべてのレビューは、当社のコメントポリシーに従ってモデレーションされ、メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。

Your Rating: