Twenty Seventeenのヘッダーをページごとに変える

WordPressのデフォルトテンプレート”Twenty Seventeen”のカスタマイズで結構苦労した部分なので忘備録として。

手順
1.　./template-parts/header/内の“header-image.php”を複製し、別の名前で保存。
※今回便宜上”image01″と”image02″を作成してカスタマイズ。

2.　ブログページとサンプルページのトップ画像をそれぞれ別に表示するため、./template-parts/内の“header.php”に以下の内容を記述。

<?php
if ( is_front_page() ):
　　echo get_template_part( 'template-parts/header/header', 'image' );/*トップページヘッダー*/
　elseif ( is_page(※サンプルページのページID※)):
　　echo get_template_part( 'template-parts/header/header', 'image01' );/*サンプルページヘッダー*/
　elseif ( is_home() || is_single()):
　　echo get_template_part( 'template-parts/header/header', 'image02' );/*ブログページヘッダー*/
　endif;
?>

以上。

if文の書き方がちょっと特殊だったので最初迷いましたが、そこさえ気をつければ簡単な作業でした。

同じようなことで悩んでる方は、ぜひ参考にしてみてください。