方法、手法

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

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

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. 方法、手法

    有料道路で降りるインターを間違えても無料でUターンできる方法

    なにかの拍子に目的のインターチェンジを通過してしまった場合は、堂々とU…

  2. 方法、手法

    文章の『、』は、どのタイミングで打てばいいのか

    『、』のことを読点(とうてん)といいますが、どのタイミングで打つのか、…

  3. 方法、手法

    浴室を綺麗に保つコスパ最高の方法

    これを噴霧しておけば、黒カビや赤カビが生えにくくなったり、水垢や石鹸カ…

  4. 方法、手法

    Windows10でブルーライトを100%カットする方法

    Windows10となりますが、強制的に100%ブルーライトをカットす…

  5. 方法、手法

    エアコンに頼らず、家を涼しくする方法 風編

    熱いカラダを冷ますのに、うちわで扇ぐと涼しく感じるのは、この原理と同じ…

  6. 方法、手法

    冬のバイク生活に必要なグリップヒーターの自作

    市販のグリップヒーターはグリップのゴム内部にニクロム線が埋め込まれてい…

役に立つ記事

気になる記事

笑える記事

  1. 方法、手法

    本の紹介「医者が教えるサウナの教科書」
  2. 考え方

    マックシェイクの原料はサラダ油!
  3. 方法、手法

    スマホで通話中に画面が暗くなって、なにも操作が出来なくなる!
  4. 考え方

    本の紹介「7つの習慣」
  5. 思い出

    見習いに殺されかけた善ちゃん!
PAGE TOP