WPカスタマイズ備忘録

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

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

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

というようになります。

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

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

Breadcrumb Navigation XTとBreadcrumb NavXT

WordPressのパンくずリストを探すと２つありました。
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
というのが出るのでそこで詳細設定します。

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

テンプレートの編集

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

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>

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

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