![](https://cxg-design.jp/wp-content/uploads/2024/04/cptbanner03.png)
CPT TOP LOOP
CPT一覧表示コードです。ポストタイプは、all_works、タクソノミーはkindsです。
トップページに6点の投稿サムネイルを表示します。
<?php
$custom_posts = get_posts(array(
'post_type' => 'all_works',
'posts_per_page' => 6,
));
global $post;
?>
<?php if($custom_posts): ?>
<?php foreach($custom_posts as $post): setup_postdata($post); ?>
<article class="works fade-in fade-in-up" >
<div class="about-works-icon zoomIn">
<a href="<?php echo esc_url(get_permalink()); ?>">
<?php if(has_post_thumbnail()): ?>
<?php the_post_thumbnail('medium_large'); ?>
<?php endif; ?>
</a>
</div>
<a class="detail-link" href="<?php echo esc_url(get_permalink()); ?>">
<p class="title"><?php the_title(); ?></p>
<p class="news-text">
<?php
$terms = get_the_terms($post->ID, 'kinds');
if ($terms) :
foreach ($terms as $term) {
echo '<span>' . $term->name . '</span>';
}
endif;
?>
</p>
</a>
</article>
<?php endforeach; ?>
<?php endif; wp_reset_postdata(); ?>