循环使用 PHP 和 WordPress 按类别组织和显示自定义帖子

Question

我正在开发一个页面，该页面要求我在手风琴式下拉列表中显示自定义帖子类型的类别列表。类别名称将作为手风琴标题，内容将是与每个特定类别相关联的帖子。下图总结了我最终要完成的工作。

我已经能够成功检索类别名称并将它们分配给手风琴下拉列表，但发生的情况是我的代码正在添加新单元格，即使这两个帖子与类似的类别名称相关联。

Arrrrrg，我觉得我很接近！这是到目前为止我的代码的一个片段。

<div id="accordion" class="col-8" role="tablist" aria-multiselectable="true">

              <?php 

                    $args = array(

                        'post_type' => 'our_work',

                        'posts_per_page' => -1,

                        'orderby' => 'category',

                        'hide_empty' => 0,

                    );  

                    $loop = new WP_Query( $args );

                    while ( $loop->have_posts() ) : $loop->the_post();

                ?>

        <div class="card box-shadow">

            <div class="card-header" role="tab" id="<?php the_ID(); ?>">

                <h5 class="mb-0">

                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse<?php the_ID(); ?>"

                        aria-expanded="false" aria-controls="collapseOne">

                        <?php

                          foreach((get_the_category()) as $category) { 

                              echo $category->cat_name . ' '; 

                          }

                        ?>

                    </a>

                </h5>

            </div>

            <div id="collapse<?php the_ID(); ?>" style="transition: all 0.5s ease 0s;" class="collapse nomnom"

                role="tabpanel" aria-labelledby="heading<?php the_ID(); ?>">

                <div class="card-block">

                    <h1><?php the_title(); ?></h1>

                    <p><?php the_Content(); ?></p>

                </div>

            </div>

        </div>

        <?php endwhile; wp_reset_query(); ?>

    </div>

我怀疑正在发生的是我没有正确设置我的循环并因此添加了一个新单元格。

我对使用“WordPress 循环”还很陌生，所以任何建议都将不胜感激！！！