WordPress｜アイキャッチ画像の表示をphpで出力

WordPress：アイキャッチ画像をphpで出力

WordPressでアイキャッチ画像を表示させたいと思います。

まずアイキャッチ画像があるかどうかを確認するコードです。

has_post_thumbnail()

です。

出力に関してはこちらを利用します。

the_post_thumbnailです。

全体的なコードは

<?php if (has_post_thumbnail()) : ?>

<div class=”thmbnl”>
<?php
the_post_thumbnail(‘post-thunbnail’);

?>

</div>

<?php endif; ?>

これで表示できると思います。

前につけているdiv のクラスと　出力されるimg のタグを利用してサイズやカスタマイズができると思います。

CSSは

.thmbnl img{

width: 100%

}

などになると思います。

参考にしてみてください。

また、

has_post_thumbnail()　と　the_post_thumbnail(‘post-thunbnail’);は結構ペアで使われますので、

使いたいときにはif文で利用しましょう。