ブログをダークモードに対応させてみましたが…

さて、自分はMacもiPhoneも触っている時間が長いので、意識して普段からダークモードをオンにして使っています。

OS側でダークモードとライトモードを切り替えることで、Webサイトも連動して切り替わるのですが、サイトによってはダークにしてもライトのままというところもまだまだ多いのが現状。このブログサイトも切り替わってはくれません。

そこでWordPressのサイトをダークモードに対応させる方法をネットで調べたところ「WP Dark Mode」というプラグインを使うことでうまく出来そうなことがわかったので、早速インストールしてみました。

WordPress.org 日本語

外部サイト

WP Dark Mode

https://ja.wordpress.org/plugins/wp-dark-mode/

WP Dark Mode automatically enables a stunning dark mode of your website based on user's operating system. Supports macOS, Windows, Android & iOS.

インストール後プラグインを有効化して、まずは初期設定画面。

「Enable Frontend Darkmode」と「Enable OS aware Dark Mode」にチェックマークが入っている（ONになっている）ことを確認して画面下の「Save Setting」をポチっとして保存すればOK。

これでサイト訪問者がダークモードに設定すれば自動的にブラウザ側もダークモードに切り替わってくれるようになる…はずなんですが

スマホ … OS側で指定したとおりに自動切り替えOK

タブレット、PC … ダーク→ライトは連動するが、ライト→ダークはブラウザをリロードしないと切り替わらない。

という現象に。

ネットで調べても同じような話は見つからなかったので、自分の環境下だけの可能性もあるため、プラグインを全部外してみましたが変化無し。

使っているテーマの影響かもしれませんが、そこは外せないし。

ということでもう少し調べてみるつもりではありますが、見切り発車ということで「ダークモードに対応しました」と言い切っておきますｗ

プラグインからは、訪問者が自分でダークかライトに切り替えられるSwitchを配置することもできましたが、トライしてみたところデザインが乱れてしまう気がしたのでこれはヤメました。

ちなみに、立花さんはFacebookをダークモードに切り替える方法も記事にされてますので併せてご紹介。

No Second Life

外部サイト

Mac で Facebook をダークモードに変更する方法、元に戻す方法 - No Second Life

https://www.ttcbn.net/it/apples/mac/157942

Macのブラウザ表示でFacebookをダークモードに変更する方法と、元に戻す方法を解説する。 先日からすべてのデバイスを黒基調のダークモードに変更して使っている。 ダークモードを使うようにした理由は、目の刺激を減らすと

残念ながら、iPadのFacebookアプリだけは対応してないんですよね。ナゼ？

久しぶりにブログのカスタマイズ作業に集中したのでくたびれました。今日は早く寝ます。

ってなことで。