ふと自分のブログを見返したとき、イマイチ垢抜けてない気がした。
統一感がないことのが悪いのだけど、それにしてもダサい気がしてならない。
とくに…
サイドバーの周辺に違和感がある。
もしかしてここをカスタマイズすれば、少しカッコよくなる？
はてなのサイドバーの線がダサい
はてなブログのテーマストアのUnderShirtを利用中の当ブログ。
アイキャッチの画像が大きく、２列で表示できるためお気に入り♡
しかーし
サイドバーの表示に違和感がある。
特にこのグレーの線。
左スマホ 右PC
な～んか妙に…
太くて悪目立ちしてダサい！
サイドバーの邪魔な線を消す
項目の境目として付いてる線だけど、必要ない気がしてきたのでCSSをいじってグレーの線を消すことに成功した。
左スマホ 右PC
線がなくなったことでサッパリ。
スッキリと見やすくなった。
モジュールのタイトルが大きい
グレー線が消えたものの、今度はモジュールのタイトルがより目立つようになった。
大きくないか？しかも太くゴツい。
カテゴリを小さくしているので余計目立つ
左スマホ 右PC
モジュール項目の色と大きさ変更
モジュールの項目の文字を小さくして色もヘッダー画像と同じ色に変更してみた。
とくにスマホでの見え方が垢抜けた！
スマホ表示の変化
サイドバーカスタマイズで垢抜けた！
サイドバーの線をなくしたり、モジュールのタイトルをカスタマイズしたらブログが華やかになり少し垢抜けることに成功！
とは言っても初心者の私は何もできず。
カスタマイズを公開している方に感謝。
CSSのカスタマイズを参考にさせていただいたブログです👇
