方法、手法

パンくずリストの配置方法

パンくずリストの配置方法

wordpressでパンくずリストを設置

パンくずリストとは?

グリム童話のヘンゼルとグレーテルの仲で、主人公が道に迷わないようにパンくずを目印として利用したエピソードにちなんで、その名前が定着しました。

つまり、ホームページを構成していると深い階層に入っても、自分がどこにいるか判るようにする道しるべになるものが「パンくずリスト」。

とても、便利ですので、薄いホームページでないかぎり、閲覧者に親切だと思いますので、設置することをおすすめします。

 

「wordpress」で、パンくずリストを設置する方法として、私は「Breadcrumb NavXT」のプラグインを使用しています。

ですので、今回は「Breadcrumb NavXT」のプラグインをインストールして有効化している前提で記述します。

「Breadcrumb NavXT」は検索ですぐ見つかります。

「Breadcrumb NavXT」を有効化すれば、サイドバーに簡単にパンくずリストを設置することができます。

 

サイドバーに設置する方法

「外観」 → 「ウィジェット」 の順にクリックします。

サイドバーメニューに「Breadcrumb NavXT」のウィジェットをドラック&ドロップするだけ。

設定は、必ず「基本」を選択し、表示する場面をチェックいれればOK。

あと、問い合わせページなどの特に表示させる必要がないページを除外するためにはページIDを入力してください。

複数ページの場合は「 , 」で区切って入力します。

ページIDがわからない場合はこちらの記事を参考にしてください。

 

 

サイドバー以外に設置する方法

「外観」 → 「テーマの編集」 の順にクリックします。

ここで、ヘッターやフッター好きな位置に下記のタグをコピペすればOK¥。

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

このタグが、間違っていたり変更になっているかもしれませんので、タグのある場所を示しておきます。

「設定」 → 「Breadcrumb NavXT」 → 右上の「ヘルプ」 → 「Quick Start」 の順にクリックすれば、「Breadcrumb trail separators」のコードがそれに該当します。

 

 

 

follow us in feedly

ブログ記事を応援してくれる方はポチッっと下のボタンを押してね

そして、この記事をツイッター投稿してくれるなら下のボタンを押してね

 

関連記事

  1. 方法、手法

    ICAD/SX オペレーション(使い方)基本操作ガイド編

    CADというのは、意外に最低限のオペレーション機能だけで実は業務をまか…

  2. 方法、手法

    T字のカミソリを通常よりも長く使うためには

    カミソリの替え刃って、結構高いもんね。ちゃんとメンテナンスすれば、倍以…

  3. 方法、手法

    新車を安く買う方法、レクサスだって例外じゃない!

    このマニュアルには53万円の値引きが実現しているとなっています。…

  4. 方法、手法

    最近のクルマのフォグランプが黄色くない理由

    フォグランプを点灯させることにより、自分の存在を周りにアピールすること…

  5. 方法、手法

    その多数決、ちょっと待った!

    満場一致となるのが、一番望ましいことで、そうなればなにも決める方法から…

  6. 方法、手法

    炭酸飲料の飲み残し保存は蓋を閉めないほうが炭酸は抜けない

    炭酸が抜けないようにする方法はたったひとつ。飲み残した炭酸飲料に金属の…




役に立つ記事

気になる記事

笑える記事

follow us in feedly
  1. 方法、手法

    美味しいインスタントラーメンの作り方(スープは自作)
  2. メモ

    Search Regexのエラーについて
  3. 考え方

    車の内部循環と外気導入は普段どうするの?
  4. 考え方

    電子レンジを振り返って見る
  5. 方法、手法

    ハチに刺されたら覚えておくこと
PAGE TOP
%d人のブロガーが「いいね」をつけました。