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

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

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

第0版のスクリーンショット

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

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

スポンサーリンク

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

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

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 );

タイトル下にアイキャッチ画像(その1)

一応できたけど・・・

うーん。

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

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

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

タイトル下にアイキャッチ画像(その2)

うむ。

違和感なくなったw

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

Luxeritas

Posted by るな