このページでは、Nishiki Pro テーマのヘッダーの上部/下部に何かしらのコンテンツを追加したい場合のカスタマイズ方法を解説しています。

目次

• サンプルコード
  • ヘッダーの上部にコンテンツを追加
  • ヘッダーの下部にコンテンツを追加
  • 入れるとこうなります

サンプルコード

ヘッダーの上部にコンテンツを追加

アクション「nishiki_pro_before_site_header」を使っています。

if ( ! function_exists( 'nishiki_pro_custom_before_site_header' ) ) {
    function nishiki_pro_custom_before_site_header() {
        echo wp_kses_post('<div class="center">ヘッダーの上にコンテンツ</div>');
    }
    
    add_action( 'nishiki_pro_before_site_header', 'nishiki_pro_custom_before_site_header', 10 );
}

ヘッダーの下部にコンテンツを追加

アクション「nishiki_pro_after_site_header」を使っています。

if ( ! function_exists( 'nishiki_pro_custom_after_site_header' ) ) {
    function nishiki_pro_custom_after_site_header() {
        echo wp_kses_post('<div class="center">ヘッダーの下にコンテンツ</div>');
    }
    
    add_action( 'nishiki_pro_after_site_header', 'nishiki_pro_custom_after_site_header', 10 );
}

入れるとこうなります