今回はWordPressで開発する際に使用するテンプレートファイル、「front-page.php」と「home.php」と「index.php」の違いについて説明します。ややこしく感じていた人もいると思うので、この記事を通して理解を深めましょう。固定ページ「お知らせ」を作成する設定で投稿ページを「お知らせ」にする完成まとめ各テンプレートファイルはどんな時に使用するのかfront-page.phpWordPress公式サイトにはこのように書かれています。Resourcesこの意味は、「front-page.phpが存在する場合は、設定に関係なくサイトのフロントページとして常に使用されますよ」ということです。ファイルの名前にもフロントページと入っているように、「front-page.php」を作成すると一番優先されてトップページに表示されるファイルなので、トップページのためのファイルという認識で良いと思います。会社のサイトやブランドサイトなどは「front-page.php」をトップページにします。home.phpWordPress公式サイトにはこのように書かれています。Resources「デフォルトではhome.phpがフロントページに表示されますよ。静的なフロントページを設定していない場合、このファイルは投稿の一覧ページを表示しますよ」という意味です。投稿の一覧ページというのは、WordPressを設置した時に最初からある「投稿」のアーカイブページということです。「home.php」は最初からある「投稿」のアーカイブページで、初めはトップページに設定されてあるということです。このhome.phpがトップページに使われているサイトは、主にブログサイトです。会社サイトやブランドサイトと違って、記事の一覧ページがトップにきていますね。index.phpWordPress公式サイトにはこのように書かれています。Resourcesこの意味は、「メインのテンプレートファイルで、すべてのテーマで必要ですよ」ということです。今まで説明した「front-page.php」や「home.php」のファイルがない場合、フロントページに表示される場合があります。その他の場面でも、適切なファイルがない場合に表示される最後の砦のようなファイルです。目的に合わせたファイルではないので、できるだけ必要な箇所には専用のファイルを作成して表示させるようにしたいところですね。WordPressのトップページはどのテンプレートが表示されるかデフォルト設定を何も触っていない状態では、「投稿の一覧ページ」が表示されます。そのテンプレートファイルは「home.php」です。最初は「最新の投稿」になっているので、「固定ページ」に変更して「ホームページ」の項目や「投稿ページ」の項目を選択することができます。選んだ項目によって表示されるテンプレートファイルはそれぞれ変わります。page.phphome.phpindex.phpホームページで固定ページの投稿を選んだ場合、page.phpもしくはpage-{slug}.phpがトップページに表示されます。ホームページの設定はなしで投稿ページの設定をした場合は、home.phpがトップページに表示されます。上記の設定をしていても、適応するテンプレートファイルが作成されていない場合はindex.phpがトップページに表示されます。このように、設定を変更することで表示されるテンプレートファイルを簡単に変更することができます。次に、希望のページをトップページに指定する方法を見ていきましょう。固定ページをトップページにしたい場合まずは、トップページにしたい固定ページを作成します。今回、例で作成した固定ページは「トップページにしたい固定ページ」というタイトルにしました。作成したら、表示設定のホームページの項目を「トップページにしたい固定ページ」に変更します。「変更を保存」を押して変更完了です。以上で「トップページにしたい固定ページ」をトップページにすることができました。投稿の一覧ページをトップページにする方法は2つあります。front-page.phpを作成しない&最新の投稿にする固定ページにしてホームページを指定しない&投稿ページを指定する1つ目はデフォルトの状態です。front-page.phpを作成してしまうと優先されるので、作成しないでおくとhome.phpが優先されます。2つ目は投稿ページだけをページ問わず指定するとhome.phpが表示されるようになります。トップページ専用のファイル(front-page.php)をトップページにしたい場合front-page.phpを作成するだけでトップページに指定することができます。投稿の一覧ページをトップページ以外でも表示する方法は、固定ページと設定を使って簡単にできます。今回はよくありそうな「お知らせ一覧ページ」を作ってみましょう。「お知らせ」ページを作成します。タイトルの入力だけで大丈夫です。設定で投稿ページを「お知らせ」にする新規作成した「お知らせ」ページが選択枠に出てくるので、選んで「変更を保存」しましょう。投稿ページ」の文字が追加されます。メニューの設定でグローバルメニューに入れることができ、ちゃんと投稿の一覧ページにリンクできます。まとめ今回は「front-page.php」と「home.php」と「index.php」の違いについて説明しました。どれもトップページになり得るファイルですが、特徴や用途が違うので、その違いを理解して使用しましょう。理解すると設定次第でとても便利に使えるので、今回紹介した方法と合わせて確認しながら試してみてください。株式会社RETVALでHTML/CSS、WordPressのコーディングを担当。