方法、手法

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

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

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

    ポンプダウンとは

    エアコンの取り外しで、次も使えるようにするためには確実なポンプダウンが…

  6. 方法、手法

    ブレインストーミングと10個のチェックリスト

    通称ブレストと呼ばれています。これは、会議方式のひとつで集団思考、集団…

A language is translated.

笑える記事

役に立つ記事

気になる記事

スポンサードリンク

応援していただける方はポチッと!

follow us in feedly
  1. 方法、手法

    加工硬化とは
  2. 考え方

    もしも車を運転中に煽られた場合
  3. 方法、手法

    ボールペンの保管方法
  4. 方法、手法

    髪の毛に付いたガムを取る方法
  5. 考え方

    過ちは人の常 To err is human .
PAGE TOP
%d人のブロガーが「いいね」をつけました。