GeneratePress テーマ：Rank Math SEOブレッドクラムを追加する

WordPress GeneratePress テーマは独自のフックを提供し、フックを使用して簡単に好きな場所にコンテンツを表示できます。 Naver カフェから GeneratePress テーマ無料版で、Rank Math SEOプラグインのブレッドクラムを追加する方法についての質問が上がって、以前に取り上げた内容ですが、別にまとめてみました。

ブレッドクラムを表示すると、Googleなどの検索エンジンに投稿が公開されると、移動経路（ブレッドクラム）が一緒に表示され、SEOに役立ちます。

GeneratePress テーマ：Rank Math SEOブレッドクラムを追加する

GPテーマは独自のフックを提供しているので、活用すればスクリプトやHTMLコード、PHPコード、ショートコード、テキストなどのコンテンツを簡単に好きな場所に追加できます。

Zener RatePressテーマのフックの詳細については、次の記事を参照してください。

• GeneratePress テーマフックを使用する

GeneratePress 有料版を使用する場合 ルックス » Elementsで新しいフックを作成し、コンテンツセクションに[rank_math_breadcrumb]と入力し、フックにはgenerate_before_entry_title（または別のフック）を選択します。

また、 Execute Shortcodesをチェックしなければショートコードが実行されません。

表示ルールでブレッドクラムを表示する部分の位置（ページ、シングルポスト、カテゴリページなど）を指定できます。

GeneratePress テーマ無料版でRank Mathブレッドクラムを追加する

以下では、 Rank Mathプラグインのブレッドクラム（探索経路、移動経路） GeneratePress テーマの無料版に追加する方法について説明します。 Yoast SEOブレッドクラムも同じ方法で追加できます。 Yoast SEOブレッドクラムの場合 ここを参照してください。

テーマ関数ファイルに追加するコード

チャイルドテーマの関数ファイル（functions.php）に次のコードを追加できます。

add_action( 'generate_after_header', function() {
    if ( function_exists('rank_math_the_breadcrumbs') ) {
        echo '<div class="grid-container grid-parent"><p id="breadcrumbs">';
        rank_math_the_breadcrumbs();
        echo '</p></div>';
    }
} );

その後、 generate_after_header フックを使用してヘッダーの下、ポスト/ページタイトルの上にブレッドクラムが表示されます。 generate_after_header フックの代わりに generate_before_entry_title フックを使用することもできます。 フックの正確な位置については、次の図を参照してください（下の画像をクリックすると拡大して見ることができます）。

変更を保存してアップロードすると、次のようにブレッドクラム（移動パス）が表示されます。 ブレッドクラムが表示されない場合は、キャッシュを削除してください。 クラウドウェイズの場合 サーバーキャッシュ削除しても、変更内容がすぐに表示されます。

ブレッドクラムスタイル CSSで調整できます。

参照

• GeneratePress テーマサイドバーを固定する
• WordPress Diviテーマ、AIで画像やテキストを無制限に生成可能なDivi AIをリリース（+ Divi Code AIを追加）
• ティーストーリーバックアップファイルを利用して WordPressに移行する（更新）