【備忘録】カテゴリの階層化及びパンくずリストを設定する(はてなブログ)

参考に(というかそのまま模倣)したブログ
本家の方
【はてなブログ】公式パンくずリストの階層化とカテゴリーのアーカイブ表示を行うブログパーツを作りました - 小さな星がほらひとつ

応用の方
はてなブログでカテゴリーを階層化する方法を確認してやってみた | unico fun life

追記
himajin-kosaku.hatenablog.jp より新しいこの記事にて、手順の2,3で行ったことを削除することになる。

1. 「デザイン」→「カスタマイズ」→「記事」から「記事ページにパンくずリストを表示する」にチェック
   
   
2. 「デザイン」→「カスタマイズ」→「フッタ」にスクリプトを貼り付ける(このまま)

   <!--パンくずリストの設定-->
   <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. 「デザイン」→「サイドバー」→「カテゴリー」の「編集」で並び替え順を「カスタム」にし、
   

   「親カテゴリA」
   「親カテゴリA-子カテゴリa」
   「親カテゴリA-子カテゴリb」
   「親カテゴリB」
   「親カテゴリB-子カテゴリa」

   という要領で並び替える。
   (順番の規則に沿っていれば、カテゴリーの表示順が「アルファベット順」になっている必要は無い。しかし、カテゴリーを新しく追加すると順番が崩れることがあるので定期的にチェックした方がいい。)
   

つづく

himajin-kosaku.hatenablog.jp