さんログ

色々と発信する雑記ブログ。食レポ、おすすめ発信や情報、メンタル/不思議系など。

タイトルのテキスト
タイトルのテキスト
タイトルのテキスト

【はてなブログ】5ステップで解説!カテゴリの階層化する方法

f:id:sanrisesansan:20200809165247p:plain

 「はてなブログでカテゴリーの階層化ってどうやってやるんだろう?」

そんな疑問をこの記事で解決します。

今回は、はてなブログでカテゴリの階層化する方法を解説していきたいと思います。

完成形はこんな感じになります。

f:id:sanrisesansan:20200809155239j:plain

やり方は下記の通りです。

パンくずリストを作成

・カテゴリ作成とブログパーツで作れる

この作業で作ることができますので、詳しく見ていきます。

 


スポンサードリンク
 

「カテゴリの階層化」とは

ブログ記事はカテゴリによってグループ化されています。

例をあげると、僕の場合は「ラーメン」ネタの記事には「ラーメン」というカテゴリでグループ化しています。

f:id:sanrisesansan:20200809160201j:plain

カテゴリでグループ化していれば、内部リンクを貼り、よりカテゴリ内で閲覧されやすくすることもできます。

はてなブログでカテゴリをつける方法は、

記事作成ページから→「カテゴリ」で作成することができます。

で、カテゴリの階層化とは、

f:id:sanrisesansan:20200809155908j:plain


このように「ラーメン」のカテゴリの中で更に詳細化したカテゴリのことを指します。

これを子カテゴリともいいます。

カテゴリ内で細分化することにより、読者にとっても分かりやすく親切な構成にすることができます。

はてなブログではカテゴリの階層化に対応していない

記事がある程度、増えていくとカテゴリの階層化を検討する機会も出てきます。

しかし、はてなブログでは「カテゴリの階層化」に対応していません。

なので、ブログパーツを使って階層化をしていきます。

【簡単5ステップ】カテゴリの階層化する方法

下記のサイトを参考にさせていただきました。

blog.wackwack.net

コードについてはこちらからコピペしてみてください。ではやり方を見ていきます。下記が流れになります。

1.パンくずリストを表示する

2.フッタのタイトル下にhtmlコードを貼り付ける

3.ヘッダのタイトル下にスタイルシートを貼り付ける

4.カテゴリを指定の方法で登録をする

5.カテゴリをアルファベット順にする

それぞれ見ていきます。

1.パンくずリストを表示する

はてなブログの管理画面から「デザイン」→「カスタマイズ」→「記事」とすすみます。下の方にある「パンくずりリスト」にチェックをいれて

 

f:id:sanrisesansan:20200809161750j:plain



さいごに「変更を保存する」で保存します。

2.フッタのタイトル下にhtmlコードを貼り付ける

はてなブログの管理画面から「デザイン」→「カスタマイズ」→「フッタ」とすすみます。

下にHTMLコードを貼り付けるところがありますので、貼り付けて「変更を保存」します。

f:id:sanrisesansan:20200809161842j:plain

 

HTMLコードは上記に載せたサイトさんに書いてありますが、一応のせていきます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://hatena.wackwack.net/v1.1/js/breadcrumb.min.js"></script>
<script src="https://hatena.wackwack.net/v1.1/js/category_archive.min.js"></script>

引用元:【はてなブログ】公式パンくずリストの階層化とカテゴリーのアーカイブ表示を行うブログパーツを作りました - 小さな星がほらひとつ

3.ヘッダのタイトル下にスタイルシートを貼り付ける

管理画面から「デザイン」→「カスタマイズ」→「ヘッダ」とすすみます。

f:id:sanrisesansan:20200809162316j:plain


この中の「タイトル下」にスタイルシートを貼り付けて「変更を保存」します。
こちらも上記の記事サイトにスタイルシートのコードは載っていますが、載せていきますね。

<link type="text/css" rel="stylesheet" href="https://hatena.wackwack.net/v1.1/css/fulldisplay.min.css"/>

引用元:【はてなブログ】公式パンくずリストの階層化とカテゴリーのアーカイブ表示を行うブログパーツを作りました - 小さな星がほらひとつ

4.カテゴリを指定の方法で登録をする

次にカテゴリを指定の方法に変更していきます。指定の方法は2つで、

・「親カテゴリ-子カテゴリ」と組む

・親カテゴリを必ず設定する

というものです。僕の例をあげると、

f:id:sanrisesansan:20200809162514j:plain


こんな感じです。親カテゴリを「親カテゴリ-子カテゴリ」の前に入れることで、階層化することができます。(「-」は半角です。)

5.カテゴリをアルファベット順にする

さいごに、管理画面から「デザイン」→「カスタマイズ」→「サイドバー」から「カテゴリ」で編集ページに入ります。

f:id:sanrisesansan:20200809161923j:plain

この中にある「並び替え順」を「アルファベット順」に変更→「適用」して完了です。

完成すると、

f:id:sanrisesansan:20200809162737j:plain

 

このように階層化されるようになりました。

まとめ

この作業は、カテゴリ分けがされていれば簡単にできる作業です。記事数が少ない時の方が作業がスムーズですので、せひ早めの活用してみてください。

最後まで読んでいただき、ありがとうございます。

合わせて読みたい

www.sunrise033.com

 

この記事が良いと思ったら、ポチっ!してくれると嬉しいです!

 ブログ村ランキング」参加中!

PVアクセスランキング にほんブログ村