「固定ページ」の作成方法
WordPressでサイトを運営する上で、避けては通れないのが「固定ページ」の活用です。この記事では、固定ページの基本から、エンジニア向けのテンプレートファイルの作り方までを徹底解説します。
https://chibasyuta.org/category/programming/wordpress/
固定ページとは?
固定ページとは、時系列に関係なく、サイト内で独立した情報を掲載するためのページです。
投稿ページ(ブログ記事)との違い
投稿ページ: 日時によって管理され、カテゴリーやタグで分類されます。主にブログ記事やニュースに使用します。
固定ページ: 独立したページとして存在し、階層構造(親子関係)を持つことができます。RSSフィードには乗りません。
固定ページの活用例
・お問い合わせフォーム
・会社概要・自己紹介ページ
・プライバシーポリシー
・サイトマップ
・サービス紹介・ランディングページ(LP)
WordPress管理画面での固定ページの作り方
管理画面にログイン
左メニューの [固定ページ] > [新規固定ページを追加] をクリック。
タイトルを入力:
ページの見出しとなる部分です。
本文を入力:
ブロックエディタ(Gutenberg)を使って、テキストや画像を配置します。
パーマリンク(スラッグ)の設定: 画面右側の「設定」パネルから、URLの一部(例:about や contact)を半角英数字で設定します。
[公開] をクリックして完了。
固定ページのテンプレートファイルを作る方法
デザインを独自にカスタマイズしたい場合、テーマフォルダ内にPHPファイルを作成します。
1. ファイル名による指定(基本:page.php)
すべての固定ページに共通のデザインを適用したい場合は、page.php を作成します。
WordPressのテンプレート階層では、固定ページを表示する際に優先的にこのファイルが探されます。
2. 管理画面からテンプレートを選択・適用する方法
後述する「汎用テンプレート(方法B)」を作成すると、固定ページの編集画面の右パネルにある 「テンプレート」 項目から、作成したデザインを選択できるようになります。
複数のテンプレートが存在する場合、WordPressは以下の順序でファイルを探し、最初に見つかったものを適用します。
カスタムテンプレート: 管理画面で手動選択したもの(方法B)
page-{slug}.php: スラッグ名が一致するもの(方法A)
page-{id}.php: ページIDが一致するもの
page.php: 固定ページ共通テンプレート
singular.php: 投稿・固定ページ共通テンプレート
index.php: 最終的なフォールバック
つまり、管理画面で個別にテンプレートを指定した場合は、ファイル名による自動判別(page-slug.php等)よりも優先されます。
独自のテンプレートファイルの具体的な作り方
具体的な作り方です。
方法A:特定ページ専用で作る(page-スラッグ名.php)
特定のスラッグを持つページだけに適用されるファイルです。
例: スラッグが contact のページ専用にしたい場合
ファイル名: page-contact.php
メリット: 管理画面で設定しなくても、ファイルをアップロードするだけで自動的に適用されます。
方法B:汎用テンプレートを作る(Template Name を使う方法)
複数のページで使い回せるテンプレートです。
ファイル名: 自由(例:tmpl-lp.php など)
作成方法: ファイルの冒頭に以下のコメントを記述します。
<?php
/**
* Template Name: LP専用テンプレート
*/
?>
<!-- ここに独自のデザインコードを記述 -->
ファイル名が間違っていないか:
page- の後のスラッグが管理画面の設定と一致しているか確認。
コメントアウトの記述ミス:
Template Name: のスペルやコロンが抜けていないか。
キャッシュ:
ブラウザキャッシュやプラグインのキャッシュをクリア。
テーマディレクトリ:
正しいテーマフォルダ(有効化されているテーマ)に入っているか。
固定ページの表示方法
作成した固定ページを確認する方法です。
管理画面から確認
固定ページ一覧、または編集画面の「プレビュー」や「ページを表示」をクリック。
まとめ!
固定ページは、会社概要やお問い合わせなど「独立した重要ページ」に使う。
管理画面から誰でも簡単に作成可能。
エンジニアは page.php や page-スラッグ名.php でデザインを自在に制御できる。
Template Name を使えば、管理画面から選べる「着せ替えテンプレート」が作れる。
優先順位は「手動選択 > スラッグ名指定 > 共通テンプレート」の順になる。
固定ページをマスターすれば、ブログだけでなく、立派な「Webサイト」としてのクオリティをぐっと高めることができます。ぜひ試してみてください!