【WORDPRESS】アイキャッチ画像を表示する方法

WORDPRESSでアイキャッチ画像を表示する方法あれこれご紹介します。

アイキャッチ画像表示

[php]
<?php the_post_thumbnail(); ?>
[/php]

画像サイズ指定

サムネイル

[php]
<?php the_post_thumbnail('thumbnail'); ?>
[/php]

中サイズ

[php]
<?php the_post_thumbnail('medium'); ?>
[/php]

大サイズ

[php]
<?php the_post_thumbnail('large'); ?>
[/php]

フルサイズ

[php]
<?php the_post_thumbnail('full'); ?>
[/php]

カスタム(ピクセル指定)

[php]
<?php the_post_thumbnail( array(150, 150) ); ?>
[/php]

cssのクラスの付与

[php]
<?php the_post_thumbnail( 'thumbnail', array( 'class' => 'img-responsive' ) ); ?>
[/php]

この記事を書いた人

おおさか(@abiko41)

大坂デザイン事務所代表。WEB作ったりバンドロゴ作ったりしてます。
お仕事のご依頼は下記フォームより承っております 。お気軽にご連絡ください。
プロフィールはこちら

お問い合わせ