バズ部　テーマXeory　base　カスタマイズ　メイン画像を表示させる

今回はバズ部のセオリーベースのロゴ画像ではなく、ヘッダーにメイン画像を表示します。

サンプルの画像はサイトが特定できないよう、カットしているので分かりにくかったらごめんなさい。

baseはブログ型のテーマなので、もともとメイン画像を登録する設定はありません。
ではどこで設定するの？

それはheader.phpです。
私は子テーマのフォルダの中にheader.phpをコピーして入れてあげます。
header.phpをローカルで開き編集します。

<?php bzb_header_social_buttons();?>
<?php if( has_nav_menu( 'global_nav' ) ){ ?>

が続けて書かれている場所を探します。

上の2行のちょうど間に画像のURLを入れてみました。

<?php bzb_header_social_buttons();?>
<img src="http://あなたのURL/wp-content/themes/Xeory-Base-child/imges/2.jpg" />
<?php if( has_nav_menu( 'global_nav' ) ){ ?>

これだけで画像は表示されます。
あとはお好みでdivに入れてスタイルを入れたりしたらよろしいかと思います。
私はスマホでは表示しないスタイルにしようかと思っております。