31：固定ページ表示用テンプレート追加

公開日:2019年07月15日

WordPress

管理画面「固定ページ」>「固定ページ一覧」から固定ページを表示します。

テンプレート「index.php」の「最後の砦」が表示され、固定ページが表示されない状況です。

固定ページ表示用テンプレート「page.php」を作成します。

専用テンプレート

必要に応じて専用のテンプレートを追加できます。他にも追加できるファイルがありますが主なファイルは以下です。

front-page.php	フロントページ表示用テンプレート
home.php	主に固定ページの上にあるブログ投稿一覧表示用テンプレート
single.php	投稿詳細ページ表示用テンプレート
page.php	固定ページ表示用テンプレート
archive.php	アーカイブ一覧全般表示用テンプレート
category.php	カテゴリー一覧表示用テンプレート
tag.php	タグ一覧表示用テンプレート
search.php	検索結果一覧表示用テンプレート
date.php	日付別一覧表示用テンプレート
404.php	404エラー表示用テンプレート
header.php	共通ヘッダーパーツテンプレート
footer.php	共通フッターパーツテンプレート
sidebar.php	共通サイドバーテンプレート
searchform.php	検索フォーム用テンプレート
comments.php	コメント用テンプレート

固定ページ

優先度（高い ←　→ 低い）
ページ名.php 例：company.php	page-スラッグ.php	page-ページID.php	page.php	index.php

テーマ内に専用テンプレートを追加

投稿詳細表示テンプレートを複製し、固定ページ表示用テンプレート「page.php」を追加します。

フォルダ構成

lesson01
- imgフォルダ
- category.php
- front-page.php
- functions.php
- index.php
- page.php（single.phpを複製して追加）
- screenshot.png
- style.css

page.php

投稿詳細表示テンプレートから必要ないものを削除します。

カテゴリ：固定ページはカテゴリーをもたない
タグ：固定ページはタグをもたない
日付：固定ページは時系列で管理しない
前の投稿へのリンク：固定ページは量産されるページではない
次の投稿へのリンク：固定ページは量産されるページではない

不必要な項目削除後

<?php
get_header();
?>

<div class="wp-content">
  <div class="inner">

<?php /***** メインループ開始 *****/ ?>
<?php if (have_posts()) :?>
<?php while (have_posts()) : the_post(); ?>

    <h2 class="title"><?php the_title(); ?></h2>

<?php if (has_post_thumbnail()) : ?>
    <div class="eyecatch">
      <?php the_post_thumbnail('img_960_200'); ?>
    </div>
<?php endif; ?>

    <div class="article">
      <?php the_content(); ?>
    </div>

<?php endwhile; ?>
<?php endif; ?>
<?php /***** メインループ終了 *****/ ?>

<?php comments_template(); ?>

  </div>
</div>

<?php
get_footer();