Learning site for website creation

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

  • 投稿日:2019年07月15日

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

テンプレート「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();

表示結果

このページで出てくる関数

WordPress関数は「公式サイトのドキュメント」で確認しましょう。

WordPress関数

get_header()

get_footer()

the_title()

has_post_thumbnail()

the_post_thumbnail()

the_content()

 

 

 

※欠席者対応:lesson22 - lesson23