WordPress ブレッドクラムの適用方法（総合）

WordPressにブレッドクラムを追加すると、ユーザーが簡単に移動経路をクリックして移動することができ、Googleのようないくつかの検索エンジンに移動経路が表示されるので、SEOに有利です。 この記事では、さまざまな WordPress ブレッドクラムの適用方法について説明します。

ブレッドクラム（breadcrumb）はヘンゼルとグレーテルで道に痕跡を残すためにパンの部分を残したことに由来したもので、ユーザーインターフェイスでは、現在のユーザーがどのような位置にいるかどうかを視覚的に示す手法の一つです。

[この記事は最新です WordPress インターフェースを反映して、2026年3月26日に最後に更新されました。 ]

WordPress ブレッドクラムの適用方法1 - テーマ機能の使用

最も簡単な方法は、 WordPress テーマでブレッドクラム（Breadcrumb）機能を提供する場合、テーマ機能を使用することです。 いくつかの有料テーマでブレッドクラム有効にするオプションを提供しています。

テーマでは、この機能を提供すると、別のプラグインをインストールすることなく移動経路をページとポストに表示することができます。

Avada

ベストセラーのテーマである Avada (Avada)は WordPress 管理ページ » Avada »オプションに移動し、 パンくずリストで検索してブレッドクラム関連のオプションを指定できます。

ポストカテゴリ/用語に移動パスを表示するかどうかなど、さまざまなオプションを設定できます。

Newspaper テーマ

人気ニュース、マガジンのテーマである Newspaper (Newspaper)でもブレッドクラムを設定するためのオプションを提供しています。 Newspaper テーマの場合 Newspaper » Theme panel » Template Settings (テンプレート設定)に移動し、 パン粉 セクションでの移動経路と関連する様々なオプションを設定することができます。

WordPress ブレッドクラムの適用方法1 - SEOプラグイン機能の活用

テーマでブレッドクラム機能を提供していない場合は、いくつかのSEOプラグインを利用することができます。

Yoast SEOプラグイン

Yoast SEOを使用している場合、このプラグインで提供されるブレッドクラム機能を使用することができます。 WordPress ダッシュボード»Yoast SEO»設定»上級»ブレッドクラム（位置表示） セクションでは、ブレッドクラム関連機能（ブレッドクラム区切り文字、ホームページアンカーテキストなど）を設定できます。

ブロードクラムを表示するには、次のコードを適切なテーマファイルに追加します。

<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>

通常single.phpファイルとpage.phpファイル内の適切な位置に追加することができ、テーマに沿ってheader.phpファイルに直接追加することができている場合もあります。 追加する場所はテーマによって差があります。 必ず チャイルドテーマを作って、コードを配置してください。

Yoast文書によると、ほとんどの雨WooTheme (non-WooTheme）テーマでは、このコードスニペットを関数ファイル（functions.php）に追加しないでください。

機会があれば、このブログに現在適用されている GeneratePress テーマにブレッドクラムコードスニペットを追加する方法を見てみましょう。 👉下の「GeneratePress テーマにYoast SEO / Rank Math SEOブレッドクラムを適用する方法「セクションを参照してください。

Rank Mathプラグイン

Rank Mathプラグインを使用している場合、 Rank Math SEO » General Settings (一般設定) » Breadcrumbsでブレッドクラム関連オプションを設定することができます。

デフォルトでは、ブレッドクラム機能が無効になっているようです。無効になっている場合 Breadcrumbs機能の有効化をオンにします。

移動経路をページとポストに表示するには、次のコードをテーマの適切なファイルに追加するようにします。

<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>

または、次のショートコードを好きなところに挿入してもされます。

[rank_math_breadcrumb]

GeneratePress テーマにYoast SEO / Rank Math SEOブレッドクラムを適用する方法

GeneratePress 有料版 GPプレミアムをインストールした場合は、Elementを使用してブレッドクラムを好きな場所に簡単に追加できます。

1 WordPress 管理者ページで 形状 » Elementsをクリックして、 Add New Elementを押して新しい要素を作成します。以下のポップアップが表示された場合 「Hook」を選択して、 創造する ボタンを押します。

2 以下のように 新しいフックを追加 画面が表示されます。

フック名に適切な名前を入力し、フィールドにブレッドクラムショートコードを入力します。 Rank Math SEOのブレッドクラムショートコードは次のとおりです。

[rank_math_breadcrumb]

Yoast SEOプラグインを使用する場合は、次のショートコードを使用してください。

[wpseo_breadcrumb]

上の図は、Rank Mathブレッドクラムショートコードの入力を示しています。

「Hook」に適したフック（例： generate_before_entry_title)を選択して Execute Shortcodes オプションをチェックします。

3 表示ルール タブをクリックして、 所在地でブレッドクラムを表示する場所を選択します（例： 投稿 » All 投稿).

4 右上の 公開 ボタンをクリックして要素（要素）を公開します。

ブレッドクラムが表示されない場合は、次の点を確認してください。

1. Yoast SEOまたはRank Math SEOでブレッドクラム機能が有効になっていますか？
2. キャッシュプラグインのキャッシュを削除してみてください。
3. フック追加画面でショートコード実行オプションを有効にしましたか？
4. 正しいフックが選択されましたか？
5. 表示ルールでLocationが正しく設定されていますか？

WordPress ブレッドクラムの適用方法3 - プラグインの使用

別の方法としてブレッドクラムのプラグインを使用することができます。 WordPress ブレッドクラムのプラグインで ブレッドクラムNavXTを使用してみることができます。 このプラグインは、現在80万人以上のサイトにインストールされて有効になっています。

この無料のプラグインをインストールした後 WordPress 伝言板>設定> Breadcrumb NavXTでオプションを設定することができます。 WordPress ページのポストに移動経路情報を表示するには、次のコードを適切な場所に追加するようにします。

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

同様に、子テーマ（チャイルドテーマ、サブテーマ）を作成作業してください。

最後に、

以上で WordPressでブレッドクラム（移動経路）を表示するさまざまな方法について説明しました。 テーマへの移動経路を表示する機能があれば活用することができ、そうでない場合SEOプラグインやブレッドクラム専用のプラグインを使用してみることができます。

参考までに、Google検索コンソールでのナビゲーションパスの問題（「itemListElement」フィールドがありません エラー）が発生した場合、ブレッドクラムを表示すると問題が解決します。

メモ：

• 効果的なライティングのためのRank Math活用方法（SEOライティング）
• WordPress SEOプラグインYoast SEOの代替Rank Math