時間帯でダークカラーに切り替え #WordPress #PHP #子テーマ

前回の記事でも紹介させて頂きましたが、

このブログはWorkpressのデフォルトテーマを親テーマとし、

子テーマでレイアウトをカスタマイズして、全体的にダークカラーに変更しています。

単純に目に優しいのと、黒ベースの方が写真が映えると思い採用しました。汗

かなり、ダークな雰囲気で、個人的にはすごく気に入っていますが、

日中はライトカラーの方が文字が見やすくて、朝ならそんなに目は疲れてないし

ダークカラーじゃないパターンがあっても良いなーと思って、

時間帯で、ダークカラーとライトカラーが切り替わるようにしました。

下記はそのPHP側のコードです。

CSSはGistに貼り付けているので、よろしければ参考にしてください。

適用すると、時間帯でカラーが変わりますが、

下記の様にリクエストパラメータで、強制的にカラーを切り替えることもできます。

ダークカラーへ

ライトカラーへ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です