0から始めるWordPress自作テーマ作成【固定ページ作成編】

更新日：2022年11月11日 / 投稿日：2020年09月13日

WordPressをゼロから作成するを目的にご紹介しています。前回はTOPページの表示方法からテンプレートタグについてご紹介いたしました。

これまでを振り返ると、HTMLの切り分けからTOPページの表示までをご紹介いたしましたが、今回は固定ページの作成方法についてご紹介いたします。

WordPressには投稿タイプと固定ページという概念があり、今回は固定ページを使った下層ページの作成方法を順を追って説明していきます。

固定ページと投稿ページの違いについては、以下の記事をご覧下さい。

関連記事：固定ページと投稿ページの違いについて

関連記事：特定の固定ページの内容を取得して表示させる方法【WordPress】

～目次～

1 下層ページになるテンプレートファイルを用意します
2 次回はテンプレートファイルでの下層ページの作り方をご紹介していきます。

下層ページになるテンプレートファイルを用意します

まずは、固定ページで表示したい下層ページのテンプレートファイルを作成します。

phpファイルを新規作成し、ヘッダータグとフッタータグを記述します

テキストエディタでphpファイルを新規作成します。

新規作成したファイルに、ヘッダーを呼び出すテンプレートタグとフッターを呼び出すテンプレートタグを記述します。

作成すると以下のようになりますので、確認してみましょう。

<?php get_header(); ?>//  ヘッダーを呼び出すテンプレートタグ
<main>
//  ここに、下層ページのコンテンツになるコードが入る想定です。
</main>
<?php get_footer(); ?>//  フッターを呼び出すテンプレートタグ

ヘッダーを呼び出すタグとフッターを呼び出すタグに挟まれて、下層ページのコンテンツになるコードが入っている形になるかと思います。

次に、固定ページのエディター画面を使って下層ページの中身を表示させたいので、上のコードのメインタグの中身を一度違う場所に移して保存します。

メインループと呼ばれるコードを記述します

管理画面の固定ページのエディターの中身を反映させたいので、メインタグの中に、以下のようなメインループと呼ばれるコードを記述します。

<?php get_header(); ?>//  ヘッダーを呼び出すテンプレートタグ
<main>
  <?php if(have_posts): ?>
    <?php while(have_post): ?>
      <?php the_post(); ?>
      <?php the_content(); ?>
    <?php endwhile(); ?>
  <?php endif(); ?>
</main>
<?php get_footer(); ?>//  フッターを呼び出すテンプレートタグ