ハミングバードのアニメーションヘッダーを使わずにヘッダー画像をそのまま表示する方法

2017年1月30日追記

ハミングバードのバージョン1.2.5以降、当記事のカスタマイズをしなくてもトップページヘッダー画像をそのまま表示できるようになりました。
すでに子テーマにてparts_homeheader.phpを設置してカスタマイズされている場合は、子テーマから該当ファイル（parts_homeheader.php）を削除してください。

▼設定方法は下記動画より

ハミングバードの特徴として、トップページでアニメーションヘッダーがあります。

アイキャッチ画像とテキスト（リンクボタンも）がアニメーションで魅力的に表示される機能ですが、このアニメーションヘッダーを使わずに、ヘッダーの画像をそのまま表示したい場合のカスタマイズ方法を紹介したいと思います。

1 カスタマイズは子テーマで
2 parts_homeheader.phpをカスタマイズ
3 ヘッダー画像をそのまま表示するためのコード
- 3.1 追記するコード
- 3.2 parts_homeheader.phpのカスタマイズ後のコード
4 注意点

カスタマイズは子テーマで

テンプレートファイルを変更することになりますので、できるなら子テーマをご利用くださいませ。親テーマを直接カスタマイズしていただいても同様の結果となりますが、テーマをアップデートした際にデフォルトの状態にもどってしまいます。

まだ子テーマをご利用頂いていない場合は、子テーマのページからダウンロード＆インストールを行なって下さい。

parts_homeheader.phpをカスタマイズ

parts_homeheader.phpというファイルがございますので、まずこのファイルをFTPソフトやサーバーのファイル転送サービスを使って、子テーマ（hummingbird_custom）内にコピーします。

そして上で子テーマにコピーしたparts_homeheader.phpを開きます。

先頭に下記のようなコードが記されています。このコードの上に下の［追記するコード］で紹介する[追記するコード]を入力してください。

▼このコードよりも上に！
<?php if ( get_option( 'opencage_toppage_headeregtext' ) && get_optio~~~~~~~~

ヘッダー画像をそのまま表示するためのコード

下記コードをparts_homeheader.phpの一番上に追記します。（もしくはコードを全て置き換えてもかまいません。ただし、元のコードを消した場合はアニメーションヘッダーの機能が使えなくなります。）

追記するコード

<?php if ( !get_option( 'opencage_toppage_headeregtext' ) && !get_option( 'opencage_toppage_headeregtext' ) && get_theme_mod( 'opencage_toppage_headerbg' ) && is_front_page() && !is_paged() ) : ?>
<div id="custom_header2" style="text-align: center"><img src="<?php echo get_theme_mod( 'opencage_toppage_headerbg' ); ?>"></div>
<?php endif; ?>

このコードの追記により【外観 > カスタマイズ > トップページ設定】の【ヘッダー背景画像】に設定した画像が表示されるようになります。

parts_homeheader.phpのカスタマイズ後のコード

<?php if ( !get_option( 'opencage_toppage_headeregtext' ) && !get_option( 'opencage_toppage_headeregtext' ) && get_theme_mod( 'opencage_toppage_headerbg' ) && is_front_page() && !is_paged() ) : ?>
<div id="custom_header2" style="text-align: center"><img src="<?php echo get_theme_mod( 'opencage_toppage_headerbg' ); ?>"></div>
<?php endif; ?>


▼このコードよりも上に！（デフォルトのコード）
<?php if ( get_option( 'opencage_toppage_headeregtext' ) && get_optio~~~~~~~~

~~~~以下省略~~~~~