iPhoneやAndroid端末のダークモード、夜にスマホを見ているときに目に優しく特に寝る前にベッドで見ているときにとても重宝します。ダークモードにしているTwitterやFacebookアプリを使っていて、リンクをクリックするとほとんどのサイトが通常色のままで、そのほとんどが白ベースのためまぶしく感じます。
ダークモードにするには、ダークモード用のスタイルを定義することで可能になりますが、WordPressのようにテーマベースで作っていると、専用のスタイルを作るのが大変です。そんなときに便利なプラグインを紹介します。
ダークモードを簡単に導入できるプラグインWP Dark Mode Settings
まずは、プラグインをインストールします。管理画面の「プラグイン」から「新規追加」を選び、キーワードに「WP Dark Mode Settings」と入れます。これをインストール & 有効化します。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossless,ret_img,w_1024,h_735/https://www.t-studio.tokyo/wp-content/uploads/2021/07/スクリーンショット-2021-07-26-10.24.16-1024x735.jpg)
インストールが完了するとこのような画面に変わります。基本的には、この設定でOKです。3つめの「Enable OS aware Dark Mode」は、OSのダークモードの設定に合わせてダークモードにしてくれます。私の場合、日が落ちた頃から日の出までをiPhoneもAndroid端末もダークモードにしているので、夜の時間帯、特に深夜ベッドで見るときにはダークモードにしてくれます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossless,ret_img,w_1024,h_749/https://www.t-studio.tokyo/wp-content/uploads/2021/07/Zoomミーティングを録画する際に参加者のサムネイルを消すには-T-STUDIO-TOKYO-1024x749.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossless,ret_img,w_1024,h_749/https://www.t-studio.tokyo/wp-content/uploads/2021/07/Zoomミーティングを録画する際に参加者のサムネイルを消すには-T-STUDIO-TOKYO-1-1024x749.jpg)
細かな設定は、Advanced Settingから可能ですが、WordPressで簡単にダークモードを導入するには、WP Dark Mode Settingsがお勧めです。
それでは!