Luxeritasのテーマで個別記事のタイトルにアイキャッチ画像表示

2018/07/192019/03/05

先日より「Luxeritas」のテーマを利用してますが、以前のテーマでは記事のタイトルのしたにアイキャッチ画像を表示する設定をしていたので、「Luxeritas」でも同じ設定にしてみました。

テーマのテンプレートを変更してタイトルの下に画像を追加します。

編集するテンプレートは、Luxeritas Child Theme: テーマのための関数 (functions.php)です

function display_post_top_thumbnail( $content ){
	if( has_post_thumbnail() === true ) {
		global $post;
		$content = '<div class="post-top-thumbnail">' .  get_the_post_thumbnail( $post->ID, 'full' ) . '</div>' . $content;
	}
	return $content;
}
add_filter( 'thk_content', 'display_post_top_thumbnail', 11, 1 );

これで、タイトルの下にアイキャッチ画像が追加されますが、画像の下の余白がないので画像と記事の間がないのでスタイルシートを変更します

変更するスタイルシートは、Luxeritas Child Theme: スタイルシート (style.css)　です

.post-top-thumbnail {
	text-align: center;
	margin-bottom: 30px;
}