Breadcrumb NavXTの使い方　WordPressでパンくずリストを設置

導線の設計のためにWordpressのパンくずリストのプラグイン「Breadcrumb NavXT」を導入しました。パンくずリストのプラグインは、数多くあるのですが、これが１番よさそうでした。

WordPressのプラグインを使わなくてもよかったのですが、カテゴリに親子関係をつけた場合などのいろいろなケースを考えると、ややこしくなってくるので、プラグインにしました。

Breadcrumb NavXTの使い方　まずはコードを挿入

Breadcrumb NavXTをインストールしてプラグインを有効化したのち、Header.phpの１番下あたり次のコードを挿入します。

[php]
<!– パンくずリスト –>
<div class="breadcrumb">
<?php if(function_exists(‘bcn_display’))
{
bcn_display();
}?>
</div>
[/php]

なぜ、Header.phpのなのかといえば、一回の挿入で、投稿記事や固定記事を含め、すべての記事にパンくずリストを表示するためですね。Header.phpはどの画面にも使われていますから。Single.phpだけだと記事だけになります。

コードを挿入すると、１番左上にパンくずリストが表示されます。次にBreadcrumb NavXTのcssを設定します。Paddingなどを使って左を多めにずらしてあげる感じでしょうか。下記のような感じでしょうか。

[css]
div .breadcrumb {
margin: 0px;
padding: 10px 0px 10px 40px;
}
[/css]

プラグインの設定は、見ればわかるかと思うので省略(^^;。プラグインの設定は、あまりいじる必要はないかもですが、ホーム時に何て表示にするのかを指定できるので、そこだけ変えてあげてもいいかもしれません。あとはお好みで。^^