第11回:パンくずリスト(階層メニュー)を設置する
第10回では、特定カテゴリーを非表示にする方法について説明しました。今回は、パンくずリストと言われる、いわゆる階層メニューの設置について説明していきます。パンくずリストとは、当サイトのヘッダー部でも使用している 「Home > Windows > パンくずリスト」のような階層メニューのことで、階層構造の上位ページへのリンクを簡潔に記述したものです。
すべてのページの同じ場所にパンくずリストを掲載することで、サイトの訪問者に現在いる位置をわかりやすく伝えることができます。また、訪問者は必ずしもトップページから訪れてくれるとは限らないので、下位階層に辿り着いた訪問者に、現在位置を明確にさせることはユーザビリティの向上に繋がり、より多くの記事を見てもらえる可能性が高くなります。
因みに、検索してみるとわかるのですが、IT用語辞典(e-words)にもパンくずリストの意味が掲載されています。へぇ~有名な言葉なんですね、正直知らなかったです(笑)。
なんでもその由来は、童話「ヘンゼルとグレーテル」で、森の中で迷わないようにパンくずを少しずつ落としながら歩いたという故事だそうです。へぇ~って感じですね(笑)。
では、さっそくそのパンくずリストの設置について説明していきます。パンくずリストを設置するには、MTParentCategories タグを使用します。各テンプレートによって記述方法も異なってくるのでまずは、個別エントリーアーカイブから説明します。
■個別エントリーアーカイブの記述方法
以下例は、当サイトのパンくずリストと全く同じタグを記述したものです。ポイントは、<MTParentCategories>~</MTParentCategories>です。MTParentCategoriesタグは、カテゴリーの階層を、トップレベルから順に下がって出力する場合に用います。
<MTParentCategories glue=" > ">
<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>
</MTParentCategories>
> <$MTEntryTitle$>
glue="○○" の部分では、階層と階層の間を区切る文字を指定し、ここでは、「>」を表す「>」を挿入しています。<$MTEntryTitle$> は、個別エントリーアーカイブのタイトル部の表記なので、表示させるか否かは好みに任せます。
■カテゴリーアーカイブの記述方法
カテゴリーアーカイブの記述方法です。
<MTParentCategories glue=" > ">
<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>
</MTParentCategories>
■日付アーカイブの記述方法
日付アーカイブでは、単純に 「Home > 2006年6月」のようになります。
以上、第11回は終了です。
今回、参考にさせていただいたサイトです。ありがとうございました。
ブログ別!作成・カスタマイズ講座:「パンくずリストの設置」
小粋空間:「パンくずリスト」
参考になりましたらポチっとお願いします♪