OnePressのカスタマイズ－4. ヘッダに連絡先を追加する
WordPressのテーマ「OnePress」で作るウェブサイトのヘッダ部分の上部に、会社の電話番号などの連絡先を表示させるカスタマイズ方法です。
まず、OnePressのヘッダ部分がどのようになっているのか、OnePressのテーマフォルダ内にある「header.php」というファイルを開いて、内容を確認してみます。すると、22行目あたりに
<?php do_action( 'onepress_before_site_start' ); ?>
というアクションフックが用意されていることが分かります。ここで、自分で用意した関数を実行させることができるわけです。
具体的な関数の例がこちらに掲載されています。
この例に倣って、OnePressの子テーマのほうの「functions.php」に以下のような記述を追加してみます。
function test() {
?>
<div class="site-topbar">
<div class="container">
<div class="topbar-content text-right">
<i class="fa fa-phone"></i> CONTACT: 00-000-0000 -
mail@xxxxxx.xxx <a href="https://www.facebook.com/********/" target="_blank"><i class="fa fa-facebook-square"></i></a> <i class="fa fa-linkedin-square"></i>
</div>
</div>
</div>
<?php
}
add_action ('onepress_before_site_start', 'test');
このようにすると、サイト上部に連絡先等の情報を表示させることができます。
この場合のテーマ設定として、「カスタマイズ」→「テーマオプション」→「ヘッダー」で「ヘッダーの透過」をしない設定にしておくとよいようです。