アーカイブページ（archive.php）の作成 – [16]WordPressテーマ制作レッスン

このレッスンでは、任意のカテゴリーやタグなどに属している投稿を一覧表示させる際に利用するarchive.phpを作成していきます。

動画

レッスンの準備

Olein-jp/wp-theme-develop-lesson

Contribute to Olein-jp/wp-theme-develop-lesson development by creating an account on GitHub.

github.com

このレッスンでは、上記リポジトリのwp-lesson-16というディレクトリにあるファイルを使って学習を進めていきます。

WordPressのルートディレクトリにあるwp-contentの中のthemesにwp-lesson-16ディレクトリを設置しましょう。

アーカイブページ（archive.php）の作成

このレッスンでは、投稿一覧ページ（index.php）とは別に、任意のカテゴリーやタグに属する投稿の一覧を表示するアーカイブページ用にarchive.phpを作成してみます。

カテゴリーやタグのアーカイブページのテンプレートファイル優先順は以下のようになります。

カテゴリーの優先順位

1. category-{slug}.php
2. category-{id}.php
3. category.php
4. archive.php
5. index.php

タグの優先順位

1. tag-{slug}.php
2. tag-{id}.php
3. tag.php
4. archive.php
5. index.php

index.phpを複製してarchive.phpを作成

まずはタイトルを書き換えてみましょう。

<h1 class="p-archive-title">BLOG</h1>

こちらを

<h1 class="p-archive-title">ARCHIVE</h1>

この方法だと、どんなカテゴリーやタグの一覧なのかが一目で分かりにくいですね。そこでthe_archive_title()関数を利用します。

以下のように書き換えてみましょう。

<h1 class="p-archive-title"><?php the_archive_title(); ?></h1>