Web制作

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

Written by o-saka
【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]

この記事を書いた人

o-saka(@abiko41)

フリーランスでWEB作ったりロゴ作ったりしてます。
お仕事のご依頼等は下記フォームより承っております 。お気軽にお問い合わせください。

お問い合わせ