パンくずリストのHOMEの文字を変更する方法

WordPressでテーマを使っている場合、パンくずリストのHOME部分を自由に変更したいことがあります。今回はテーマカスタマイザーとフィルターを使って簡単に変更する方法を紹介します。

1 functions.phpに追加するコード

以下のコードを子テーマの functions.php に追加してください。


//-------------------------------------------
// パンくずのHOME部分を書き換える
//-------------------------------------------
function add_breadcrumb_customizer( $wp_customize ) {
    $wp_customize->add_section( 
        'custom_breadcrumb', array(
            'title'    => 'パンくずHOME文字変更',
            'priority' => 10,   //メニューの順番
        )
    );

    // パンくずHOME文字変更設定
    $wp_customize->add_setting( 
        'breadcrumb_text', array(
            'default'   => 'HOME',
            'transport' => 'refresh'
        )
    );

    $wp_customize->add_control( 
        'breadcrumb_text', array(
            'section'  => 'custom_breadcrumb',
            'settings' => 'breadcrumb_text',
            'label'    => '表示させたいHOME文字',
            'type'     => 'text',
            'priority' => 1,
        )
    );
}
add_action( 'customize_register', 'add_breadcrumb_customizer' );
補足:

  1. title はカスタマイザー画面に表示されるセクション名です。管理画面上で分かりやすい名前に変更してください。
  2. label はテキストボックスのラベルです。ここに表示したいHOME文字の説明を入れると分かりやすくなります。
  3. 「HOME」以外の文字に変更した場合も、テーマのフィルターで自動的にパンくずに反映されます。
  4. この設定はカスタマイザー上で編集可能なので、PHPコードを触らなくてもHOME文字を変更できます。
  5. 管理画面→外観→カスタマイズ→パンくずHOME文字変更→表示させたいHOME文字のテキストボックスで任意のタイトルに変更→「公開」ボタンをクリックして保存

2 完成イメージ

Lightning 管理画面
パンくずのHOME文字を変更する方法

これでカスタマイザーからHOME文字を自由に変更できるようになります。