【はてなブログカスタマイズ】カテゴリを階層化する方法

2022年1月時点で本ブログはWordPressに移管しました。
当時のカスタム記事になります。はてなブログユーザーは参考ください。

当ブログがはてなブログ時代はブログテーマを「Minimalism」を使用していました。

シンプルなデザインで非常に見やすい構成となっています。

記事をジャンル別に分けて、読者が読みたい記事にたどり着きやすくするための「カテゴリ」。

記事が増えてくると、カテゴリも大カテゴリから派生してグループが増えてきます。

その時に、カテゴリを整理したいと思っても、 

『カテゴリ』の階層を増やしたいけど、どうやって設定すればいいのかわからない。
設定が難しそう・・・

このような方は多いのではないでしょうか？

でも今回紹介するやり方だと、

マサ☆ミカ

必殺！コピペ！！
コピペで簡単だから遠慮なく使ってい〜よ〜。

と言うことで備忘録もかねて、

今回は、『カテゴリ』を階層化する設定について紹介します。

ちなみに、このキャラは「マサミカさん」です。

「マサ☆ミカ」さんて誰？というのはこちらの記事で

マサ☆ミカで〜す！しくよろ〜！（運営担当） 当ブログ運営担当のマサ☆ミカです。（当ブログオリジナルキャラ）

誰？というのはこちらの記事で。 

はてなブログカスタマイズ【Before→After】

今回ご紹介するアレンジでBefore→Afterどうなるのかイメージになります。

Before

設定前のBeforeです。（当ブログより）

そこまで記事数が多くないので、カテゴリは多くないですが、「オリジナル」や「描いてみた」は「イラスト」の中に含まれる内容なので、ずっと気になってました。 

After

今回紹介する方法でアレンジするとこのようになります。

▶︎をクリックすると２層目のカテゴリがこのように表示されます。

かなりスッキリと整理できました。 

はてなブログカスタマイズ【カテゴリを階層化する方法】

では具体的な設定方法について説明します。

以下の手順で設定しましょう。

カテゴリ階層化する前に事前準備

カテゴリ階層化の設定をする前に事前準備が必要です。

カテゴリの階層を０から考えるとなると時間がかかるので、予め階層化する内容は決めておきましょう。

①カテゴリの構成を決める

まずそもそものカテゴリ構成を決める必要があります。

当然整理するカテゴリが決まっていないと階層化する意味がありません。

以下のように大カテゴリと中カテゴリを決めます。

・大カテゴリ

　→当ブログだと、「イラスト」「ブログ運営」など

・中カテゴリ（２層）

　→当ブログだと、「イラスト」の中の「オリジナル」「描いてみた」など

②カテゴリ名を編集

次にカテゴリ名を編集していきます。

記事で設定したカテゴリを、以下のカテゴリ名に変更します。

「大カテゴリ名+半角ハイフン(-)＋中カテゴリ名」

　→当ブログだと、「イラスト-オリジナル」のような感じ

カテゴリ名の変更は、ブログの編集画面にある「カテゴリー」から、それぞれのカテゴリ名横の 「編集」ボタンをクリックして変更できます。

事前準備はここまでです。

次のパートで具体的な設定方法について説明します。

カテゴリ階層化の設定方法

では具体的な設定方法になります。 

コピペで簡単なので、３分もかからないと思います。

①デザイン→フッタにコードコピペ

表示させるための設定です。

以下のコードをコピーします。

続いて、はてなブログの管理画面から、

管理画面→デザイン→フッタにペーストしてください。

②デザイン→デザインCSSにコードコピペ

次にデザインCSSにコードをコピペします。

以下のコードをコピーします。

続いて、はてなブログの管理画面から、

管理画面→デザイン→デザインCSSにペーストしてください。

以上で設定は完了です！

まとめ

以下まとめになります。

色々なブログをみていると、ほどんどの方が設定されています。

ブログでどのような内容の記事があるのかカテゴリは表現してくれます。

簡単に設定できるので、やってみてください！

また、記事数が多くなると細かいカテゴリ修正が非常に大変になるので記事の少ないはじめのうちから設定することをおすすめします！

（参考）はてなブログアレンジ関連記事 

あわせて読みたい

【はてなブログカスタマイズ】『目次』の表示・非表示設定 本記事では、はてなブログで記事中の『目次』の表示・非表示設定について紹介します。コピペで簡単にできるので、所要時間は1分もかかりません。あると便利です！