WordPress 記事詳細アイキャッチ画像の差し込み位置を変更する

テーマ「Twenty Seventeen」の記事詳細のアイキャッチ画像の入り方が微妙だったのでカスタマイズしました。

①外観＞テーマの編集＞テーマヘッダー (header.php)

以下のコードをはずす

if ( ( is_single() || ( is_page() && ! twentyseventeen_is_frontpage() ) ) && has_post_thumbnail( get_queried_object_id() ) ) :
	echo '<div class="single-featured-image-header">';
	echo get_the_post_thumbnail( get_queried_object_id(), 'twentyseventeen-featured-image' );
	echo '</div><!-- .single-featured-image-header -->';
endif;

②外観＞テーマの編集＞個別投稿 (single.php)

get_template_part( … の前に以下のコードを挿入

if ( is_single() && has_post_thumbnail() ) :
	echo '<p class="thumbnail">';
	the_post_thumbnail( 'twentyseventeen-featured-image' );
	echo '</p>';
endif;

③CSS調整