WordPressのテーマ自作（archive.php）

2022.9.26

WordPressのテーマ自作（archive.php）

今回は記事一覧ページ（archive.php）の作成方法をご紹介します。

テンプレートタグ

single.phpの編集で使うタグと同じですが、記載しておきます。

記事のリンク

<?php echo get_permalink(); ?>

投稿の公開日の取得

<?php the_time('Y.n.j'); ?>

カテゴリーの取得

<?php the_category(', '); ?>

タイトルの取得

<?php the_title(); ?>

記事内容の取得

<?php the_content(); ?>

アイキャッチ画像の取得

<?php the_post_thumbnail(); ?>

ページャー

<?php
    if ($the_query->max_num_pages > 1) {
        echo paginate_links(array(
            'base' => get_pagenum_link(1) . '%_%',
            'current' => max(1, $paged),
            'total' => $the_query->max_num_pages
        ));
    }
?>

<?php wp_reset_postdata(); ?>

archive.phpの編集（一例です）

<section id="archivePage">
    <h2>記事一覧</h2>
    <ul>
    <?php
        $paged = (int) get_query_var('paged');　//ページ番号を取得する
        $args = array(
            'posts_per_page' => 15,　//15個表示
            'paged' => $paged,　//サブループなので記載
            'orderby' => 'post_date',　//どの値でソートするかを指定
            'order' => 'DESC',　//降順
            'post_type' => 'post',
            'post_status' => 'publish'
        );
        $the_query = new WP_Query($args);
        if ( $the_query->have_posts() ) :
            while ( $the_query->have_posts() ) : $the_query->the_post();
    ?>
        <li>
            <a href="<?php echo get_permalink(); ?>">
                <div class="thumbnail"><?php the_post_thumbnail(); ?></div>
                <p class="title"><?php the_title(); ?></p>
				<p class="title"><?php the_content(); ?></p>
            </a>
        </li>
    <?php endwhile; endif; ?>
    </ul>	


    <div id="pageLink">
    <?php
        if ($the_query->max_num_pages > 1) {
            echo paginate_links(array(
                'base' => get_pagenum_link(1) . '%_%',
                'current' => max(1, $paged),
                'total' => $the_query->max_num_pages
            ));
        }
    ?>

    <?php wp_reset_postdata(); ?>				
    </div>
</section>