これから Nishiki Pro
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る
  1. ホーム
  2. マニュアル
  3. Nishiki Pro:フックを使ってヘッダーの上部/下部にお好みでコンテンツを追加する方法

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

注意!

ここからの情報は、PHP でコードが書けたり、ワードプレスのカスタマイズ知識や技術をある程度持っている上級者向けの内容として公開しています。

カスタマイズ用のプラグインを作ったり、子テーマを作って functions.php 内にコードを追記するなどで実装してください。

このようなカスタマイズがスラスラできるようになると、ワードプレスを扱う技術力も向上し、自信にもつながります。

もし駆け出しや初心者の方でも「やってみようかなぁ・・・」と、やる気がある方は、ぜひ挑戦してみてください!

サンプルコード

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

アクション「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 );
}

入れるとこうなります

※コンテンツの追加をわかりやすくするため
背景カラーをつけています。

WordPress テーマ Nishiki Pro

「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載した WordPress テーマです。

ブロックエディター機能を強化し、これまでの WordPress では難しかったコンテンツが簡単に作れます。

ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイトなど、様々な目的のウェブサイトに対応できるテーマです。

最新情報をチェック!

Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀

  • リリース情報
  • 新機能の紹介
  • 便利な使い方
  • 開発中の機能紹介
  • 導入事例
  • あるある日常ネタ

など