方法、手法

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

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

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

    教科書にはない設計ノウハウ 板金設計の組み立て編

    板金設計の分野はシリーズ化して記事を投稿しています。曲げ加工編、ねじ穴…

  2. 方法、手法

    LINEの「非表示」「ブロック」「削除」の違いは何?

    二度と連絡を取りたく相手だと思って、LINEから削除しても…

  3. 方法、手法

    精神的に強くなる方法

    ウォーキングを継続すれば体も動かせて、精神的にもめっちゃ強くなれるって…

  4. 方法、手法

    ラブリコの自作代用品

    個人的には、自作する代用品の方が品質もデザインも良いと思っています。ま…

  5. 方法、手法

    絶対に得をする礼儀作法

    礼儀作法がきちんと身についていれば、身なりが多少ダメであっても、大きく…

  6. 方法、手法

    「知らなかった」では許されない交通ルール。

    Z警官は、「まぁいいっか」と見逃すが、几帳面なF警官は、「アウト!」っ…




役に立つ記事

気になる記事

笑える記事

follow us in feedly
  1. 方法、手法

    やわらかい固体の水の作り方
  2. 方法、手法

    「知らなかった」では許されない交通ルール。
  3. 考え方

    日本は破綻しなくて国民は借金などしていない事実
  4. 考え方

    台風の報道でよく見る「風速25m以上の暴風域」ってどんな感じ?
  5. 考え方

    気分転換やリフレッシュをしても疲れが残る理由
PAGE TOP
%d人のブロガーが「いいね」をつけました。