将foreach循环的值放入div中

Question

   <?php
    $recent_posts = wp_get_recent_posts(array('post_type'=>'projet'));
    foreach( $recent_posts as $recent ){
        
        echo '<li><a href="' . get_permalink($recent["ID"]) . '" title="Look '.esc_attr($recent["post_title"]).'" >' .   $recent["post_title"].'</a> </li> ';
        if ( has_post_thumbnail( $recent["ID"]) ) {
            echo  get_the_post_thumbnail($recent["ID"],'thumbnail');
          }
        if (has_excerpt($recent["ID"]) ){
            // echo get_the_excerpt($recent["ID"],'the_excerpt');
            echo '<p class="excerpt">' . get_the_excerpt($recent["ID"],'the_excerpt') . '</p>';
          }
    }
?>

嗨，我想知道如何把我所有的foreach循环放在div中？我希望每个$recent_posts都在一个div中，现在它们一个接一个。（顺便说一句，这是我在这里的第一个帖子，如果我不清楚的话，请原谅）

##编辑##这里是我的html：

null

<h2><a href="http://localhost/wordpress/projet/projet-3/" title="Look Maquette UX/UI">Maquette UX/UI</a></h2> <img width="150" height="150" src="http://localhost/wordpress/wp-content/uploads/2021/04/vignette_maquette-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image"
  alt="" loading="lazy" />
<p class="excerpt">Projet 1</p>
<h2><a href="http://localhost/wordpress/projet/projet-2/" title="Look Intégration Baniera">Intégration Baniera</a></h2> <img width="150" height="150" src="http://localhost/wordpress/wp-content/uploads/2021/04/vignette_baniera_homepage-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image"
  alt="" loading="lazy" />
<p class="excerpt">Projet 2</p>
<h2><a href="http://localhost/wordpress/projet/projet-1/" title="Look Intégration PHP">Intégration PHP</a></h2> <img width="150" height="150" src="http://localhost/wordpress/wp-content/uploads/2021/04/order_homepage-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image"
  alt="" loading="lazy" />
<p class="excerpt">Projet 3</p>
<p class="excerpt"></p>
</div>

null

我希望每个“组”都在一个分区里，现在他们都在一起

现在可以工作了，我包装了foreach的内容，如下所示：

<?php
$recent_posts = wp_get_recent_posts(array('post_type'=>'projet'));
foreach( $recent_posts as $recent ){
    echo '<div class="foreach_wrapper">';

    echo '<h2><a href="' . get_permalink($recent["ID"]) . '" title="Look '.esc_attr($recent["post_title"]).'" >' .   $recent["post_title"].'</a></h2> ';
    if ( has_post_thumbnail( $recent["ID"]) ) {
        echo  get_the_post_thumbnail($recent["ID"],'thumbnail');
      }
    if (has_excerpt($recent["ID"]) ){
        // echo get_the_excerpt($recent["ID"],'the_excerpt');
        echo '<p class="excerpt">' . get_the_excerpt($recent["ID"],'the_excerpt') . '</p>';
      }

    echo '</div>';
}

？>

Answer 1

您可以在foreach周围回显一个div。一个小提示是，您正在使用

元素，但忘记了

包装器。请使用HTML验证器验证您的HTML。

   <?php
    echo '<div>'; /* I added this */

    $recent_posts = wp_get_recent_posts(array('post_type'=>'projet'));
    foreach( $recent_posts as $recent ){
        
        echo '<li><a href="' . get_permalink($recent["ID"]) . '" title="Look '.esc_attr($recent["post_title"]).'" >' .   $recent["post_title"].'</a> </li> ';
        if ( has_post_thumbnail( $recent["ID"]) ) {
            echo  get_the_post_thumbnail($recent["ID"],'thumbnail');
          }
        if (has_excerpt($recent["ID"]) ){
            // echo get_the_excerpt($recent["ID"],'the_excerpt');
            echo '<p class="excerpt">' . get_the_excerpt($recent["ID"],'the_excerpt') . '</p>';
          }
    }

    echo '</div>'; /* I added this */

?>