WordPressで投稿した記事の一覧ページを作成する

投稿記事の一覧ページを作成してみます。

表示させるページ

投稿記事の一覧ページは、フロントページに表示する方法と固定ページに表示する方法があります。
管理画面の設定 > 表示設定 で「フロントページの表示」を「最新の投稿」にしている場合、以下のテンプレートのいずれかを使ってフロントページに一覧を表示できます。

1. front-page.php
2. home.php
3. index.php

「フロントページの表示」を「固定ページ」にしている場合、以下のテンプレートのいずれかを使って指定した固定ページに一覧を表示できます。

1. home.php
2. index.php

今回は投稿ページ用の固定ページを作成してみます。
　

作成方法

固定ページ > 新規追加 から一覧を表示させる固定ページを作成します。
一覧を表示させるので、本文は空で問題ありません。
入力が完了したら公開をクリックして公開しておきます。

次にフロントページの表示の設定を変更しておきます。
設定 > 表示設定 の「フロントページの表示」を「固定ページ」にして、「投稿ページ」を先ほど作成した固定ページにします。

これで管理画面での設定は完了しました。
home.phpのテンプレートを作成します。

PHP

<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
<div class="article">
	<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
	<div class="date"><?php echo get_the_date('Y.m.d'); ?></div>
	<div class="category"><?php the_category(); ?></div>
	<div class="tag"><?php the_tags(); ?></div>
	<div class="sentence"><?php the_content(); ?></div>
</div>
<?php endwhile; else: ?>
<div>記事がありませんでした。</div>
<?php endif; ?>

<div class="pager">
	<div><?php previous_posts_link('前のページ'); ?></div>
	<div><?php next_posts_link('次のページ'); ?></div>
</div>

テンプレート反映後にURLにアクセスすると、記事一覧が表示できていることが確認できました。