ワードプレス(WP)でパンくずリストを表示する方法

記事ページ上部にあるナビゲーションが前後記事へのページ移動だったので、パンくずリストに変更したいと思います。

パンくずリストは、サイト全体の中から現在見ているページを断層的に表示してくれるので、定番のナビゲーションとして多くのサイトで古くから使われています。できれば導入しておきたいインターフェイスです。

 

いつものようにリサーチをしてみると国内外さまざまなプラグインが見つかりました。その中から、国産&シンプルで通好みなカスタマイズが出来る、

Prime Strategy Bread Crumb

を導入したいと思います。

プラグインをインストール後、パンくずリスト導入場所のテンプレートを編集します。私の場合は記事ページの上部に表示させたかったので「loop-single.php」の頭の方に記述しました。元からあった前後記事ページへのリンクは削除します。

<div id="nav-above" class="navigation">
    <?php if ( function_exists( 'bread_crumb' ) ) { bread_crumb( 'type=string&home_label=ホーム' ); } ?>
</div><!-- #nav-above -->

設定はダッシュボードではなく、ここにオプションを指定することで行います。私の場合はパンくずリストをリスト形式(<li>)ではなくテキスト形式で構成させ、さらに「トップページ」という表示を「ホーム」に変更する指定を追加しました。

見た目は特に変更する必要がなかったのですが、変更したい方はCSSで対応しましょう。

 

広告