habakiri 固定ページ・個別（投稿）ページ・その他ページのヘッダー画像にアイキャッチ画像を使用

■Wordpressテーマ「habakiri」の子テーマで、固定ページ、個別ページ（投稿ページ）、その他ページのヘッダーに表示される画像を変更する。

・カスタマイズ前の状態では、各ページのヘッダー画像は固定で１枚に決まってしまっているので、固定ページの「アイキャッチ画像」に選択した画像をヘッダー画像として表示します。

・もし親ページがある場合は（子ページの場合は）親ページのアイキャッチ画像を表示する。

・ それ以外のページ（４０４ページや検索ページ）の場合は、指定のページのアイキャッチ画像を表示する。

■変更するファイル
wp-content/themes/habakiri-child/inc/class.entry-meta.php
（habakiri-childのフォルダ名は作成した際の子テーマのフォルダ）

■変更する箇所
行番号：26
あたりから、Display page header の設定場所が始まる。

行番号：34
でphpが終了した後辺りに、以下を追加します。

<?php
  global $post;
  $parent_id = $post->post_parent;
  if(get_the_post_thumbnail_url()):

?>

↑の説明
$parent_idに、親IDを代入
get_the_post_thumbnail_url()で、アイキャッチ画像が設定されているかどうか確認

<style>
  /*get_the_post_thumbnail_url*/
  .page-header{
    background:url(<?php echo get_the_post_thumbnail_url(get_the_ID(),'full'); ?>);
    background-size:cover;
  }
</style>

↑の説明
アイキャッチ画像が設定されている場合は、.page-headerのclassにbackgroundで自分のページget_the_ID()のアイキャッチ画像を指定してます

<?php
  elseif( is_page() && $parent_id > 0 ):
    if(!get_the_post_thumbnail_url($parent_id,'full')){
      $parent_id = 37;
    }
?>

<style>
/*is_prent_page*/
.page-header{
  background:url(<?php echo get_the_post_thumbnail_url($parent_id,'full'); ?>);
  background-size:cover;
}
</style>

↑の説明
固定ページかつ、親を持っているかの判断。
もし親がいれば、アイキャッチ画像を指定する際のIDを$parent_idにする。
親にアイキャッチ画像が設定されていなかったら、ID37に設定してあるアイキャッチ画像を使用する。

<?php
  else:
?>

↑の説明
その他の場合

<style>
/*else*/
.page-header{
  background:url(<?php echo get_the_post_thumbnail_url(37,'full'); ?>);
  background-size:cover;
}
</style>

↑の説明
今回はID37を例としてます。このIDのページに設定してあるアイキャッチ画像を使います。

<?php endif; ?>

if文終了