2005年9月13日
パンくずリストの設置
パンくずリストとは、下記のように、トップページから現在表示しているページまでの階層を示したリストのことです。
＜表示例＞
| トップページ >MTカスタマイズ講座 > 操作アップ編 > パンくずリストの設置 |
パンくずリストを設置していると、訪問者がサイト上のどの位置にいるのか把握しやすくなり、ユーザビリティを向上させることができます。
ちなみに、「パンくずリスト」という名前の由来は、童話「ヘンゼルとグレーテル」で、森の中で迷わないようにパンくずを少しずつ落としながら歩いたというところからきていると言われています。
是非、パンくずリストを設置して、訪問者をサイトの中で迷わさせないようにしてくださいね。
カスタマイズ方法は、パンくずリストを設置したいテンプレートに、下記のような記述を追加します。
■ 個別エントリーの編集
＜記述例＞
| <a href="<$MTBlogURL$>">トップページ</a> >
<MTParentCategories glue=" > "> <a href="<$MTCategoryArchiveLink$>"> <$MTCategoryLabel$></a> </MTParentCategories> > <$MTEntryTitle$> |
・「MTParentCategories」
エントリーが属する親カテゴリーとサブカテゴリーをリストアップします
・「glue=" > "」
リストをつなぎ合わせる文字を指定します
・「>」とは、「>」のことで、「greater than」の略です。
別の文字や記号に変更してもＯＫです。
＜表示例＞
| トップページ >MTカスタマイズ講座 > 操作アップ編 > パンくずリストの設置 |
■ カテゴリー・アーカイブの編集
＜記述例＞
| <a href="<$MTBlogURL$>">トップページ</a> > <MTParentCategories glue=" > "> <a href="<$MTCategoryArchiveLink$>"> <$MTCategoryLabel$></a> </MTParentCategories> |
＜表示例＞
| トップページ >MTカスタマイズ講座 > 操作アップ編 |
※カレントディレクトリにリンクを貼らない方法
カレントディレクトリ（現在表示しているカテゴリ）にリンクを貼らない方法は、MTタグだけでは複雑なソースになってしまいますので、MTタグとPHPを併用すると簡潔に記述することができます。（前提として、カテゴリーアーカイブの拡張子をphpにする必要があります）
詳しくは、下記のサイトを参考にしてくださいね。
［参考記事］小粋空間 「パンくずリスト」
［参考記事］やむやむ 「カテゴリ・日付アーカイブにもパンくずナビ」
■ 日付アーカイブの編集
＜記述例＞
| <a href="<$MTBlogURL$>">トップページ</a> >
<$MTArchiveTitle$> |
＜表示例＞
| トップページ > 2005年09月 |
■ メインページの編集
＜記述例＞
| <a href="<$MTBlogURL$>">トップページ</a> |
＜表示例＞
| トップページ |
編集後は保存して再構築すると完了です。
参考になりましたら、1クリックの応援お願いします。
パーマリンク | 投稿者 りっち | 2005年9月13日 10:08
| 
| 
はてなブックマークに追加
Yahooブックマークに登録
トラックバック
このエントリーのトラックバックURL:
このリストは、次のエントリーを参照しています: パンくずリストの設置:
» Movable Typeで『パンくずリストを作る』 from 実践ウェブデザイン！ブログでCMSを構築する
Movable Typeにて『パンくずリスト』を作る方法を紹介。 [続きを読む]
トラックバック時刻: 2005年10月 2日 15:32
» いろいろ追加。 from Gangalee Web Log
あまり目立たない機能を追加しました。 １,パンくずリストを追加。 エントリー... [続きを読む]
トラックバック時刻: 2005年11月23日 20:11
» サブカテゴリの表示まで対応したパンくずリスト（トピックパス）を作成 from シバ犬の散歩道
Movable Typeのカスタマイズもだいぶ慣れてきたので、ここで貯まった分を放出。今後とための覚え書きです。 パンくずリスト（トピックパス）は、その由... [続きを読む]
トラックバック時刻: 2005年12月31日 00:23
» パンくずリストの設置 from ＴＯＭ'Ｓ ＨＯＭＥ
リッチさんのページを参考に、パンくずリストを設置しました。 http://blo... [続きを読む]
トラックバック時刻: 2006年2月 8日 22:37
» パンくずリストの設置手順 NO.43 from MTをおしゃれにカスタマイズ♪
パンくずリストは一般的にこんな感じですね。 TOP>カテゴリーのタ... [続きを読む]
トラックバック時刻: 2006年4月27日 08:47
» 第11回：パンくずリスト（階層メニュー）を設置する from 自宅サーバー構築ブログ
第10回では、特定カテゴリーを非表示にする方法について説明しました。今回は、パ... [続きを読む]
トラックバック時刻: 2006年6月25日 10:31
» MTでサイトナビゲーションカスタマイズ:パンくずリストを表示する from WEBデザイン BLOG
MTでパンくずリストを表示する方法を紹介しています。静的ページでのカテゴリページにもパンくずリストを表示させるコードも紹介しています。 [続きを読む]
トラックバック時刻: 2006年9月 2日 11:40
» パンくずリスト（MovableType 用） from WebRoom
『パンくずリスト』とは、今見ているページの階層を表示するナビゲーションです。 例えば【 Index... [続きを読む]
トラックバック時刻: 2007年3月29日 22:11
» パンくずリストの設置 from Tetsuyan's Blog
ブログが大きくなってくると、今どこを閲覧しているのかよくわからなくなってしまい... [続きを読む]
トラックバック時刻: 2007年8月30日 11:25
コメント
こんにちは。はじめまして。やむやむのさえらと申します。
早々のトラックバックありがとうございました。
小粋空間さんの コピーなんですけど・・・
greater than の略だったなんて知りませんでした。
勉強になりました。
投稿者 さえら : 2005年9月13日 15:03
さえらさん、はじめまして。
コメントありがとうございます。
パンくずリストの設置方法は、多くのサイトで紹介されていますが、微妙に記述方法が異なりますね。
りっちの場合は、カテゴリー・アーカイブのパン屑リストの最後にリンクが貼ってあっても気にしないので、上記のような記述になりましたが、
気になるという方もいらっしゃると思いますので、さちえさんの記事を紹介させて頂きました。
今後ともよろしくお願いしますね。
ps.小粋空間さんとネタが被りました＾＾。今、パンくずリストがアツイかも！？＾＾
投稿者 りっち : 2005年9月13日 16:00
はじめまして。
パンくずリストですか・・・なるほど、うまい表現ですよね。
サイトが膨大になってくるに従い、確かに居場所の再確認はとても大切なことだと思われます。
サイトマップとはまた違った角度からのアプローチですね。
私はカスタマイズが苦手なので（笑）、ゆっくり時間の空いた時にでも参考にさせてもらいたいなと思っています。
投稿者 コトバコレ 言葉ブログ : 2005年9月15日 14:38
はじめまして。
パンくずリストの名前の由来が、なかなかロマンチックで素敵ですね。
今後は、ライブドアブログでの作成講座、カスタマイズ講座も開講予定ですので、その際は、是非、参考にして頂ければ幸いです＾＾
投稿者 りっち : 2005年9月17日 01:44
コメントしてください
』
→
』
→