読者です 読者をやめる 読者になる 読者になる

LAZY LOOSE LOG

「気になることを調べてみたブログ」から名前変更しました。WEBデザインとかブログ運営、社会・経済、音楽などなど

はてなブログのカテゴリーが縦に長くなるのを解消する

カスタマイズ CSS

f:id:shiromatakumi:20160101184843j:plain

縦に長くなるカテゴリー欄をすっきりさせる

ブログをたくさん書いていると、カテゴリーが多くなってしまい、利用しているテーマによってはサイドバーにあるカテゴリー欄が縦に長くなってしまいます。

コンテンツよりもサイドバーが長くなってしまうのは、なんとなくカッコ悪いです。

それを解消するCSSを紹介します。このコードを記述すると、カテゴリーが左詰めになります。

これを、

f:id:shiromatakumi:20151203211100j:plain

赤く囲んだ所部分に先ほどのコードをコピペするだけで大丈夫です。

ちなみに、左詰めではなく2列に並べるコードも載せておきます。

こうするとカテゴリーが2列に並んで表示されると思います。

 

私のブログも欲張りすぎてカテゴリーが多くなってしまったので左詰めで表示されるように設定しています。

他にもはてなブログのカスタマイズ記事を書いているので、参考にしてみて下さい。