企業ウェブサイト・商用ホームページにはナビゲーションが必須だろう。ヘッダー部分もしくはサイドバー部分に表示されるナビゲーションに加え、今表示しているページが一体どこなのかを表示するパンくずナビゲーションはユーザービリティを高める。パンくずナビゲーションとは、例えば「トップ > カテゴリ > ページ」のようなもので、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が出ている。タグのナビゲーションが作成できるようになったようだ。
関連する投稿
Trackback URL
Trackbacks (8)
[...] 某シンプルなブログを作っていて、個別ページからわかりやすくトップに戻れなくなってしまったので、導入。 割と便利です。 そのままというよりも、オプションで色々と指定すると使いやすい感じ。 >> DOWNLOAD >> 日本語でわかりやすくオプションの例がアップされてます。 [...]
Pingbacked on 2008.08.19 11:46 am by おぼえがき：WPでパンくず / Breadcrumb Navigation XT — yomolog
[...] ( by BiaDesign さん ) ☆パンくずナビゲーションプラグイン Breadcrumb Navigation XT ( by WordPress Go Go さん ) ☆WP plugin[up]: [...]
Pingbacked on 2008.12.02 6:17 pm by もうひとつの、創るブログ » Blog Archive » パンくずリスト:これは必須。Wordpressにはいいプラグインがある ･･･ 【機能カスタマイズ】
[...] * Akismet (標準搭載されているスパム対策プラグイン) * Breadcrumb Navigation XT （ぱんくずリスト用） * WP Multibyte Patch （WordPress [...]
Pingbacked on 2009.01.06 10:55 pm by 花風Milk-Tea* - WPサイトを始めました
[...] * WP YouTube （ヨウツベのエフェクト） * Breadcrumb Navigation XT （ぱんくずリスト用；使用中のwp.Vicunaには付いてるから） * [...]
Pingbacked on 2009.01.07 12:25 pm by 花風Milk-tea* - WPサイトを始めました
繝代Φ縺上★繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ繧堤函謌舌☆繧九繝ｩ繧ｰ繧､繝ｳ
縺薙ｓ縺ｫ縺｡縺ｯ縲√°縺咫縺ｾ縺ｨ繧∬ｲｷ縺夊ｲｩ.com縺ｧ縺吶
莉企ｱ縺ｯ縲∵眠蝙九う繝ｳ繝輔Ν繧ｨ繝ｳ繧ｶ縺ｮ蠖ｱ髻ｿ縺九√繧ｹ繧ｯ髢｢騾｣縺ｮ讀懃ｴ｢繝ｯ繝ｼ繝峨…
Tracked on 2009.05.23 12:40 pm by 繧ゅ＠繧８ordPress縺ｧ繝峨Ο繝繧ｷ繝ヴ繝ｳ繧ｰ縺励◆繧
breadcrumb-navigation-xt縺ｨ縺≧繝励Λ繧ｰ繧､繝ｳ
繝代Φ縺上★繝ｪ繧ｹ繝医ｒ陦ｨ遉ｺ縺輔○繧九繝ｩ繧ｰ繧､繝ｳ縺ｧ縲√し繧､繝郁ｨｪ蝠剰ｒ霑ｷ繧上○縺ｪ縺ぜ縺ｫ縺ｯ髱槫ｸｸ縺ｫ譛牙柑縺ｪ讖溯縺ｧ縺吶
迚ｹ縺ｫ謳ｺ蟶ｯ繧…
Tracked on 2009.07.09 6:55 am by 謳ｺ蟶ｯ繧ｵ繧､繝医〒蜑ｯ讌ｭ繧貞ｧ九ａ繧九ヶ繝ｭ繧ｰ
[...] ä½æããã®ãµã¤ãã®ä¸é¨ã®ãããªæãã ãã³ããããã²ã¼ã·ã§ã³ãã©ã°ã¤ã³ Breadcrumb Navigation XT | WordPress Go Go [...]
Pingbacked on 2009.07.16 5:07 pm by ç§ã使ã£ã¦ãã17åã®WordPressãã©ã°ã¤ã³ | Toolog.net
[...] Breadcrumb Navigation XT・・・パンくずリストを好きな場所に追加可能。このURLが詳しく設定方法載っています。 [...]
Pingbacked on 2010.09.29 8:41 pm by WordPressで登録しておくべきプラグイン | 風の吹く丘
Comment