WPマガジン
WP-MAGAZINE  wordpress  パンくずリストを表示するプラグイン Breadcrumb NavXT
630 views

パンくずリストを表示するプラグイン Breadcrumb NavXT

wordpressのサイトで簡単にパンくずリストを表示するオススメのプラグインをご紹介。構造化マークアップの方法についても合わせて解説しております。
パンくずリストを表示するプラグイン Breadcrumb NavXTのイメージ

wordpressのテンプレート作成で地味に厄介なのが、パンくずの設定です。 パンくずを自前で作成するとなると高度なプラグラミングが必要になってきます。 そして、あらゆるパターン(カスタム投稿タイプなど)に対応する場合は、時間と労力がかかってしまいます。

私は、プログラミングがそこまで出来ませんので、プラグインに頼っております。 パンくずリストを表示するプラグインでオススメなのが「Breadcrumb NavXT」です。

Breadcrumb NavXTがおすすめ

Breadcrumb NavXTがおすすめな理由は以下になります。

  • 設置方法が簡単
  • 設定がシンプル
  • 構造化マークアップの設定が可能

設置方法がとても簡単で、インストールし、有効化したあと、表示するためのコードを貼るだけで、パンくずを表示してくれます。

Breadcrumb NavXTのインストール

WordPress の管理画面の左側のメニューにある [プラグイン] > [新規追加]から、プラグインの検索ページに移動をし、 ページ上部にある検索窓にプラグイン名を入力し、検索を行います。 プラグイン名は「Breadcrumb NavXT」です。
Breadcrumb NavXTを検索

「今すぐインストール」 ボタンをクリックし、インストール後、「有効化」をし、使用準備完了です。

ファイルを自分でアップロードする場合は、以下のページからプラグインのファイル一式をダウンロードできます。
アップロード場所は、サーバにあるwordpressディレクトリ内にある「plugins」内になります。

プラグインのアップロード場所はpluginsディレクトリ

パンくずを表示するために記述するコード

インストールし、有効化した後に表示させたいページのテンプレートに以下のコードを記述すると表示されます。
パンくずを表示記するコード

グローバルナビの下などによく設置をしております。 使用しているテンプレートによって異なるかと思いますが、私の場合は、header.phpに設定をしております。

Breadcrumb NavXTのパンくず

設定の変更

WordPressの管理画面の左側のメニューにある [設定] > [Breadcrumb NavXT]から、設定画面に移動ができます。

設定できる内容は、パンくずの区切る文字の設定やトップページの表記の変更、パンくずを表示する投稿タイプごとの表記の設定などが行なえます。 特に変更せずにデフォルトで表示可能です。

Breadcrumb NavXTの設定画面

パンくずの構造化マークアップの設定について

準備中です

まとめ

とてもに簡単にパンくずリストの表示設定できます。 使用しているテーマや作成しているテーマにパンくずリストの機能がない場合は、こちらの 「Breadcrumb NavXT」プラグインが便利ですので、ご参考ください。

 

こちらの記事もよく読まれています

最新の記事

wordpress
wordpressのアイキャッチ関連の便利なコード一覧
wordpress
記事内・投稿・固定ページでテンプレートファイルを呼び出す方法
wordpress
wordpressの個別のテンプレートの設定
wordpress
wordpressのURLに入るcategoryの対処法
wordpress
カスタムフィールド系プラグインならAdvanced Custom Fields
wordpress
wordpressのセキュリティ
基礎知識
パンくずリストについて
wordpress
パンくずリストを表示するプラグイン Breadcrumb NavXT
wordpress
WordPressの管理画面へのログインページにBasic認証を設定
基礎知識
Basic認証とは

人気の記事

wordpress
wordpressのURLに入るcategoryの対処法
10272views
1
WP-MAGAZINE
WP-MAGAZINE
10072views
2
wordpress
wordpressのアイキャッチ関連の便利なコード一覧
3618views
3
wordpress
WordPressの管理画面へのログインページにBasic認証を設定
3325views
4
お問い合わせ
お問い合わせ
2054views
5