【WordPress】カスタム投稿タイプの記事一覧の作り方

ワードプレスでテーマを構築していると必ず出てくる、ループでの一覧表示。

今回は、カスタム投稿タイプの記事一覧の方法を解説します。

まずはコード

<?php
    $args = array(
    'post_type' => 'information', // カスタム投稿タイプのslug（識別名）
    'posts_per_page' => 6, // 一覧に表示する件数
    );
    $the_query = new WP_Query($args);
if ($the_query->have_posts()) :
?>
<!-- 投稿がある場合の処理 -->
<ul>
    <?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
        <!-- 投稿ごとの処理開始 -->
        <li>
        <a href="<?php the_permalink(); ?>">
            <?php echo get_the_title(); ?>
            <?php echo get_the_date(); ?>
        </a>
        </li>
    <?php endwhile; ?>
    <!-- 投稿ごとの処理終了 -->
</ul>
<?php wp_reset_postdata(); ?>
<?php else : ?>
    <!-- 投稿が無い場合の処理 -->
    <p>投稿はまだありません</p>
<?php endif; ?>

今回は、「information」というslugのカスタム投稿タイプの一覧を表示してみました。

3行目の’information’のところを表示したいカスタム投稿タイプのslugに設定します。

その他細かなコードの説明はコード内のコメントアウトを見ていただければわかると思います。

ほかにもサムネイルやカテゴリなどもこのループ内で表示することもできます。