Luxeritasで個別記事のタイトル下にアイキャッチ画像を表示させる方法（プラグイン使わない版）

2017年1月31日2021年5月4日

第０版 というサイトがございまして。

こちらのサイト（この記事を書いている 2017年1月31日時点では）、当方の拙作である Luxeritas を使っていただいてるようでござる。

※ 2017年1月31日時点の「第０版」スクリーンショット

あら、キレイ。（メニューのリボンにこだわりがあるらしい）

個別記事のタイトル下にアイキャッチ画像を表示させる

この「第０版」さんのサイトでは、

Luxeritasで個別記事のタイトル下にアイキャッチ画像を表示させる方法

という記事を紹介してくださっています。（ありがとうございます）

で・・・

Luxeritas 1.20 以前だと、この方法で十分だけど、

Luxeritas 1.21 以降なら、投稿と記事一覧や関連記事の抜粋を切り分ける目的で「the_content」をラッピングする「thk_content」というフィルターが追加されている。

このフィルターを使えば、同じことをプラグイン無しでもできるかな？

・・・と思ったので、ちょっくら試しにやってみた。

以下、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 );

一応できたけど・・・

うーん。

「第０版」さんで紹介してる技ではウィジェット領域を使っているので問題ないけど、上記の方法だと投稿に直接画像を追加してるので、画像と本文がピッタリくっついちゃってるなｗ

なんか変なので、スタイル追加。

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

うむ。

違和感なくなったｗ

まぁ、これを Luxeritas 本体に組み込むかどうかは、将来的に分からんけど、とりあえず、これで良いかなー？