リトグリのメンバーカラーにサイトの色を切り替えたらテンション上がった

このサイトのテーマカラーをリトグリのメンバーカラーに切り替える機能を作ってみました。

やってることは、ただ、メインのカラーがメンバーごとの色に切り替わるだけのシンプルなものです。
でも、やっぱり色って大事。

メンバーカラーに切り替えるだけで、急にこのサイトの雰囲気がそのメンバーを思い出させる感じが出てくる。

使い方は簡単で、リトグリのタグページにメンバーカラーの切り替えボタンを置いてあります。

サイトの目立つ場所で色を変えるようにしても良かったんだけど、リトグリ好きな人が使える隠し機能的な意味で、リトグリ関連のページに色の切り替えを置いてみた笑

6人ぶんの色が並んでいて、選ぶとサイト全体のテーマカラーがその色に変わります。
そして、もう一度押すと元に戻る。

選んだ色は記憶されるので、次にサイトを開いたときもそのカラーのままです。
ただ、情報は見てくれている人のブラウザに保存されているので、PCとスマホを切り替えたり、違うブラウザだと反映はされません。

このサイトは WordPress のテーマを自分でゼロから作っていて、こういう「あったらいいな」を思いついたらすぐ形にできるようにしてあります。

色まわりは、1か所のメインカラーを差し替えるだけでサイト全体が連動して変わる設計。

文字の読みやすさやページを開いた瞬間の表示など、見えないところの作り込みも好きで、今回もいろいろ仕込んであります。

シンプルな機能だけど、6色並んでいるボタンを眺めているだけでも結構メンバーがイメージできる。

サイトを開くたびにメンバーカラーが目に入って、自分のサイトなのにちょっと嬉しくなる笑

リトグリ好きが作ったサイトが、リトグリの色になる。

それだけのことだけど、自分の好きなことをやるとどんどん、自分のサイトにも愛着が湧いてきます。

関連記事