【Wordpress】投稿記事がすべてのカテゴリで表示される

Question

Wordpressで、投稿記事の一覧を取得しようとしています。
しかし、問題が起きています。

▼問題
記事には１つのカテゴリしか設定していないのに、
一覧ページでは作成しているすべてのカテゴリで表示されてしまいます。
しかもカテゴリごとに記事が1件ずつ投稿されていて、
重複して投稿されているように見えています。
URL：https://www.fcl-hid.com/blog/information-news

記事は「お知らせ」または「レビュー」で設定しています。（２つを複数設定している記事は無し）
例えば新たに「イベント」で1件投稿したら、「イベント」で全記事が追加で表示されます。

コードに問題あるのでしょうか。
ご教授いただけますと幸いです。よろしくお願いいたします。

以下コード

<ul class="display-posts-listing">
<?php $args = array(
'numberposts' => 20, //表示（取得）する記事の数
'post_type' => 'information', //投稿タイプの指定
'taxonomy' => 'informationcat',
'show_count' => 0,
'hide_empty' => 1
);
$posts = get_posts( $args );
$categories=get_categories($args);
foreach($categories as $category) {
$catid = $category -> term_id;
$catslug = $category -> slug;

if( $posts ) : foreach( $posts as $post ) : setup_postdata( $post ); ?>
	<li class="listing-item">
		<a href="<?php the_permalink(); ?>">
			<div class="left">
				<div class="img-wrapper">
					<div class="img-box">
						<?php if ( has_post_thumbnail()) { ?>
						<div class="image" style="background-image: url(<?php the_post_thumbnail_url( 'full' ); ?>);"></div>
							<?php } else { ?>
						<div class="image" style="background-image: url(<?php echo get_theme_file_uri( 'images/front/no_image.png' ); ?>);"></div>
							<?php } ?>
					</div>
				</div>
			</div>
			<div class="right">
				<div class="content-inner">
					<div class="cat-box">
						<div class="category" id="<?php echo strtoupper($catslug);?>"><?php echo $category->name; ?></div>
						<div class="date"><?php the_time('Y/m/d'); ?></div>
					</div>
					<div class="title"><?php the_title(); ?></div>
					<div class="contents pc"><?php get_excerpt(60);?></div>
					<div class="contents sp"><?php get_excerpt(40);?></div>
				</div>
				<div class="posts-btn"><img src="https://fcl-support.com/wp-content/themes/fcl/img/common/info_btn.jpg" alt="詳細はこちら" width="270"></div>
			</div>
		</a>
	</li>
	<?php endforeach; ?>
	<?php else : //記事が無い場合 ?>
	<li>
		<p>記事はまだありません。</p>
	</li>
<?php endif;
wp_reset_postdata(); //クエリのリセット ?>
<?php }?>
</ul>

Comments

[yukikp]

まず、get_posts関数とget_categories関数では、使える引数が違います。
https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/get_posts
こういうページで使い方に目を通しておくと良いと思います。

次に、socさんのコードを見ていると（$argsについては目をつむります）

（１）get_categories($args)である条件に当てはまるカテゴリーの一覧を取得します。
（２）それぞれのカテゴリーについて、foreachでループ回しながら、【事前に get_posts( $args )で取得した記事データ】を表示させているのですが、残念ながら、【事前に get_posts( $args )で取得した記事データ】は、1回目のループでも2回目のループでも、当然同一の内容になるわけです。
（だって、事前に記事データを取得しているわけですから）

なので、最初は「お知らせ」のカテゴリー名で記事を全て表示。次に、「レビュー」のカテゴリー名ですべての記事を表示させているという状況になっています。

get_posts関数の引数の設定の仕方だけで、「お知らせ」カテゴリーの記事だけを表示できるので、そのやり方を頑張って見つけてみてください。分からなければまた書きこんdねくださいね！

[soc]

ご返信いただきありがとうございます。
仕組みが少し理解できました！ありがとうございます。

Answer 1

自己解決いたしました。

また、やりたいことが抜けておりました。
日付順で表示したかったです。

<ul class="display-posts-listing">
<?php $args = array(
'posts_per_page' => 20, //表示（取得）する記事の数
'post_type' => 'information', //投稿タイプの指定
// 'taxonomy' => 'informationcat',
'orderby' => 'date',
'order' => 'DESC',
);

$info = new WP_Query($args);


if( $info->have_posts() ) : while( $info->have_posts() ) : $info->the_post(); ?>
	<li class="listing-item">
		<a href="<?php the_permalink(); ?>">
		<?php /*
			<div class="left">
				<div class="image" style="background-image:url(<?php the_post_thumbnail(); ?>);"></div>
			</div>
		*/ ?>
			<div class="left">
				<div class="img-wrapper">
					<div class="img-box">
						<?php if ( has_post_thumbnail()) { ?>
						<div class="image" style="background-image: url(<?php the_post_thumbnail_url( 'full' ); ?>);"></div>
							<?php } else { ?>
						<div class="image" style="background-image: url(<?php echo get_theme_file_uri( 'images/front/no_image.png' ); ?>);"></div>
							<?php } ?>
					</div>
				</div>
			</div>
			<div class="right">
				<div class="content-inner">
					<div class="cat-box">
						<?php
							$term = get_the_terms(get_the_ID(), 'informationcat');
						?>
						<?php if (! empty($term)) : ?>
						<div class="category" id="<?php echo strtoupper($term[0]->slug);?>"><?php echo $term[0]->name; ?></div>
						<?php endif; ?>
						<div class="date"><?php the_time('Y/m/d'); ?></div>
					</div>
					<div class="title"><?php the_title(); ?></div>
					<div class="contents pc"><?php get_excerpt(60);?></div>
					<div class="contents sp"><?php get_excerpt(40);?></div>
				</div>
				<div class="posts-btn"><img src="https://fcl-support.com/wp-content/themes/fcl/img/common/info_btn.jpg" alt="詳細はこちら" width="270"></div>
			</div>
		</a>
	</li>
	<?php endwhile; ?>
	<?php else : //記事が無い場合 ?>
	<li>
		<p>記事はまだありません。</p>
	</li>
<?php endif;
wp_reset_postdata(); //クエリのリセット ?>
</ul>

閲覧いただきありがとうございました。