WPでの新着記事表示がうまくできない

初めて投稿させていただきます。
初心者ですので、わからないなりにWPを使ってサイト制作をしています。
そこで、トップページの新着記事一覧に３件以下のように表示したいのですが
なかなかうまくいきません。（showposts=3と設定すると、liが3件表示されたものが2つ表示されてしまうのです）
どのように調べれば良いのか、どこをどう直せば良いのか、見本のコードなどありましたら教えていただけないでしょうか。
よろしくお願いいたします。

表示結果

投稿日時ブログタイトル
[カテゴリー]名

コード

<?php $categories = get_categories(); foreach($categories as $category) : ?> <?php query_posts('showposts=3'); if (have_posts()) : while (have_posts()) : the_post(); ?> <ul class="newslist"> <li class="newslist"> <span class="news_left"><?php the_time("Y/n/j"); ?> <div class="cate-icon <?php $cat = get_the_category(); $cat = $cat[0]; {echo "$cat->category_nicename";} ?>"><?php echo $cat->cat_name; ?></div></span> <span class="news_right news_button"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></span> </li> <?php endwhile; endif; ?> <?php endforeach;?> </ul>

行動規範の内容に同意します

回答1件

query_postsは非推奨です。
get_postsを代わりに使ってください。
ループの書き方も違和感がありますので、以下のようにしてみてください。

php
1<ul class="newslist"> 
2<?php 
3$topposts = get_posts('numberposts=3'); 
4if( $topposts ) : foreach($topposts as $post) : the_post();
5?>
6
7<li class="newslist"> 
8<span class="news_left"><?php the_time("Y/n/j"); ?> 
9<div class="cate-icon <?php $cat = get_the_category(); $cat = $cat[0]; {echo "$cat->category_nicename";} ?>"><?php echo $cat->cat_name; ?></div></span> 
10<span class="news_right news_button"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></span> 
11</li>  
12<?php endforeach; endif; ?> 
13</ul>