Wordpressのテンプレートとテンプレート階層を簡単に説明

wordpressのテンプレートとは何か、またテンプレート階層に関して簡単に説明する。

テンプレート階層の表示の優先順位や、それぞれ小tなる役割を持つホームページ、固定ページ、投稿ページごとのテンプレートファイルの優先順位も紹介。

カスタムテンプレートに関しても説明する。

そもそもwordpressのテンプレートとは何か

テンプレートとは、Webページの種類ごと、またはWebページのパーツごとに用意されるphpファイルのこと。

Webページの種類は具体的に何がある？

例えば上記のページでWebページの種類を分類するとこのようになる。

• index.php : メインのページ。ホームページ。
• archive.php : ニュースの一覧を表示するページ
• single.php : ニュースの詳細を表示するページ
• archive-blog.php : ブログの一覧を表示するページ
• single-blog.php : ブログ一記事のの詳細を表示するページ
• page-contact.php : お問い合わせページ

それぞれのphpファイルに、役割があり、これらのphpファイルをテンプレートという。

一般的に使われるテンプレートは下記のようなものがある。

種類	テンプレート	内容
テーマの必須ファイル	index.php	他に適切なテンプレートがないときに最終的に使用されるファイル
フロントページ	front-page.php	サイトのトップページ
ホームページ	home.php	ブログのトップページ
固定ページ	page.php	固定ページ
投稿	single.php	個別の投稿の詳細ページ
カテゴリー	category.php	カテゴリーごとの記事一覧ページ
タグ	tag.php	タグごとの記事一覧ページ
作成者	author.php	作成者別の記事一覧ページ
日付	date.php	日付ごとの記事一覧ページ
アーカイブ	archive.php	記事一覧ページ
検索結果	search.php	検索結果のページ
404 (Not Found)	404.php	404エラー（Not Found）ページ

上記含めてさらに細かくテンプレートファイルを知りたい場合は、WordPress の公式オンラインマニュアルを確認するとさらに細かく確認できる。

Webページのパーツとは？

テンプレートはページ毎だけでなく、パーツ毎にも使われる。

例えばwordpressのヘッダーとフッターの例を見てみる。

wordpressでは、header.phpの中に書かれているヘッダーとfooter.phpの中に書かれるフッターはどのページにも共通して入れることができる。

図のように、ページ毎に「テンプレートタグ」と呼ばれるタグを書けば、同じパーツをどこでも使い回すことができる。

テンプレートタグの例：

• ヘッダーを呼び出す時： <?php get_header() ;?>
• フッターを呼び出す時： <?php get_footer() ;?>

という形だ。

このようにヘッダーやフッターのようなパーツを作るときに用いられるファイルもテンプレートと呼ばれる。

なのでここではheader.phpもfooter.phpもテンプレートと呼ばれる。

テンプレートタグの詳細についてはこちらに書いた。

[st-card myclass="" id=3633 label="" pc_height="" name="" bgcolor="" color="" fontawesome="" readmore=“on”]

テンプレート階層とは

テンプレート階層とは、どのテンプレートファイルを使用するかを定めるルールのこと。

テンプレート階層の優先順位

テンプレートファイルには表示の順番に優先順位がある。

その優先順位を確認するには、公式オンラインマニュアルの図を見ることで確認できる。

表示ページの優先順位

例えば上の図でいくと、page.php > singular.php > index.phpという順番で繋がっている。

この順番で行くと、テーマファイルの中に、もしpage.phpやsingular.phpが存在しなかった場合、index.phpが表示されるということになる。

例えば、お問い合わせの固定ページを作るとする。

もしpage.phpを用意しなければ、URLが「〇〇.com」でも「〇〇.com/contact/」でも自動的にindex.phpに繋がるようになる。

もし固定ページのテンプレートであるpage.phpをテーマファイルに入れれば、「〇〇.com/contact/」のURLでは優先的に固定ページが表示されるようになる。

ページ毎のテンプレート階層

wordpressのページにはそれぞれホームページ、投稿ページ、固定ページ、カテゴリー別の記事一覧ページなど様々な役割があるが、それぞれのページ毎に、もっと細かく優先順位をつけることができる。

ホームページ

ホームページは、一番最初に表示されるメインのページ。

テンプレートの優先順位は以下のようになる。

1. front-page.php
2. 固定ページ
3. home.php
4. index.php

固定ページ

固定ページとは、会社概要やお問い合わせなどそのページ一つだけで完結するページのこと。

テンプレートの優先順位は以下のようになる。

1. page-{slug}.php
2. page-{ID}.php
3. page.php
4. index.php

スラッグとは？

slugとは、固定ページや投稿につけることのできるキーワードのこと。

例えば「page-{slug}.php」のファイルを考えてみる。

もしお問い合わせを作りたい場合であれば、スラッグに「contact」と付けて、ファイルに「page-contact.php」と付けることで、

〇〇.com/contact/に接続したときに「page-contact.php 」に接続することができる。

どうやって使い分けるの？

例えばお問合せページを作るとき、もしpage.phpにお問い合わせの項目をつけてしまうと全ての固定ページにお問い合わせの項目がついてしまう。

会社概要のページやメンバー紹介のページを個別ページで作りたいときも、全てのページにお問い合わせの項目がついてしまう。

それぞれ個別のデザインが映し出されるように、スラッグをつけたファイルを用意することで、それぞれ異なる個別ページを用意することができる。

カテゴリー別記事一覧ページ

カテゴリー別記事一覧ページは、カテゴリー分けされた記事の一覧を表示するページ。

例えばこのサイトなら、wordpressのカテゴリーページは下記のようになる。

カテゴリー別記事のテンプレートの優先順位は以下のようになる。

1. category-{slug}.php
2. category-{ID}.php
3. category.php
4. archive.php
5. index.php

どうやって使い分けるの？

こちらも先ほどと同じく、スラッグをつけて別ファイルを用意することで、別のデザインを用意できる。

例えばwordpressの記事一覧ページのバックグラウンドの色は青にして、他の記事一覧ページのバックグラウンドの色は白にする、という場合は、

wordpress用の記事一覧ページように別途「category-wordpress.php」というようなファイルを用意することができる。

投稿ページのテンプレート

投稿ページは、それぞれの個別の記事のページのデザインを表示する。

テンプレートの優先順位は以下のようになる。

1. single-{post-type}.php
2. single.php
3. singular.php
4. index.php

カスタムテンプレートとは

カスタムテンプレートとは、固定ページを作成する際に選択することができるオリジナルのテンプレートのこと。

編集画面の横のテンプレートで固定ページのデザインを変更できるが、ここでオリジナルのテンプレートを追加することができる。

以上Wordpressのテンプレートとテンプレート階層に関して説明した。

wordpressの使い方ののまとめ記事はこちら。

[st-card myclass="" id=3366 label="" pc_height="" name="" bgcolor="" color="" fontawesome="" readmore=“on”]