【パンくずリスト】WPプラグイン「Breadcrumb NavXT」【使い方】

パンくずリストとは？

パンくずリストとは、WEBサイトの各ページに表示するものです。
現在みているページ位置やたどってきたリンクの順番を知ることができます。

下の画像がよくある基本のパンくずデザインです。

パンくずリストのメリットは
・ユーザーが迷子にならない
・Googleのクロールをサポートする
です。

さらに詳しく知りたい方はこちらでわかりやすく説明されているので見てみてください。

Breadcrumb NavXT

WordPressプラグインです。HTMLで細かく記述が必要なものを、プラグインの場合は一回の設定で簡単に設置できるので便利です。

使用方法

プラグインのインストール

新規プラグインを追加＞「Breadcrumb NavXT」を検索
インストールして有効化を押します

コードをPHPファイルに貼る

以下のコードを貼り付けることで表示できます。

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

ページ内で位置を操作したい場合はbreadcrumb-nav(任意の名前).phpを作成して固定ページ内で表示しましょう

詳細設定

細かな設定は、設定＞Breadcrumb NavXT　から詳細設定をします。

・矢印の変更
パンくずの区切りから変更できます。初期は>が入っています。

・現在の項目にリンク
パンくずリストの現在ページ位置名にリンクをつけるかどうかを選択できます。

・ホームページパンくず
「TOP」などの任意のテキストに変更したい場合は %htitle% をTOPに変更します。
Fontawsomeのアイコンも使用できます。

以上で管理画面設定は完了です。

CSSで調整

最後にCSSで見た目を調整しましょう。

以上、プラグイン「Breadcrumb NavXT」の使用方法でした。

簡単に使えてサイトの評価も上がるので積極的にパンくずデザインを取り入れてみましょう。