WordPressの階層と固定ページのテンプレートについて

今日は、WordPressでサイト制作を進めるうえで重要な**「テンプレート階層」と「固定ページの設定方法」**について学びました。

最初は「なぜ同じページなのに表示が違うんだろう？」と疑問に思っていましたが、WordPressにはページごとに表示を切り替える仕組みがあり、それを理解することで制作の幅が大きく広がりました。

WordPressには役割ごとのPHPファイルがある

WordPressでは、ページの種類によって使用されるPHPファイルが変わります。

例えば、

home.php … トップページ

single.php … ブログ記事の詳細ページ

page.php … 固定ページ

archive.php … 記事一覧ページ

というように、それぞれ役割が決まっています。

この「テンプレート階層」を理解することで、「なぜこのページだけ表示が違うのか」が少しずつ分かるようになってきました。

固定ページごとにテンプレートを切り替える方法

今回は来店予約ページだけ専用のデザインにしたかったので、

page.php

をコピーして

page-reserve.php

を作成しました。

そして、ファイルの先頭に次のようなコメントを書きます。

このコメントを書くことで、WordPressの管理画面から**「テンプレート」**として選択できるようになります。

固定ページごとに違うデザインを作れる便利な仕組みだと知り、とても勉強になりました。

デフォルトテンプレートとの違い

通常の固定ページは

デフォルトテンプレート（page.php）

を使用します。

しかし、来店予約ページだけは

来店予約テンプレート（page-reserve.php）

を選択することで、

Contact Form 7

来店予約専用デザイン

専用CSS

などを自由に作ることができます。

今まではすべて同じデザインになってしまっていましたが、テンプレートを分けることで柔軟に対応できることを学びました。

コメントを書くことも大切

PHPはHTMLよりも処理が多くなるため、後から見返したときに分かりやすいようコメントを付けるようにしています。

例えば、

このように処理ごとにコメントを書いておくと、自分自身も理解しやすく、今後修正するときにも役立ちます。

今日の学び

WordPressはHTMLサイトとは違い、「どのテンプレートが表示されるか」を理解することがとても大切だと感じました。

少しずつテンプレート階層やPHPの役割が分かってきて、サイト制作がより楽しくなっています。

今後も実案件を通して学んだことを、一つひとつ身につけていきたいと思います。