アイキャッチ画像を使用するには、functions.php に下記のコードを追加しましょう。
/** * アイキャッチ画像の有効化 * */ add_theme_support( 'post-thumbnails' );
有効化されると、投稿ページ右下にアイキャッチ画像の設定項目が表示されます。
テーマ内でアイキャッチ画像を表示させるには、下記のコードをテンプレートファイルに記述しましょう。
<?php if ( has_post_thumbnail()): ?> <?php the_post_thumbnail(); ?> <?php endif; ?>
表示サイズについては下記を参照
the_post_thumbnail( 'thumbnail' ); // サムネイル (デフォルトでは 150x150px) the_post_thumbnail( 'medium' ); // 中サイズ (デフォルトでは 300x300px) the_post_thumbnail( 'large' ); // 大サイズ (デフォルトでは 640x640px) the_post_thumbnail( 'full' ); // フルサイズ (アップロードした画像の元サイズ)
classを追加する場合は
<?php echo get_the_post_thumbnail( $post_id, 'thumbnail', array( 'class' => 'クラス名' ) ); ?>