カテゴリの階層化

カテゴリの階層化を進めています。

ざっくりと記事を書いていったら
ゴチャゴチャしてきました。

自分自身でも見にくいとおもうのですが、
知識もないので、上手く行きません。

当然、見てくれてる方も分かりずらい状態と思います。

せめてカテゴリ検索しやすいように階層化させます。

『小さな星がほらひとつ』様の記事を参考にさせて頂きました。

　パンくずリストの表示(カテゴリ作成)

はてなブログの管理ページから

「デザイン」→「カスタマイズ」→「記事」

と進み、

”記事ページにパンくずリストを表示する”

にチェックを入れます。

私の記事カテゴリ例。

tool/app
アニメ
オバマス
ゲーム
サイトマップ
ブログ
史実
艦これ
蒼き鋼のアルペジオ

　カテゴリの階層化の準備

⚪親カテゴリのみの登録を行う。

⚪擬似的に子カテゴリの登録を行う。
親カテゴリと子カテゴリの間に
『　-　(半角ハイフン)』を挿入します。

※『　ー　(全角ハイフン)』だと新たな
親カテゴリとして認識されてしまいます。

⚪カテゴリーの表示順が「アルファベット順」になっている必要がある為、設定します。

「デザイン」「サイドバー」と進み、設定を行います。

私の記事カテゴリの例。

アニメ
艦これ
艦これ-2019/06春イベント
艦これ-史実
艦これ-任務
艦これ-通常海域
ゲーム
ゲーム-蒼き鋼のアルペジオ
ゲーム-オバマス
サイトマップ
tool/app
ブログ
史実

※不要なカテゴリを削除したい場合。
不要カテゴリが付けてある全ての記事からチェックを外すと消滅します。

　スクリプトの設定

はてなブログの管理ページから

「デザイン」→「カスタマイズ」
→「フッタ」

と進み、以下のスクリプトを貼りつけます。

<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>

　スタイルシートの設定

はてなブログの管理ページから

「デザイン」→「カスタマイズ」
→「ヘッダ」

と進み、以下のスクリプトを貼りつけます。

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

⚠️この方法は
『小さな星がほらひとつ』様の作成されたスクリプトに依存している為、修正や削除されると機能しない場合があります。
その際は『小さな星がほらひとつ』様のブログで御確認下さい。

記事のカテゴリをひとつひとつを修正しないといけないので後から始めるとその分、手間が掛かります。

記事が少ない内にやってれば良かったです。
(>.<)y-~