WordPressにパンくずリストを表示するプラグイン - Breadcrumb Nav XT

サイト内でのページ位置を分かり易く表示する「パンくずリスト」をWPで表示するプラグインの紹介です。
検索エンジンからのサイト訪問者に分かり易くナビをする事で、ユーザビリティの向上に繋がります。

Breadcrumb Navigation XTをダウンロード。

解凍したら wp-content/plugins/ にアップロードして、プラグインの管理から有効化します。

コード埋め込み ▼

テンプレートのパンクズリストを表示したい箇所に以下のコードをコピペします。

         <?php if (class_exists('breadcrumb_navigation_xt')) {
           
              // New breadcrumb object
              $mybreadcrumb = new breadcrumb_navigation_xt;
              // Options for breadcrumb_navigation_xt
              $mybreadcrumb->opt['title_blog'] = 'Home';
              $mybreadcrumb->opt['separator'] = ' &raquo; ';
              $mybreadcrumb->opt['singleblogpost_category_display'] = true;
              // Display the breadcrumb
              $mybreadcrumb->display();
          } ?>
  • title_blog　：　ブログのタイトルを指定
  • separator　：　区切り文字の変更

プラグインエディタでのカスタマイズが可能で、
以下の画像の赤枠の文字を削除、もしくは日本語に修正することができます。

こちらの画像のBlog article、Archive、Archive by category以外にも
Browse toなど表示を変えたい場合に修正して下さい。
HTMLタグもこちらに記述できます。

プラグインエディタでカスタマイズ

プラグインエディタでもタグを入れれますが、テンプレートに直接リストタグを入れる方法です。

          <ul id="pzList">
            <li>
            <?php if (class_exists('breadcrumb_navigation_xt')) {
             
                // New breadcrumb object
                $mybreadcrumb = new breadcrumb_navigation_xt;
                // Options for breadcrumb_navigation_xt
                $mybreadcrumb->opt['title_blog'] = 'Home';
                $mybreadcrumb->opt['separator'] = ' &raquo; </li><li>';
                $mybreadcrumb->opt['singleblogpost_category_display'] = true;
                // Display the breadcrumb
                $mybreadcrumb->display();
            } ?>
            </li>
          </ul>
画像