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

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

今回はバズ部のセオリーベースのロゴ画像ではなく、ヘッダーにメイン画像を表示します。
blo
サンプルの画像はサイトが特定できないよう、カットしているので分かりにくかったらごめんなさい。

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に入れてスタイルを入れたりしたらよろしいかと思います。
私はスマホでは表示しないスタイルにしようかと思っております。

もしお役に立てたり、クスッとして頂いたりご共感頂けた際にはポチっとして頂けますと記事への情熱になったりしなかったり。。。

  • にほんブログ村 子育てブログへ
  • にほんブログ村 IT技術ブログ WordPressへ
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

コメント

コメントを残す

*