Luxeritasテーマの個別記事に自動でアイキャッチ+キャプションを表示させる

2018年6月26日

記事冒頭のアイキャッチを自動で表示させるようにしてみましょう。Luxeritasは本当に素敵なテーマですねえ……。

個別記事に自動でアイキャッチとキャプションを表示させる

↑この記事にある、テーマ製作者のるなさんのコードにちょろっと付け加えてキャプションがあれば自動で表示するようにしました。

子テーマのfunctions.phpに以下のコードを追加します。

/* 投稿自動サムネイルキャプション表示 */
function display_post_top_thumbnail( $content ){
    if( has_post_thumbnail() === true ) {
        global $post;
        $my_thumb = get_the_post_thumbnail( $post->ID, 'thumb710' ) ;
        if ($caption = get_post(get_post_thumbnail_id())->post_excerpt){$my_thumb = $my_thumb . '<p class="post-top-caption">'.$caption.'</p>';}
        $content = '<div class="post-top-thumbnail">' . $my_thumb . '</div>' . $content;
    }
    return $content;
}
add_filter( 'thk_content', 'display_post_top_thumbnail', 11, 1 );

画像サイズはデフォルトのサイドバー336pxに合わせて、710pxにしています。ここはご自分で利用してるサイズに合わせてください。

style.cssをいじって、アイキャッチ下に一行分くらい空けたほうが見やすそうかな?
後は文字を小さくするとか、好きに整えてあげれば良いのではないかと。

/* アイキャッチ */
.post .post-top-thumbnail{margin-bottom:1em;}
.post .post-top-caption{font-size:12px;font-size:1.2rem;color:#666;}