Wordpress自定义帖子类型循环循环

Question

我很难将自己的脑袋缠绕在Wordpress的高级循环中，并且正在寻找一些方向。

这是我想要完成的事情的图像：

我正在使用Bootstrap 3的标签组件来显示我的内容。我创建了一个名为recipes的自定义帖子类型。每个配方都会生成一个显示标题的新选项卡。单击选项卡时，它将显示配方的内容。这些显示在三个“选项卡组”中。在三个帖子之后，另一个新的“标签组”被创建。

这是我到目前为止的代码：

<div class="container">
	<h2>Our Recipes</h2>
	<?php
		$args = array( 
			'category_name' => 'dessert',
			'orderby'=>'title','order'=>'ASC',
			'post_type' => 'recipes'
		);
		$count = 0;
		$loop = new get_posts($args);
		$start = 
		while ( $loop->have_posts() ) : $loop->the_post();
			if ($count % 3 == 0) { 
				echo '<div class="recipe-tabs">
					<ul class="nav nav-tabs">';
			}

			echo '<li>
				<a class="tab-link" href="#recipe-' . $post->ID . '" aria-controls="recipe-' . $post->ID . '" role="tab" data-toggle="tab" aria-expanded="true">'
					. get_the_post_thumbnail() .
				'</a>
			</li>';

			if ($count % 3 == 0) { 
				echo '</ul>
				</div>';
			}

			// This needs to be loaded once
			echo '<div class="tab-content"">';

			// This data needs to be in a foreach loop
			echo '<div role="tabpanel" class="tab-pane active" id="recipe-' . $post->ID . '">'
				. get_the_content() .
			'</div>';

			// This needs to be loaded once
			echo '</div>';
		endwhile;
		wp_reset_postdata();
	?>
</div>

我可以遍历标签并生成它们。我正在努力的是为每个组创建（单个）内容区域，然后循环选项卡内容。

如果我遗漏了任何有用的信息，请告诉我。和往常一样，谢谢你的帮助！