方法、手法

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

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

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

    違う金属を接触させてはいけない理由

    街を歩いていて、ふと建材を見てみると、ステンレスの建材にアルミリベット…

  3. 方法、手法

    電車で痴漢の犯人に疑われたときに覚えておくこと!

    痴漢と間違われた人もホームに飛び降りる平たく言うと、「この人、痴漢です…

  4. 方法、手法

    加工硬化とは

    瀧 :「エアコンの配管(銅パイプ)も暖房運転 / 冷房運転の運転停止で…

  5. 方法、手法

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

    テレビの天気情報では、外気温が33度と発表されているのに、家の温度計で…

  6. 方法、手法

    おうぎ形面積の超簡単な求め方

    おうぎ形と三角形は、同じだと考えて大丈夫。底辺は弧の長さで、高さは半径…




役に立つ記事

気になる記事

笑える記事

follow us in feedly
  1. 考え方

    家族が末期癌になったときの話 2
  2. 方法、手法

    オームの法則とジュールの法則
  3. 思い出

    私がはじめて飼うことになった憧れのペット
  4. メモ

    白湯ダイエットの実践レポート
  5. 考え方

    私がメガネ購入した理由
PAGE TOP
%d人のブロガーが「いいね」をつけました。