Breadcrumb NavXTでパンくずリストを表示

パンくずリストというものがあります。
ブログのトップページから、現在見ている記事までの階層を表示するものです。

例えば、「パーマリンク(記事URL)の設定」の記事で表示されるパンくずリストは

Home > WordPressカスタマイズ > 最初にやった設定 > パーマリンク(記事URL)の設定

というようになります。

このパンくずリストを表示していると、
訪問者(特に新規訪問者)がサイト上の現在位置を把握しやすくなり、
コンテンツ間の移動の手助けにもなります。
ユーザビリティ向上に役立つのですね。

ちなみに「パンくずリスト」という名前は、
童話『ヘンゼルとグレーテル』の、
”森の中で迷子にならないように通り道にパンくずを置いていった”
というエピソードから来ているそうです。

Breadcrumb Navigation XTとBreadcrumb NavXT

WordPressのパンくずリストを探すと2つありました。
Breadcrumb Navigation XTとBreadcrumb NavXTです。

どうやら、Breadcrumb Navigation XTのプラグイン作者様が
今後更新できなくなったので、Breadcrumb NavXTの方が
後を引き継いだようです。
(多分。両方とも英語サイトだから良く分からないよぅ。)

Breadcrumb NavXTはWordPress2.5以上に対応しているようです。
それ以下のバージョンで使う場合はBreadcrumb Navigation XTが良いかもです。

ここでは、Breadcrumb NavXTの使い方を書いていきます。

Breadcrumb NavXTのダウンロード

Breadcrumb NavXTの本家配布元は
Breadcrumb NavXT | Mtekk’s Crib様です。

しかしこのパンくずリストも日本語化してくださっている方がいます。
Breadcrumb Navigation XT [パンクズリストの表示] – Wordpress Firefox オープンソース って(・∀・)イイ!!様です。

私は日本語版を入手させていただきました。
ありがとうございます。

【日本語言語ファイル同梱版ダウンロード】
の所からダウンロードできます。

ダウンロードしたら解凍しておきます。
フォルダ名が「breadcrumb-navxt-バージョン名」になっていると思うので、
バージョンは消して「breadcrumb-navxt」にした方が良いかもしれません。

プラグインのアップロード・有効化

wp-content/pluginにアップロードし、
管理画面サイドバーのプラグインをクリックすると
Breadcrumb NavXT – Adminstration Interfaceというものと
Breadcrumb NavXT – Coreというものが追加されています。

Breadcrumb NavXT – Adminstration Interfaceは
管理画面で色々と設定できるモードで、
Breadcrumb NavXT – Coreはタグだけで
パンくずリストを管理するもののようです。

これは、どちらかひとつだけを有効化してください。
私は直感で分かりやすいBreadcrumb NavXT – Adminstration Interfaceにしました。
通常はこちらで良いと思います。

「使用する」をクリックして有効化すると、
管理画面サイドバーの設定の所にBreadcrumb NavXT
というのが出るのでそこで詳細設定します。
pankuzu1

設定するといっても、最初は特に変えずとも良いと思います。
私は、サイトのトップページを現す言葉だけ
blogからHomeへ変更しました。
pankuzu2

テンプレートの編集

パンくずリストを表示したい所にタグを追加します。

Breadcrumb NavXT – Adminstration Interfaceを使った方は

<div class=”breadcrumb”>
<?php
if(function_exists(’bcn_display’))
{
bcn_display();
}
?>
</div>

classでbreadcrumbと指定してあるので、
スタイルシートにbreadcrumbを追加して好みの表示にするか、
既存のものを入れるかしたら良さそうです。

Breadcrumb NavXT – Coreを使った方は、これは例になりますが

<div class=”breadcrumb”>
<?php
if(class_exists(’bcn_breadcrumb_trail’))
{
//Make new breadcrumb object
$breadcrumb_trail = new bcn_breadcrumb_trail;
//Setup options here if needed
//Fill the breadcrumb trail
$breadcrumb_trail->fill();
//Display the trail
$breadcrumb_trail->display();
}
?>
</div>

カスタマイズ法は公式サイト(英語)を参考にしてください。

これでパンくずリストが表示されると思います。


関連する投稿

コメント

トラックバック

  1. [...] パンくずリストをつける(備忘録) 2009/05/15 (金) 10:58 Breadcrumb NavXT というプラグインを使うことにしました。 使い方は、WPカスタマイズ備忘録さまの記事をご覧ください。 [...]

  2. [...] Breadcrumb NavXTでパンくずリストを表示 | WPカスタマイズ備忘録 [...]

  3. WordPressを導入したらまず入れるプラグインいろいろ

    WordPressでブログを制作する際、まず導入を検討するプラグインとその説明サイトをメモとしてエントリーさせておきます。

  4. [...] ンストールして、表示させたい所にタグを記述するだけ。 設定画面より、ホームに表示する・しない等色々設定が可能。下記サイトに詳しく記載。 http://wordpress.rambler-style.com/2009/0220002127/ [...]

  5. [...] ちなみにまたまたお世話になっております「WPカスタマズ備忘録さん」の記事を参考にしました。またまた。ありがとうございます。 [...]

  6. [...] 【参考サイト】 Breadcrumb NavXTでパンくずリストを表示 [...]

  7. [...] ラグインは多数ありますが、わたしはこのBreadcrumb NavXTがお気に入りです。わかりやすい日本語版があるので・・・。 Breadcrumb NavXTでパンくずリストを表示 Breadcrumb Navigation XT  日本語化 [...]

  8. [...] 設定参考サイト http://wordpress.rambler-style.com/2009/0220002127/ カテゴリー: woordpress, WordPressプラグイン   パーマリンク ← WordPressでプラグインのダウンロード「WP-DB-Backup」 [...]

  9. [...] WordPress インストールガイド ■ Breadcrumb NavXT 簡単にパンくずリストを表示 Breadcrumb NavXTでパンくずリストを表示 | WPカスタマイズ備忘録 ■ Broken Link Checker [...]

  10. [...] WordPress インストールガイド ■ Breadcrumb NavXT 簡単にパンくずリストを表示 Breadcrumb NavXTでパンくずリストを表示 | WPカスタマイズ備忘録 ■ Broken Link Checker [...]

  11. [...] Breadcrumb NavXTでパンくずリストを表示 [...]

  12. [...] 1)Breadcrumb NavXT パンくずリストを作ってくれるプラグイン  詳しくはコチラ [...]

  13. [...] 参考:Breadcrumb NavXTでパンくずリストを表示 [...]

  14. [...] 頻繁にサイトの変更を行う人には必須かも。 18. Breadcrumb Nav XT (7) パーマネントリンクに現在いる記事の階層を表示してくれる『パン屑リスト』プラグイン Breadcrumb NavXTでパンくずリストを表示 | WPカスタマイズ備忘録 [...]

TrackBack URL