ユーザーが今サイトのどのページを見ているのかを分かりやすく表示したパンくずリスト。

ユーザビリティの向上だけでなく、SEOにおいても効果を期待できるため、サイトの必須項目であるといってもいいでしょう。

【Catch Breadcrumb】は、パンくずリストを簡単に表示することのできるプラグイン。

パンくずリストを表示したい位置を指定することができます。

インストール

または、配布サイトからダウンロードして、インストール。

手動でインストールする方法はコチラ

あわせて読みたい

WordPressのプラグインをインストールする方法 WordPressのプラグインをインストールする方法は、全部で3つあります。

【Catch Breadcrumb】の設定

STEP

Catch Breadcrumbを開く

プラグインを有効化すると、管理画面 内に【Catch Breadcrumb】項目が追加されるので、そこから設定を行います。

STEP

項目の設定

Content Selector	パンくずリストを表示するセレクタの指定 指定したセレクタの手前または後ろにパンくずリストを表示する
Display Breadcrumb	パンくずリストを表示する位置の選択 Before：手前 After：後ろ
Breadcrumb Separator	パンくずリストのセパレーター（区切り文字）の指定
Enable Home Icon	ホームアイコンを表示するかの選択
Enable On Home Page	ホームページ（トップページ）にパンくずリストを表示するかの選択
Reset Options	設定をデフォルトに戻す場合に選択

STEP

保存

項目を設定したらSave Changesをクリックして、設定を保存します。

任意の位置にパンくずリストを表示したい場合

『Content Selector』に指定した位置にパンくずリストは自動的に表示されますが、コードを記述して任意の位置にパンくずリストを表示することもできます。

テーマファイルにコードを記述して表示する場合

<?php echo do_shortcode( '[catch-breadcrumb]' ); ?>

ショートコードを記述して表示する場合

[catch-breadcrumb]

動作確認環境

まとめ