「WBS」「ガイアの夜明け」「がっちりマンデー!!」「カンブリア宮殿」などのテレビ番組で気になったニュースからお金と仕事を考えて豊かな生活を目指します。

[プラグイン] Breadcrumb NavXTの設定方法

2016年2月12日

WordPressでパンくずを表示するのに便利なプラグイン「Breadcrumb NavXT」の設定方法です。

Breadcrumb NavXTってなに?

「Breadcrumb NavXT」はWordPressでパンくずを自動的に表示してくれる大変便利なプラグインです。

パンくずは今見ているページがこのサイトのどの階層にいるのかを知らせてくれるものです。

このサイトの場合でしたら、

ホーム > HTML / CSS > WordPress > [プラグイン] Breadcrumb NavXTの設定方法

と表示されている部分がパンくずです。

パンくずを表示させることでSEOの改善にもつながると言われています。
また閲覧してくれたユーザーが回遊しやすくなるメリットもあります。

Breadcrumb NavXTの設定方法

WordPressにログインして、左側のメニューの中からプラグインをクリックします。

左側メニューのプラグインの「新規追加」をクリックしてください。

右上の検索窓に「Breadcrumb NavXT」と入力して検索してください。

「Breadcrumb NavXT」が表示されましたら、「今すぐインストール」をクリックしてください。

インストールが終わりましたらプラグインを有効化をクリックしてください。

プラグインが有効化されました。
次に「Breadcrumb NavXT」の設定を行います。左側のメニューの設定から「Breadcrumb NavXT」を選んでクリックしてください。

「Breadcrumb NavXT」の設定画面です。英語ですけど設定する部分は少なのでこのまま頑張りましょう。
必要になりそうな部分の設定を下記に記載していきますので、参考にしてください。

「Breadcrumb Separator」の設定

「Breadcrumb Separator」は文字と文字の間に入る部分です。
当サイトの場合は「>」の前後に全角スペースが入っています。
初期状態の「 > 」で「 > 」が入力されます。

「Link Current Item」の設定

現在のページにリンクを使用するかを決める項目です。
チェックをするとリンクを使用します。
こちらはどちらでも大丈夫だと思います。当サイトはリンクを使用しています。

「Home Breadcrumb」の設定

ホームをパンくずに含めるか含めないかの項目です。
特別な事情がなければ含めたほうが良いと思います。

phpの編集

あとはパンくずを表示したい場所に以下のソースを記入して頂ければ完成です。

    <div class="breadcrumbs">
        <?php if(function_exists('bcn_display'))
        {
            bcn_display();
        }?>
    </div>

少し設定は面倒ですけど、一度設定するとずっと使えますのでぜひとも設定してください。

  • ブログランキングへ
  • にほんブログ村

カテゴリー:Wordpress
タグ:

コメントを残す

プロフィール

嫁と4歳の息子の3人暮らしの30代後半のサラリーマンです。
詳しいプロフィール

カレンダー

2017年6月
« 5月    
 1234
567891011
12131415161718
19202122232425
2627282930  
  • ブログランキングへ
  • にほんブログ村

TOPに戻る