記事の取得がうまくできません

いつもお世話になっております。

階層はこのようになっています。

カスタム投稿タイプは２つ使用しています。
・食べ物のページ　－　カスタム投稿タイプ
・野菜のページ － カスタム投稿タイプ

┗食べ物の種類　　－　タクソノミー
　┗野菜　　　　－　親ターム
　　┗葉っぱ　　　－　子ターム(single-食べ物のページ.phpで表示)
　　　┗キャベツ　－　孫ターム(single-食べ物のページ.phpで表示)
　　　　┗キャベツについての投稿(single-野菜のページ.phpで表示)
　　　┗小松菜　　－　孫ターム
　　　　┗小松菜についての投稿(single-野菜のページ.phpで表示)
　　　┗レタス　　－　孫ターム
　　　　┗レタスについての投稿(single-野菜のページ.phpで表示)

そして現在、taxonomy-食べ物.phpで、以下のように記述しています。

<h2>葉っぱ</h2>
<?php
$term = array_shift(get_the_terms($post->ID, '食べ物の種類'));
?>

 <?php $tax_posts = get_posts('post_type=食べ物のページ&taxonomy=食べ物の種類&order=asc&exclude='.get_the_ID().'&term='.esc_html($term->slug)); if($tax_posts): ?>

<div>
  <?php foreach($tax_posts as $tax_post): ?>
   <?php $hoge = new WP_Query('post_type=野菜のページ&showposts=1&orderby=rand&taxonomy=食べ物の種類&exclude='.get_the_ID().'&term='.esc_html($term->slug));
     while($hoge->have_posts()) : $hoge->the_post();?>
      <li>
        <a href="<?php echo get_permalink($tax_post->ID); ?>"><img src="<?php the_field( 'カスタムフィールド値', $hoge->ID ); ?>" alt="" /></a>
        <p><?php echo esc_html($tax_post->post_title); ?></p>
      </li>
   <?php endwhile;?>
  <?php endforeach; ?>
 <?php endif; ?>
<div>

リンクとタイトルは、食べ物のページ(カスタム投稿タイプ)から取得し、
画像だけ野菜のページ(カスタム投稿タイプ)から取得する、という記述です。

しかしこのコードの場合、

<li>キャベツ(小松菜の画像)</li>
<li>小松菜(レタスの画像)</li>
<li>レタス(レタスの画像)</li>

というように、ぐちゃぐちゃで取得されてしまいます。
キャベツはキャベツの画像の中でランダム1枚表示、小松菜は小松菜の・・・としたいのですがうまくいきません。

どのような条件をプラスすれば、選別できますでしょうか？
しばらくの間、これで詰まってしまっています・・・；
よろしければ、ご教授よろしくお願いいたします。