【WordPress】パン屑リストをプラグインで設置する方法【Breadcrumb NavXT】

ワードプレスプラグインでパン屑リスト作成のサムネイル
目次

パン屑リストのプラグイン

Breadcrumb NavXTが有名ですが、更新頻度が低く、この記事執筆時点では「最終更新: 7か月前」「使用中の WordPress バージョンで未検証」と少し不安を感じる状態です。

WordPressプラグインBreadcrumb NavXTの画像

筆者個人としては、更新頻度が非常に遅いのが気になります。セキュリティ対策として、コードを書ける人にはパン屑リストの自作をオススメしたいです。

あわせて読みたい
WordPress|パン屑リストの3種類の作り方を比較 3種類のパン屑リスト作成方法の比較 この記事では、WordPressでパン屑リストを作るための3種類の方法を比較し、メリット・デメリットをまとめました。パン屑リストを...

Breadcrumb NavXTの使い方

使い方はパン屑リストを設置したい箇所に下記のコードをコピペするだけです。

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
  <?php if (function_exists('bcn_display')) {
    bcn_display();
  } ?>
</div>

詳細設定

WordPress管理画面>設定>Breadcrumb NavXTで、このプラグインの詳細設定に入っていけます。

ホーム・TOP表記への変更

初期設定では、本来「ホーム」や「TOP」などと表示される項目が、「サイト名」そのままになっています。都合が悪い場合はBreadcrumb NavXTの詳細設定画面で変更が必要です。

具体的な変更方法としては、「ホームページテンプレート」のコードのうち「%htitle%」を「ホーム」や「TOP」などと入れ替えて下さい。

CSS変更

Chromeのデベロッパーツールで確認すると、各HTMLタグには自動的にclass属性が付与されていました。

ですので、そのclass属性に対してCSSを当てれば、簡単にパン屑リストの外見を変更することが出来ます。

自分のテストサイトで実験した結果

概ね正しく表示されていましたが、一箇所だけ表示がバグっていました。

バグっていた箇所は、カテゴリーアーカイブページで、親のアーカイブ項目が表示されていませんでした。なお、タクソノミーアーカイブページは親のアーカイブ項目まで表示されています。

具体的にはカテゴリーアーカイブページで、本来「ホーム>技術情報>HTML」と表示させたいところを、実際は「ホーム>HTML」階層が一つ抜け落ちた表示となってしまいました。

Breadcrumb NavXTの詳細設定画面で色々試してみましたが、簡単には解決できなさそうでした。

結論

以上のように細かいバグを気にしなければ、このプラグインは非常に便利です。

ですが、上のようなバグや更新頻度の遅さを気にするのであれば、やはりパン屑リストの自作をオススメしたいと思います。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

■清水WEB制作代表
■コーディング:WordPress(オリジナルテーマ制作等)・HTML・Sass・FLOCSS・JavaScript(jQuery)等
■集客力:YouTube/Instagram/ブログでそれぞれ登録者数16000人/フォロワー13000人/月間最大アクセス50000PVの集客実績があります
■文章作成:博士号所有、会社員時代は科学雑誌に寄稿していたので文章作成も得意です
■写真技術:Amazon Kindle出版で、写真集・撮影編集解説書を5冊好評発売中です

目次