WordPressの投稿ページに同じカテゴリーの記事を表示させたい

Question

前提・実現したいこと

プラグインを使わず、表示中の投稿ページと同じカテゴリーの投稿を一覧で表示させたいです。

発生している問題

表示中のカテゴリーとは関係ない投稿が表示されます。

該当のソースコード

<ul class="related-post__parts related-post-list">
  
  <?php
  $categories = get_the_category($post->ID);
  
  $category_ID = array();
  foreach ($categories as $category) :
    array_push($category_ID, $category->cat_ID);
  endforeach;
  
  $args = array(
    'post__not_in' => array($post->ID),
    'posts_per_page' => 3,
    'category__in' => $category_ID,
    'orderby' => 'DESC'
  );

  $query = new WP_Query($args);
  if ($query->have_posts()) :
    while ($query->have_posts()) :
      $query->the_post();
  ?>

      <li class="related-post-list__item blogRelation-card">
        <a href="<?php the_permalink(); ?>" class="blogRelation-card__link">
          <div class="blogRelation-card__img-box-wrapper">
            <div class="blogRelation-card__img-box">
              <?php
              if (has_post_thumbnail()) :
                the_post_thumbnail('post-thumbnail', array('class' => 'blogRelation-card__img', 'alt' => the_title_attribute('echo=0')));
              else :
              ?>
                <img class="blogRelation-card__img" src="<?php echo get_template_directory_uri(); ?>/assets/images/common/no-image.jpg" alt="" />
              <?php endif; ?>
            </div>
          </div>
          <div class="blogRelation-card__body">
            <h3 class="blogRelation-card__title">
              <?php the_title(); ?>
            </h3>
          </div>
        </a>
      </li>

    <?php endwhile; ?>
  <?php else : ?>
    <p>関連記事はありません</p>
  <?php endif; ?>
  <?php wp_reset_query(); ?>

</ul>

試したこと

① 表示中の投稿ページのカテゴリーIDの表示はできました。→画面に表示されたカテゴリーIDはしっかり1つ（152）のみ表示されました。

①
<?php
$cat = get_the_category();
$cat = $cat[0];
$cat_id   = $cat->cat_ID;
?>

<?php echo  $cat_id; ?>

② 表示中の投稿ページのカテゴリーIDを指定して、カテゴリーのタイトルのみの表示もできました。→カテゴリーが同じ記事が1つあるので計2つ表示されました。

②
<?php $posts = get_posts('numberposts=30&category=152'); ?>
<?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<?php endforeach; endif; ?>

③表示中の投稿ページと同カテゴリーの投稿をタイトルのみ表示→これはなぜか29記事分のタイトルが表示されました。

<?php
$cat = get_the_category();
$cat = $cat[0];
$cat_id   = $cat->cat_ID;
?>

<?php $posts = get_posts('numberposts=30&category=$cat_id'); ?>
<?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<?php endforeach; endif; ?>

補足情報

開発環境はLocalです。
WP Migrationでテスト環境にアップしてみましたが同様の結果でした。

至らない点があるかと思いますが、
ご教授いただけると幸いです。

Answer 1

以下お試しいただくとどうなりますでしょうか？

該当のソースコード

category__in
↓
category__and

3

$posts = get_posts('numberposts=30&category=$cat_id');
↓
$posts = get_posts('numberposts=30&category=' . $cat_id);

こちらの認識が違っていたら教えていただければと思います。

Comments

[otakedesu]

ご回答ありがとうございます。

①
category__in
↓
category__and

変えてみましたが変化はありませんでした。

②
$posts = get_posts('numberposts=30&category=$cat_id');
↓
$posts = get_posts('numberposts=30&category=' . $cat_id);

こちら記事が7つ表示されました。全て別カテゴリーのものが表示されでります。

[euicnvhf202105]

検証ありがとうございます。

＞表示中の投稿ページと同じカテゴリーの投稿を一覧で表示
＞表示中のカテゴリーとは関係ない投稿が表示されます。
こちらは表示中の投稿が仮にAカテゴリとBカテゴリに所属していたら
以下のどちらの動きを希望されますでしょうか。

AカテゴリとBカテゴリのどちらかに所属している投稿の一覧 → category__in
AカテゴリとBカテゴリ両方に所属している投稿の一覧 → category__and

ご提示いただいたソースを簡易的にではありますが
こちらの開発環境で検証してみましたが
ソース内（該当のソースコード内）に問題はなさそうな気がします。

single.phpを単純にご提示のソースだけにして検証することは可能でしょうか。

パッと思いついた可能性としては

該当のソースコードの
wp_reset_query
を
wp_reset_postdata()
に変えてみる。

該当のソースコードのphpファイルに前後があれば
wp_reset_query、wp_reset_postdata()等でループをしっかりリセットできているかを確認。
↑header.phpやfooter.phpも外してみるといいかもしれません。

[otakedesu]

euicnvhf202105　様

ご回答いただき誠にありがとうございます。
euicnvhf202105様のアドバイスどおり実行したところ無事に実装できました。

該当コードの前のループがwp_reset_query、wp_reset_postdata()等でリセットできていなかったことが要員でした。
この度は本当にありがとうございました。