NavXTが圧倒的に多くの人に利用されているのがわかります。NavXTが一番細かな設定ができ、分かりやすくて使いやすかったです。NavXTは設定項目がたくさんあるので、一から設定するのは大変です。NavXTの設定内容について、備忘を兼ねてご紹介します。これから説明する内容を設定すると、以下のような表示イメージになります。NavXTのインストールまずはプラグインをインストールします。NavXT」を入力して検索し、「今すぐインストール」を押下します。インストールが完了したら有効化しましょう。NavXT」から行います。私は以下のとおり設定を行いました。一般タブパンくずリストの区切り以下の様に変更しています。"></i>&nbsp;&nbsp;これに変更すると、区切り文字が[____]になります。_は半角スペースです。Awesomeというアイコンフォントを使用しています。Menus等のプラグインが必要ですので、あらかじめインストールし、有効化しておきましょうホームページテンプレートホームページテンプレートは2箇所に修正を加えました。コードの中に、「title=”%title%へ移動”」という記述がありましたが、これを削除しました。これがあると、トップページにリンクするパンくずリストにマウスを合わせると、「〇〇〇(サイトタイトル)へ移動」という吹き出しが表示されてしまいます。不要なので消しています。HOME]に変更しました。「%htitle%」という記述を以下のように変更すればOKです。HOME一般タブについて、残りの項目は初期値から変更していません。以下の内容のままです。投稿タイプタブ投稿テンプレート(リンクなし)一般タブで投稿ページに対するリンクはしない設定にしているので、「投稿テンプレート(リンクなし)」のみ変更しました。投稿ページを示すパンくずリストに対して、ページタイトルの前にというアイコンを追加しました。「%htitle%」の前に以下のコードを追記すればOKです。fa-file"></i>投稿タイプタブについて、残りの項目は初期値から変更していません。以下の内容のままです。タクソノミータブカテゴリーテンプレートホームページテンプレートと同様に、2箇所に修正を加えました。コードの中に、「title=”%title%のカテゴリーアーカイブへ移動”」という記述がありましたが、これを削除しました。これがあると、カテゴリーを示すパンくずリストにマウスを合わせると、吹き出しが表示されてしまうためです。次に、カテゴリーを示すパンくずリストにのアイコンを追加しました。「%htitle%」の前に以下のコードを追記すればOKです。fa-folder"></i>タクソノミータブについて、残りの項目は初期値から変更していません。その他タブその他タブについては、以下のとおりの設定内容で、全く変更を加えていません。コードを追加するパンくずリストを表示するには、以下のコードをphpファイルに書き込む必要があります。Seventeenを利用していますが、「single.php」にコードを追加しました。追加すると、single.phpは以下の様になりました。最初だけちょっと抜粋します。if(function_exists('bcn_display')){bcn_display();}?></div>17行目から22行目までが追加したところですね。デザインについては、「style.css」で以下の様に変更しています。私の場合は、文字のサイズを小さくし、後はパンくずリストのリンクについて、色を黒くするように変更しています。マウスオーバーすると黄緑色になるようにしています。#32cd32;/*マウスオーバー時のリンク文字色*/}ページ全体の表示イメージとしては、以下の様になりました。記事の上段に表示されるようになっています。Seventeenの当初の表示位置から変更しています。パンくずリストは、読者がどのサイトのどこの位置にあるページを読んでいるのか視覚的にわかりやすくするだけではなく、SEOの対策にも非常に有効です。NavXTは非常に簡単に導入できるプラグインです。みなさんも利用してみてはいかがでしょうか。育児・マイホームアイテムレビューブロガーだちたまこんにちは!「だちたま」です。2人(4才・0才)の4人家族。元エンジニアの夫に教えてもらいながら、WordPressのカスタマイズ・プログラミングについてお勉強中。