Как вытащить изображения из поста WordPress, чтобы отобразить его на экране?

Question

Я пытаюсь отобразить что-то вроде миниатюры для своего поста. Есть ли функция WordPress, которая может сделать это? Я читал об избранных изображениях в WordPress, но не вижу возможности установить их на странице администратора WordPress.

Я также пытался использовать the_post_thumbnail(), но это не сработало.

Вот как выглядит мой div на данный момент:

<div class="card" style="width: 22rem;">
          <img src="<?php the_post_thumbnail(); ?>" class="card-img-top" alt="...">
          <div class="card-body">
            <h5 class="card-title"><?php the_title() ?></h5>
            <p class="card-text">Random Card content</p>
          </div>
</div>

Answer 1

the_post_thumbnail (); напрямую выводите изображение. Поэтому, пожалуйста, не используйте echo

the_post_thumbnail( $size, $attr ); 
the_post_thumbnail( 'thumbnail' );


<div class="card" style="width: 22rem;">
   <?php the_post_thumbnail('thumbnail'); ?>
          <div class="card-body">
            <h5 class="card-title"><?php the_title() ?></h5>
            <p class="card-text">Random Card content</p>
          </div>
</div>

Answer 2

Просто используйте:

<?php the_post_thumbnail(); ?>

Как показано ниже:

<div class="card" style="width: 22rem;">
      <?php the_post_thumbnail('post-thumbnail', ['class' => 'card-img-top']);?>

      <div class="card-body">
        <h5 class="card-title"><?php the_title(); ?></h5>
        <p class="card-text">Random Card content</p>
      </div>
</div>

Когда вы используете the_post_thumbnail(), не используйте дополнительную img метку!

Answer 3

Я также нашел другой способ сделать это, используя тег img

<img class="card-img-top" src="<?php the_post_thumbnail_url() ?>" alt="Card image cap">