シンプル系のデザインにしたいと常々思っていたので、この週末で変更しちゃいました。
今回のデザイン変更でこだわったポイントは、
(1)白ベースのシンプルな配色
(2)サイドバーは右、コンテンツ部分のカラムは横幅が広いもの
(3)GoogleChromeの拡張機能「AutoPager Chrome」をインストールしていても、デザインが崩れない。
の3つです。
(1)白ベースのシンプルな配色
やはり訪問者が読みやすいブログにしたいと考えたのが理由です。
それに、ブログの内容的にモノトーン系が似合うかなーと思ったので。
前のも一応白ベースでしたが、バーの配色のオレンジがやっぱり気になってしまいました。
(2)サイドバーは右、コンテンツ部分のカラムは横幅が広いもの
これはサイトを見た瞬間にまずコンテンツに目が行って欲しいからですね。
日本語の横書きは左からはじまるので、コンテンツを左カラム、サイドバーを右カラムにしました。
(3)AutoPagerをインストールしていてもデザインが崩れない。
今回一番苦労したのはここです。
テンプレートによってはAutoPagerによってサイドバーがページ下部に落とされてしまう現象に今回遭遇しまして、HTMLをいじってなんとか回避できないかと試みたのですが、うまくいきませんでした…
なので結局、AutoPagerに落とされないテンプレートを選びました。
訪問者がAutoPagerをOFFにすれば正常に表示されることはわかっています。でも、AutoPagerを愛用している自分としては、訪問者がサイトによってON/OFFの切り替えなんかしたくないことが容易に想像できるので、やはり訪問者視点で解決したいと考えてこだわった次第です。
それに何が原因としても、サイドバーが落ちてるブログを読みたいと思う人なんかいないでしょうから。
(4)おまけ
「Follow me」バッジの色をEvernote色にしてみました！
Evernoteのと同じ緑です。
ちょっとしたこだわり。ちなみにこの色のRGBは「#6FB536」です。