パンくずナビゲーションプラグイン Breadcrumb Navigation XT

Breadcrumb Navigation XT

企業ウェブサイト・商用ホームページにはナビゲーションが必須だろう。ヘッダー部分もしくはサイドバー部分に表示されるナビゲーションに加え、今表示しているページが一体どこなのかを表示するパンくずナビゲーションはユーザービリティを高める。パンくずナビゲーションとは、例えば「トップ > カテゴリ > ページ」のようなもので、Yahoo! JAPANや楽天などでも採用されています。ショッピングサイトなどでは階層が深くなることが多いので、このパンくずナビゲーションを導入するとよいだろう。

さて、WordPressでパンくずナビゲーションを実現するには、Breadcrumb Navigation XTというプラグインをインストールする。ダウンロードは、Breadcrumb Navigation XTより行う。2007年9月3日現在、バージョン1.9.3が最新バージョン。インストールはダウンロードしたファイルを展開し、pluginsフォルダにアップロードし、有効化するだけである。

インストールが終了すると、管理メニューの設定欄にBreadcrumb Nav XTが増えているのがわかるだろう。Breadcrumb Navigation XTプラグインの設定には二通りあって、１．この設定メニューを使う方法と、２．ソースコードの中で直接設定する方法である。

１．管理メニューの設定を使用する場合は、index.phpやheader.phpに下記の設定を加える。

<div class="breadcrumb">
<?php
if (function_exists('breadcrumb_nav_xt_display'))
{
	// Display the breadcrumb
	breadcrumb_nav_xt_display();
}
?>
</div>

２．ソースコード内で直接設定する場合は、Mtekk’s Crib » Breadcrumb Navigation XT Documentationを参考にしながら、パンくずナビゲーションを表示したい個所に加える。細かい設定ができるのでプラグインを配布しているサイトのドキュメントを見てほしい。このサイトではsingle.phpに下記のとおり追加している。

<p class="breadcrumb">
<?php
// -- Breadcrumb Navigation XT --
if (class_exists(breadcrumb_navigation_xt))
{
	$mybreadcrumb = new breadcrumb_navigation_xt;
	$mybreadcrumb->opt['link_current_item'] = 'true';
	$mybreadcrumb->opt['separator'] = ' » ';
	$mybreadcrumb->opt['singleblogpost_prefix'] = "";
	$mybreadcrumb->opt['title_blog'] = "ホーム";
	$mybreadcrumb->display();
}
?>
</p>

2通り紹介したが、日本語化はされていないので、若干戸惑うかもしれないが、簡単に設定できてしまうので、ユーザービリティ向上を考えて、パンくずナビゲーションプラグインをぜひ導入してほしい。

[追記] WordPress 2.3に正式対応したバージョン1.10.1が出ている。タグのナビゲーションが作成できるようになったようだ。