雑記-ブログ-カスタマイズはてなブックマークFacebookTwitterSEブログランキングスポンサーリンクはじめにパンくずリストとはサイト内でのページの位置をナビゲーション目的でツリー構造で可視化するものです。そんなパンくずリストですが、はてなブログではカテゴリーを複数つけて階層化し、それをパンくずリストとして表現することが可能です。本記事ではそれらを実現する流れを簡単に解説しました。カテゴリーのパンくずリスト化パンくずリストをONにするそもそもですがはてなブログの設定にてパンくずリストを設定する必要があります。以下のように設定がされていないと、カテゴリを設置してもパンくずリストが画面に表示されません。パンくずリストが設置されていない場合これははてなブログの「デザイン設定」>「カスタマイズ」>「記事」>「パンくずリスト」にて記事ページにパンくずリストを表示するにチェックを入れます。それによって以下のようにパンくずリストが登場しました。パンくずリストの表示カテゴリーの階層化カテゴリーを階層化するために、そもそもカテゴリーの表示形式を修正する必要があります。明示的にカテゴリーの親子関係を明示的に示すために「スポーツ」「野球」というカテゴリーを「スポーツ」「スポーツ-野球」にします。今回は二階層ですが「スポーツ-野球-バッティング」と階層を増やすことも可能です。このようにしてカテゴリーを再編集する必要があります。カテゴリーの階層化スクリプトをフッターに仕込む以下をはてなブログの「デザイン設定」>「カスタマイズ」>「フッター」に以下をコピペしてください。-->実体は.jsファイルから分かる通りJavaScriptでソースを見に行くとJavaScriptをより扱いやすくしたjQueryで記載されています。c=[],d=a.document,e=Object.getPrototypeOf,f=c.slice,g=c.concat,h=c.push,i=c.indexOf,j={},k=j.toString,l=j.hasOwnProperty,m=l.toString,n=m.call(Object),o={...ここまで行えば以下のようにカテゴリーが階層化されていると思います。終わりに記事が読み込まれる度にスクリプトが走るので速度の表示には影響が出るかもしれませんが、カテゴリーに階層化を持たせることは同系統の記事に興味のあるユーザはその上位のカテゴリの記事にスムーズに閲覧することができるため、ユーザ側にとってもメリットがあると思います。発信者にとっても記事全体を階層化して管理できるだけでなく、回遊率の向上といったメリットも多いので、興味がある方はご参考ください。TOPスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。