WP:アイキャッチ画像の有効化

2017.08.10

アイキャッチ画像を使用するには、functions.php に下記のコードを追加しましょう。

/**
 * アイキャッチ画像の有効化
 *
 */
add_theme_support( 'post-thumbnails' );

/**

* アイキャッチ画像の有効化

add_theme_support( 'post-thumbnails' );

有効化されると、投稿ページ右下にアイキャッチ画像の設定項目が表示されます。

テーマ内でアイキャッチ画像を表示させるには、下記のコードをテンプレートファイルに記述しましょう。

<?php if ( has_post_thumbnail()): ?>
<?php the_post_thumbnail(); ?>
<?php endif; ?>

<?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' );      // フルサイズ (アップロードした画像の元サイズ)

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' => 'クラス名' ) ); ?>

1	<?php echo get_the_post_thumbnail( $post_id, 'thumbnail', array( 'class' => 'クラス名' ) ); ?>

この記事を見た人は次の記事も見ています。

テキストにマーカーをつける

border の幅分ボックスからはみ出たときの対処

WP:アイキャッチ画像の有効化

この記事を見た人は次の記事も見ています。

コメント

最近の投稿

アーカイブ

RELATED

wordpressのディレクトリ変更の仕方

【CSS】clearfixの方法【float回り込み解除】

twitter,facebook,youtube埋め込み

CSSをSCSSに変換する

WordPressの固定ページのURLに.htmlをつける

要素の中身が変更されたとき実行