LoginSignup
1
3

More than 5 years have passed since last update.

WordPressでアイキャッチ画像を表示する方法

Posted at

パターン1 (最も王道)

qiita.rb
<?php the_post_thumbnail(); ?>

※参考:WordPress Codex

用例

  • アイキャッチ画像があればアイキャッチ画像を表示。なければ、特定の画像を表示
qiita.rb
<?php if (has_post_thumbnail()) : ?>
    <?php the_post_thumbnail(); ?>
<?php else : ?>
    <img src="http://placehold.it/800x350" alt="">
<?php endif ; ?>

パターン2

qiita.rb
<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>

※参考:WordPress Codex

用例

  • 背景画像をHTMLにインラインで記述し表示する
qiita.rb
<p style="background-image: url(<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>)"></p>
1
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3