【Nishiki Pro】ヘッダー右上に電話番号・問い合わせボタンを設置するカスタマイズ

WordPress有料テーマ「Nishiki Pro」のカスタマイズテクニックです。

企業サイト定番デザインなんですが、ヘッダー右上に「電話番号」＋「問い合わせボタン」 を設置してみました。

まずはイメージ図です↓

デモサイトはこちら

Nishiki Proにはカスタマイズ用のフックが用意されています。フックを活用するとテーマファイルを直接編集する必要がないので、テーマのアップデートでカスタマイズ内容が消えることはありません。

本記事はフックを使い、ヘッダー右上に以下の要素を表示した自分用作業メモです。

・電話番号
・営業時間
・問い合わせボタン（任意のページへのリンク付き）
・問い合わせボタンその2（任意のページへのリンク付き）

【備考】
・記事執筆時に利用可能な最新バージョン（1.0.296）での解説です。