はてなブログ￤カテゴリの数を増やす￤1つしか表示されないカテゴリを全て表示させる方法！

はてなブログで選んだデザインテーマによって『カテゴリを複数選んでも、表示されるカテゴリは1つだけ』という設定がされている場合があります。

「カテゴリを全部表示したいけど、自動で1つに絞られてしまう」と困っている方もいるかもしれません。

今回は1つしか表示されないカテゴリを複数表示させる方法をご紹介します。

このブログで利用させてもらっているデザインテーマ『Color Book』で、カテゴリを3つ選択した記事を投稿した場合

パソコンから見た時

スマホから見た時

⬆このように、表示に違いがあります。
カテゴリの数を増やしたり減らしたりする方法についてこれからご説明します。

はてなブログのトップページから【デザイン】のページにアクセスし、上の画像を参考に順番に選択する。
③にコードを貼り付けて【変更を保存する】を押して完了です。

パソコンからの作業となります（ブラウザをPC表示にすればスマホからでも操作できます！）。

/* 記事内のカテゴリを全て表示 */
.entry-categories a:nth-child(n+2) {
   display: inline-block;
   }

⬆スマホから見た時1つだったカテゴリがすべて表示されました。

/* トップページ（記事一覧）のカテゴリを全て表示 */
.page-index .categories a:nth-child(n+2) {
   display: inline-block;
   }

/* カテゴリー別記事一覧のカテゴリを全て表示 */
.page-archive-category .categories a:nth-child(n+2) {
   display: inline-block;
   }

　
これらのコードを記入するだけで1つしか表示されないカテゴリを複数表示させることができます。

ご不明な点がありましたらお気軽にコメントくださいね。

今日はそんな感じ！
それではまたね。

yunico's fluffy life