どうも、ブログ運営者のポチ（@sunrise_033）です。
[jin_icon_checkcircle color=”#66cdaa” size=”18px”]この記事の信用性
うさぎそんな疑問をこの記事で解決します。
この記事では、はてなブログでカテゴリの階層化する方法を画像付きで解説していきたいと思います。
カテゴリを階層化することで、読者がこのサイトはどんな内容の記事があるのかが分かりやすくなります。
読者へのわかりやすさは直接的なPVアップにもつながるのでぜひ取り入れていきたいものです。
完成形はこんな感じになります。
やり方は下記の通りです。
・パンくずリストを作成
・カテゴリ作成とブログパーツで作れる
この作業で作ることができますので、詳しく見ていきます。
「カテゴリの階層化」とは
ブログ記事はカテゴリによってグループ化されています。
例をあげると、僕の場合は「ラーメン」ネタの記事には「ラーメン」というカテゴリでグループ化しています。
カテゴリでグループ化していれば、内部リンクを貼り、よりカテゴリ内で閲覧されやすくすることもできます。
はてなブログでカテゴリをつける方法は、
記事作成ページから→「カテゴリ」で作成することができます。
で、カテゴリの階層化とは、
このように「ラーメン」のカテゴリの中で更に詳細化したカテゴリのことを指します。
これを子カテゴリともいいます。
カテゴリ内で細分化することにより、読者にとっても分かりやすく親切な構成にすることができます。
はてなブログではカテゴリの階層化に対応していない
記事がある程度、増えていくとカテゴリの階層化を検討する機会も出てきます。
しかし、はてなブログでは「カテゴリの階層化」に対応していません。
なので、ブログパーツを使って階層化をしていきます。
【簡単5ステップ】カテゴリの階層化する方法
下記のサイトを参考にさせていただきました。
blog.wackwack.net
コードについてはこちらからコピペしてみてください。ではやり方を見ていきます。下記が流れになります。
1.パンくずリストを表示する
↓
2.フッタのタイトル下にhtmlコードを貼り付ける
↓
3.ヘッダのタイトル下にスタイルシートを貼り付ける
↓
4.カテゴリを指定の方法で登録をする
↓
5.カテゴリをアルファベット順にする
それぞれ見ていきます。
1.パンくずリストを表示する
はてなブログの管理画面から「デザイン」→「カスタマイズ」→「記事」と進みます。下の方にある「パンくずりリスト」にチェックをいれて「変更を保存する」を保存します。
2.フッタのタイトル下にhtmlコードを貼り付ける
はてなブログの管理画面から「デザイン」→「カスタマイズ」→「フッタ」とすすみます。
下にHTMLコードを貼り付けるところがありますので、貼り付けて「変更を保存」します。
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.ヘッダのタイトル下にスタイルシートを貼り付ける
管理画面から「デザイン」→「カスタマイズ」→「ヘッダ」とすすみます。
この中の「タイトル下」にスタイルシートを貼り付けて「変更を保存」します。
こちらも上記の記事サイトにスタイルシートのコードは載っていますが、載せていきますね。
<link type="text/css" rel="stylesheet" href="https://hatena.wackwack.net/v1.1/css/fulldisplay.min.css"/>引用元：【はてなブログ】公式パンくずリストの階層化とカテゴリーのアーカイブ表示を行うブログパーツを作りました – 小さな星がほらひとつ
4.カテゴリを指定の方法で登録をする
次にカテゴリを指定の方法に変更していきます。指定の方法は２つで、
・「親カテゴリ-子カテゴリ」と組む
・親カテゴリを必ず設定する
というものです。僕の例をあげると、
こんな感じです。親カテゴリを「親カテゴリ-子カテゴリ」の前に入れることで、階層化することができます。（「-」は半角です。）
5.カテゴリをアルファベット順にする
さいごに、管理画面から「デザイン」→「カスタマイズ」→「サイドバー」から「カテゴリ」で編集ページに入ります。
この中にある「並び替え順」を「アルファベット順」に変更→「適用」して完了です。
完成すると、
このように階層化されるようになりました。
まとめ
この作業は、カテゴリ分けがされていれば簡単にできる作業です。
記事数が少ない時の方が作業がスムーズですので、せひ早めの活用してみてください。
最後まで読んでいただき、ありがとうございます。
ポチ↓「ブログ村ランキング」参加中！
コメント