我已经创建了名为Recipes的CPT（自定义帖子类型）。

我想在垂直选项卡中显示所有我的配方。

例如检查下面我创建的图像。Image Example Click Here

在左侧，如图所示，我想显示CPT配方的贴子标题&；在右侧，我想显示该配方的内容。

我如何在Wordpress中做到这一点？任何人请帮忙。

我试过很多教程，但都是徒劳的。

这是我现在正在尝试的代码。接近但不完美。

     <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
     <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

    <div id="tabs">
        <ul>
        <?php //WordPress loop for custom post type
             $my_query = new WP_Query(\'post_type=training_courses\');
                 while ($my_query->have_posts()) : $my_query->the_post(); 
        ?>

             <li>
                <a href="#<?php the_ID(); ?> "><?php the_title(); ?></br>
                </a>
             </li>
                <?php endwhile; ?>
        </ul>

               <div class="side-tc">    
                   <div id="<?php the_ID(); ?> ">
                       <?php the_title(); ?></br>
                   </div>
               </div>
                   <?php wp_reset_query();?>
    </div>

<script type="text/javascript">
    $(\'#tabs\')
    .tabs()
    .addClass(\'ui-tabs-vertical ui-helper-clearfix\');
</script>                           

请帮助我解决这个问题，或者如果你可以建议我学习任何教程。

谢谢

感谢您的帮助。

拉吉夫