我的逻辑错了吗？试图将类别中的Wordpress最新帖子显示到页面

Question

我正在处理的代码驻留在一个二十七岁的儿童主题中，在content-front-page.php.我试图以某种方式显示每个类别（我有三个类别）中最近帖子的特色图像。如下所示：

最初，在每个彩色块中。我在php块中有这样一个代码：

        $recentport = new WP_Query(array('category_name' => 'ports-and-terminals', 'numberposts'=> 1, 'posts_per_page'=> 1));

        while($recentport->have_posts()): $recentport->the_post(); 
        $urlp = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'thumbnail' );
     ?>  
     <div style="height: 250px; position: relative">
         <div style="height:inherit; background: url('<?php echo $urlp;?>'); background-size:cover; "> <!--i-->
         <div id="img-overlay" style="height: inherit; background: linear-gradient(#0000ff, #000066); opacity: .7;">
         </div>

             <span class="feat-title-link">
                <a href="<?php the_permalink(); ?>">
                  <?php the_title_limit(75, '...'); ?>
                </a>
             </span>

         </div>
       </div>
     <?php
        endwhile;
        wp_reset_postdata();
     ?>

那不是我想要的。我想保持布局在第一张图片。所以...我将一个色块中的代码更改为这个来测试：

$args = array('category_name' => 'ebusiness', 'numberposts'=>'1');
     $recentcust = wp_get_recent_posts($args);
     foreach( $recentcust as $post ){
      $linkid = get_permalink($post["ID"]); 
      $thumb_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail' );
      $thumb_url = $thumb_url[0];
    echo '<a href="' . $linkid . '">' .$post["post_title"].'</a>';
    echo (!empty($thumb_url)) ? $thumb_url : 'No thumb!';
    }
    wp_reset_query();       
    //$recentebiz = new WP_Query(array('category_name' => 'ebusiness', 'post_per_page'=>1));

    //while($recentebiz->have_posts()): $recentebiz->the_post(); 
    //$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'thumbnail' );
  ?>  
   <div id="recentebiz-tile" style="background: url('<?php echo $thumb_url;?>');">
   </div>

以上代码不会填充每个类别中最近文章的特色图像。因此，我的问题。我的逻辑是：

1. $args=array（）；：$args变量保存下一行的参数。
2. $recentcust=wp\u get\u recent\u posts（$args）：$recentcust变量保存带有我的参数集的查询结果。
3. foreach（$recentcust as$post）{}循环遍历结果，并将它们分成$post.
4. 在foreach（）{}循环中：$linkid=get\u permalink（$post[“ID”]）：$linkid是带有$post ID的链接。
5. 在foreach（）{}循环内：$thumb\u url=wp\u get\u attachment\u image\u src（get\u post\u thumbnail\u id（$post-

但它没有显示它。我希望在每个代码块中显示特征图像。我知道我正在努力解决这个问题，但我想知道代码和Wordpress是如何工作的。我错过什么了吗？提前谢谢。

我使用的资源是为了产生以下代码：

• Wordpress.org Codex:wp\u get\u recent\u post
• Wordpress.org Codex:wp\u get\u attachment\u image\u src
• StackOverflow问题答案
• 还有一些人




Answer 1

你可以像这样一次完成所有的事情。。。

<?php 
$args = array('category_name' => 'ebusiness', 'numberposts'=>'1');
$posts = get_posts( $args );
foreach($posts as $post) {
$thumbnail_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array('220','220'), true );
?>
<div style="height: 250px; position: relative">
 <div style="height:inherit; background: url('<?php echo $thumbnail_url[0];?>'); background-size:cover; "> <!--i-->
 <div id="img-overlay" style="height: inherit; background: linear-gradient(#0000ff, #000066); opacity: .7;">
 </div>

     <span class="feat-title-link">
        <a href="<?php get_permalink($post->ID); ?>">
          <?php echo wp_trim_words( $post->post_title, 5, '...' );?>
        </a>
     </span>

 </div>
</div>
<?php
}
?>

Answer 2

在你的密码里

   $recentport = new WP_Query(array('category_name' => 'ports-and-terminals', 'numberposts'=> 1, 'posts_per_page'=> 1));

    while($recentport->have_posts()): $recentport->the_post(); 
    $urlp = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'thumbnail' );
 ?>  
 <div style="height: 250px; position: relative">
     <div style="height:inherit; background: url('<?php echo $urlp;?>'); background-size:cover; "> <!--i-->
     <div id="img-overlay" style="height: inherit; background: linear-gradient(#0000ff, #000066); opacity: .7;">
     </div>

         <span class="feat-title-link">
            <a href="<?php the_permalink(); ?>">
              <?php the_title_limit(75, '...'); ?>
            </a>
         </span>

     </div>
   </div>
 <?php
    endwhile;
    wp_reset_postdata();
 ?>

正如我所看到的，您将获得端口和终端的最新帖子，然后在HTML中显示它，while循环继续这样做。

我认为你应该做的是在收到最近的帖子后立即关闭而循环。

Answer 3

我已经想通了…不知怎么的。为了将来的参考，我从这里得到了代码片段。然后将其更改为：

<?php 
$args = array('category_name' => 'ebusiness', 'numberposts'=>'1');

$posts = get_posts( $args );

foreach($posts as $post) {
$thumbnail_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array('220','220'), true );
$thumbnail_url = $thumbnail_url[0];
echo ( !empty($thumbnail_url) ) ? $thumbnail_url : 'No thumb!';
}
wp_reset_query();
?>

然后，我使用另一个Foreach循环在不同的查询中返回具有相同args参数的永久链接和文章标题。

我只是想在理解带回图片的功能方面得到帮助。我知道有更好的方法。现在只需要帮忙弄清楚。