【WordPress】カスタム投稿タイプのアーカイブページと個別ページを作成

管理画面にある「プラグイン」→「新規プラグイン追加」をクリックします。

以下の画像のように、画面右上にある「プラグインの検索」フォームに「CPT UI」と入力します。

ケケンタ

すると、以下のような検索結果が表示されるかと思います。

続いて、「Custom Post Type UI」の「今すぐインストール」をクリックします。

ボタンの表示が「有効化」に変わるので、それをクリックします。

すると、画面上部に「今すぐリロードする」ボタンが表示されるため、それをクリックします。

テーマによっては「今すぐリロードする」ボタンが表示されません。
その場合は、お使いのキーボードの「Ctrl + R」キーを押してページ更新を行ってください。

まずは「CPT UI」→「投稿タイプの追加と編集」をクリックします。

以下のような画面が表示されたら、続いて「投稿タイプ情報」を入力していきます。

画面左下の「投稿タイプを追加」ボタンはまだ押さないようにして下さい

（例）入力する情報

各項目は任意の分かりやすいもので大丈夫です。
※「投稿タイプスラッグ」はファイル名やソースコード上でも使用します。

入力後

「投稿タイプを追加」ボタンは押さずに次のステップへお進み下さい。
もし押してしまった場合は、画面上部にある以下の「投稿タイプを編集」タブを押してください。

次に、「投稿タイプ」でアーカイブページが出力されるように設定を行っていきます。

同じ画面のまま、下の方へしばらくスクロールしていくと「アーカイブあり」という項目が見えてきます。

デフォルトでは「False」になっているため、これを「True」に変更します。

この手順はスキップすることも可能ではあるのですが、WordPressの仕組み上、上記のように「True＝有効」にすることで、このあと作成するアーカイブ用ファイルの作成が楽になります。

最後に、ページ最下部にある「投稿タイプを保存」ボタンをクリックします。

テーマディレクトリ直下にアーカイブ用のPHPファイル（テンプレートファイル）を作成します。

このとき、ファイル名は

archive-「CPT UIで設定した『投稿タイプスラッグ』」.php

として下さい。

（例）ファイル名

投稿タイプスラッグを「sample」とした場合、
archive-sample.php
にする。

（例）ファイルの作成

archive-○○○○.phpとすることで「『○○○○』というスラッグを持つ投稿タイプのアーカイブページ用ファイル」であることをWordPressに伝えることができます。
これにより、実際に「○○○○」のアーカイブページにアクセスしたときarchive-○○○○.phpが呼び出されます。

続いて作成したファイルの中に以下のソースコードを記述します。

<?php get_header(); ?>

<div>
    <?php if ( have_posts() ) : ?>
        <?php while ( have_posts() ) : the_post(); ?>
            <!-- カスタム投稿個別ページへのリンク -->
            <p>
              <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            </p>
        <?php endwhile; ?>
    <?php endif; ?>
</div>

<?php get_footer(); ?>

ケケンタ

ここまででいったんアーカイブページの作成は完了なのですが、実際の表示を見てみたいという方は以下のSTEP３以降もお進めください。

通常の「投稿」と同じ要領で、先ほど作成したカスタム投稿タイプに記事を追加します。

STEP３でサンプルの記事をいくつか追加できたら、実際にアーカイブページへアクセスしてみましょう。

アクセスする際は以下のURLをアドレスバーにご入力ください。

https://ドメイン/カスタム投稿タイプのスラッグ

（例）アーカイブページのURL
※カスタム投稿タイプのスラッグが「sample」の場合

https://kekenta-it-blog.com/sample

ケケンタ

すると、アーカイブページと共に追加したサンプル記事の一覧が表示されたかと思います。

個別ページ用のPHPファイル（テンプレートファイル）を作成します。

このとき、ファイル名は

single-「CPT UIで設定した『投稿タイプスラッグ』」.php

として下さい。

（例）ファイル名

投稿タイプスラッグを「sample」とした場合、
single-sample.php
にする。

ファイルの作成例

アーカイブページのときと同様の理屈で、single-○○○○.phpとすることで「『○○○○』というスラッグを持つ投稿タイプの個別ページ用ファイル」であることをWordPressに伝えることができます。
これにより、実際に「○○○○」の個別ページにアクセスしたときsingle-○○○○.phpが呼び出されます。

続いて作成したファイルの中に以下のソースコードを記述します。

<?php get_header(); ?>

<!-- タイトル -->
<?php the_title(); ?>
	
<!-- カスタム投稿本文 -->
<?php the_content(); ?>
		
<!-- カスタム投稿アーカイブページへのリンク -->
<a href="<?php echo esc_url(get_post_type_archive_link('カスタム投稿タイプのスラッグ')); ?>">アーカイブページ</a>

<?php get_footer(); ?>

ハイライト行（17行目）はアーカイブページへのリンクになっています。
※get_post_type_archive_link(‘カスタム投稿タイプのスラッグ’)と記述することで、指定したスラッグのアーカイブページのリンクを取得できます。

（例）スラッグが「sample」の場合
get_post_type_archive_link(‘sample’)