WordPress 2018.10.20

カスタム分類の一覧を取得し、トップページに最新5件表示

HPの導入事例やお客様の声など、カスタム分類を作ったときに
トップページ側で、最新５件を表示させたいとき。

カスタム投稿タイプは、プラグインの「Custom Post Type UI」をDLして作成。
今回は導入事例だったのでカスタム投稿タイプのスラッグは「cases」にしています。（※１行目）

divのclass「item_date」はなしでもOKですが
スマホサイズにしたときに、カテゴリと日付を横並びにしたかったのでくくっています。

liのクラスに、カテゴリ別のクラスを当てるようにしているので
li.スラッグ名 .item_date .cat{}
というスタイルで、出力されたカテゴリのCSSも装飾できます。
divのworks_linkのクラスの中は、普通のリンクですので削除可能。

<?php $worksItems = get_posts('post_type=cases&numberposts=5&order=desc'); ?>
                <ul class="works_list">
                    <?php foreach ($worksItems as $worksItem): ?>
                    <?php
                    $category = get_the_terms($worksItem,"cases_category")[0];
                    ?>
                        <li class="<?php echo $category->slug ?>">
                            <div class="item_date">
                                <span class="date"><?php echo date('Y/m/d', strtotime($worksItem->post_date)); ?></span>
                                <span class="cat"><?php echo esc_html($category->name); ?></span>
                            </div>
                            <a href="<?php echo get_permalink($worksItem->ID); ?>"><?php echo htmlspecialchars($worksItem->post_title); ?></a>
                        </li>
                    <?php endforeach; ?>
                </ul>
               <div class="works_link"><a href="<?php echo home_url('/'); ?>/works/">more</a></div>
        <?php if (have_posts()) : the_post(); ?>
            <?php the_content(__('≫ 続きを詳しく読む')); ?>
        <?php endif; ?>

$category = get_the_terms($worksItem,"cases_category")[0];

post_date)); ?>

name); ?>

post_title); ?>