在静态html页面上显示最新的wordpress特色图片

Question

我有一个wordpress博客页面安装在我的网站的子文件夹（从html转换）和一个静态的html主页。我想在主页上显示3个最新的帖子及其特色图片。有了下面的代码，我可以显示最新的帖子文本，但我不知道如何显示帖子的特色图像。index.php的wordpress自定义主题，我把特色照片放在div：

<div id="blogphoto"><?php the_post_thumbnail(); ?></div>

这是静态html index.php页面上的代码，该页面正在发布最新的帖子。有人能帮我得到这些帖子的特色图片吗？

<div id="wp-post">

      <?php
      
      $args = array('numberposts'=>1);
      $recent_posts=wp_get_recent_posts($args);
      foreach( $recent_posts as $recent_post ){
      echo "<h3>".$recent_post['post_title']."</h3> <br>"; 
      echo "<span>".$recent_post['post_date']."</span> <br>";
      echo  "<p>".$recent_post['post_content']."</p><br><br>";
      
      }
      ?>
     </div>
    
    <div id="wp-post2">
    <?php
    
    $args = array('numberposts'=>1 , 'offset'=>1 );
    $recent_posts=wp_get_recent_posts($args);
    foreach( $recent_posts as $recent_post ){ 
    echo "<span>".$recent_post['post_title']."</span> <br>";
    echo  "<p>".$recent_post['post_content']."</p><br><br>";
    }

    ?>
    </div>

    <div id="wp-post3">
    <?php
    
    $args = array('numberposts'=>1 , 'offset'=>2 );
    $recent_posts=wp_get_recent_posts($args);
    foreach( $recent_posts as $recent_post ){ 
    echo "<span>".$recent_post['post_title']."</span> <br>";
    echo  "<p>".$recent_post['post_content']."</p><br><br>";
    }

    ?>
    </div>

Answer 1

请尝试使用此代码发布\u缩略图获取功能图像

<?php
if ( $query->have_posts() ) {
    $i = 1;
    while($query->have_posts()) { 
        echo '<div id="wp-post-'.$i.'">';
        $query->the_post();
        ?><h2><?php the_title(); ?></h2>
        <?php
        if ( has_post_thumbnail() ) { // only print out the thumbnail if it actually has one
            echo '<p>post says it has a featured image</p>'; // double checking
            the_post_thumbnail('thumbnail');
        } else {
            echo '<p>this post does not have a featured image</p>';
        }
        echo '</div>';
        $i++;
    }
} else {
    echo '<p>no posts found</p>';
}
?>