WordPressの記事で設定したアイキャッチ画像のURLを出力するにあたって、以下のPHPコードを出力したいところに記述することでアイキャッチ画像のURLを出力することができます!
<?php the_post_thumbnail_url(); ?>
目次
任意の画像サイズで切り抜かれたアイキャッチ画像のURLを出力したい場合は?
上で紹介したPHPコードですと、デフォルトサイズのアイキャッチ画像のURLが出力されますが、任意のサイズで切り抜かれたアイキャッチ画像のURLを出力することもできます!
サムネイルサイズで切り抜かれたアイキャッチ画像のURLを出力
サムネイルサイズで切り抜かれたアイキャッチ画像のURLを出力したい場合は、
<?php the_post_thumbnail_url('thumbnail'); ?>
と記述することで出力することができます。
中サイズで切り抜かれたアイキャッチ画像のURLを出力
中サイズで切り抜かれたアイキャッチ画像のURLを出力したい場合は、
<?php the_post_thumbnail_url('medium'); ?>
と記述することで出力することができます。
大サイズで切り抜かれたアイキャッチ画像のURLを出力
大サイズで切り抜かれたアイキャッチ画像のURLを出力したい場合は、
<?php the_post_thumbnail_url('large'); ?>
と記述することで出力することができます。
フルサイズで切り抜かれたアイキャッチ画像のURLを出力
フルサイズで切り抜かれたアイキャッチ画像のURLを出力したい場合は、
<?php the_post_thumbnail_url('full'); ?>
と記述することで出力することができます。
ちなみに、フルサイズに関してはデフォルトサイズと同じになるので、もしフルサイズのアイキャッチ画像を出力したい場合は、
<?php the_post_thumbnail_url(); ?>
でも代用可能です!
自分で設定したアイキャッチ画像のサイズでURLを出力したい場合は?
これまではWordPressでデフォルで設定されているアイキャッチ画像のサイズのそれぞれのURLの出力方法を紹介しましたが、自分でfunctions.phpで設定したアイキャッチ画像のサイズでURLを出力することもできます!
今回は例としてtest-imgというアイキャッチ画像のサイズを設定していたとした場合、以下のPHPコードを記述することでURLを出力することが可能です。
<?php the_post_thumbnail_url('test-img'); ?>
まとめ
以上がアイキャッチ画像のURLを出力する方法でした!
そこまで活用するような場面は多くないかもしれませんが、いざとなった時には使えるものだと思いますので、是非ともご活用ください!