WordPressが舞台裏でどのように機能しているかについてのインフォグラフィックの後、何人かのユーザーからWordPressテーマが舞台裏でどのように機能しているかを取り上げてほしいとの要望がありました。
この投稿では、初心者向けにWordPressのテンプレート階層について説明します。このチートシートは、テンプレートをカスタマイズしたり、WordPressテーマをカスタム作成したりする際に非常に役立ちます。
プロのヒントWordPressテーマを変更せずにカスタム・ランディングページを作成したいですか?SeedProdをお試しください。ドラッグ&ドロップWordPressページビルダーランキング1位です。
なぜWordPressテンプレート階層について学ぶのか?
最新のWordPressテーマはすべて、テンプレート、スタイルシート、JavaScript、画像で構成されています。これらのファイルを組み合わせることで、ユーザーに対してサイトがどのように見えるかをコントロールします。
関連記事サイトに最適なWordPressテーマを選ぶ際に必ず見るべき9つのポイント
WordPressには標準的なテンプレート階層があります。これは、特定のファイル名を持つテンプレートがサイト上の特定のエリアに影響を与えることを意味します。また、特定の項目にどのようなテンプレート名を使うべきかも教えてくれます。
ほとんどの最新のWordPressテーマには、カテゴリー、日付、アーカイブ、個別投稿、カスタムページなどを表示するテンプレートが付属しています。ユーザーとしては、子テーマを作成することで、より多くのテンプレートを作成することができます。
とはいえ、このWordPressのテンプレート階層が舞台裏でどのように機能しているのかを見てみましょう。
WordPressテンプレート階層の可視化(チートシート)
WordPressでは、テンプレート名にわかりやすく意味のあるパターンを使用しています。以下のビジュアルチートシートは、WordPress サイトのさまざまなページを表示するために使用されるテンプレートファイルを説明します。
一般的なWordPressサイトでは、ページごとにどのWordPressテンプレートファイルを編集すればよいかを説明します。
トップページで使用されるテンプレートファイルは?
WordPressはブログ投稿をサイトのトップページに表示します。WordPress管理エリアの設定 ” 読書ページで、カスタマイザーホームページ(フロントページとも呼ばれる)を使用するように設定することもできます。
1. front-page.php– 静的なフロントページを使用している場合、WordPressはまずこのテンプレートファイルを探し、フロントページの表示に使用します。
2. home.php – 静的なフロントページを使用していて、テーマにfront-page.phpテンプレートがない場合、WordPressはhome.phpテンプレートを探します。これは、初期設定のブログ投稿をホームページに表示するためにも使用されます。
3. index.php– front-page.phpまたはhome.phpが存在しない場合、WordPressはトップページを表示するためにindex.phpテンプレートにフォールバックします。このテンプレートはWordPressの初期設定で、どのページも表示することができます。
個別投稿で使用されるテンプレートファイルは?
WordPressは個別投稿を表示するためにこれらのファイルを探します。
1. single{post-type}-{slug}.php– 特定の個別投稿の表示を変更するには、この投稿タイプを使用します。例えば、投稿タイプが’review’で投稿スラッグがacme-phoneの場合、WordPressはsingle-review-acme-phone.php
を探します。
2. single{post-type}.php– WordPressは、この個別投稿タイプを表示するテンプレートがあるかどうかをチェックします。例えば、投稿タイプがレビューの場合、WordPressはsingle-review.
phpを探します。
3. single.php– WordPressはsingle.
phpにフォールバックします。
4. singular.php – このテンプレートは、任意の投稿タイプから個別項目を表示するための別のフォールバックを追加します。
5. index.php– 上記のように、WordPressは最終的にindex.phpにフォールバックします。
個別ページで使用されるテンプレートファイルは?
WordPressのページは初期設定の投稿タイプの一つです。投稿の代わりに静的なページをサイトに作成することができます。投稿とページの違いについてのガイドをご覧ください。
1.カスタムページテンプレート– ページに割り当てられたページテンプレート。WordPressでカスタムページテンプレートを作成する方法をご覧ください。
2. page-{slug}.php– ページスラッグがcontact-usの場合、WordPressはpage-contact-us.phpを
使用します。
3. page-{id}.php – ページIDが17の場合、WordPressはpage-17.phpという
テンプレートファイルを探します。
4. page.php– すべての静的ページを表示するテンプレート。
5. singular.php – このテンプレートは、すべての個別投稿タイプの項目の初期設定です。
6. index.php – 初期設定のフォールバック・テンプレート。
カテゴリーアーカイブで使用されるテンプレートファイルはどれですか?
WordPressでは、カテゴリーに関連するページを表示するために、これらのファイルを使用します。
1. category-{slug}.php– このテンプレートは、特定のカテゴリーのカテゴリーアーカイブページを表示するために使用されます。例えば、カテゴリーのスラッグがレビューの場合、WordPressはcategory-reviews.php
テンプレートを探します。
2. category-{id}.php– WordPressはカテゴリーIDのテンプレートを探します。例えば、カテゴリーIDが17の場合、WordPressはcategory-17.phpを
探します。
3. category.php– WordPressのすべてのカテゴリーアーカイブページを表示する初期設定テンプレートです。
4. archive.php – WordPressでアーカイブページを表示するための初期設定テンプレートです。
5. index.php – デフォルトのフォールバック・テンプレート。
タグアーカイブはどのテンプレートファイルを使用しますか?
WordPressはタグアーカイブページを表示するためにこれらのファイルを使用します。
1. tag-{slug}.php– タグのスラッグがfruitsの場合、WordPressはtag-fruits.phpを
探します。
2. tag-{id}.php – タグのIDが17の場合、WordPressはtag-17.php
テンプレートを探します。
3. tag.php– タグアーカイブの初期設定。
4. archive.php – すべてのアーカイブページの初期設定テンプレート。
5. index.php – フォールバックテンプレートの初期設定。
カスタム・タクソノミー・アーカイブはどのテンプレート・ファイルを使用しますか?
カテゴリーとタグはWordPressの初期設定の2つのタクソノミーです。ユーザーは独自のカスタムタクソノミーを作成することもできます。WordPressがカスタムタクソノミーのページを表示するためのテンプレートを探す方法は以下の通りです。
1. taxonomy-{taxonomy}-{term}.php– genreというカスタムタクソノミーがあり、thrillerというキーワードがある場合、WordPressはtaxonomy-genre-thriller.phpを
探します。
2. taxonomy-{taxonomy}.php– タクソノミーがジャンルの場合、WordPressはtaxonomy-genre.
phpを探します。
3. taxonomy.php– カスタムタクソノミーアーカイブを表示する初期設定テンプレートです。
4. archive.php – WordPressのすべてのアーカイブページの初期設定。
5. index.php – WordPressのデフォルトのフォールバックテンプレート。
カスタム投稿タイプはどのテンプレートファイルを使用しますか?
WordPressがカスタム投稿タイプのアーカイブを表示するためのテンプレートを探す方法は以下の通りです。
1. archive-{post_type}.php– 投稿タイプがレビューの場合、WordPressはarchive-review.phpを
探します。
2. archive.php – WordPressのすべてのアーカイブページを表示する初期設定テンプレート。
3. index.php – WordPressの初期設定テンプレート。
投稿者アーカイブを表示するテンプレートファイルはどれですか?
WordPressは、あなたのWordPressサイトの投稿者ごとにアーカイブページを生成します。投稿者アーカイブのテンプレートはこんな感じです。
1. author-{nicename}.php– 投稿者の名前がmattの場合、WordPressはauthor-matt.phpを探します。
2. author-{id}.php– 投稿者のユーザーIDが6の場合、WordPressはauthor-6.ph
pを探します。
3. author.php– WordPressで投稿者のアーカイブページを表示するための初期設定テンプレート。
4. archive.php – WordPressでアーカイブページをすべて表示するための初期設定テンプレート。
5. index.php – WordPressの初期設定フォールバックテンプレート。
日付ベースのアーカイブを表示するには、どのテンプレートファイルを使用しますか?
WordPressでは、月や年の日付ベースのアーカイブページにも投稿を表示します。これらのページのテンプレートは以下のようになります。
1. date.php– 日付ベースのアーカイブの初期設定。
2. archive.php – WordPressの投稿者アーカイブページの初期設定。
3. index.php – WordPressの初期設定のフォールバックテンプレート。
検索ページを表示するために使用されるテンプレートファイルはどれですか?
1. search.php– WordPressの検索結果を表示する初期設定ページ。
2. searchform.php – WordPressで検索フォームを表示するテンプレート。
3. index.php – WordPressの初期設定フォールバックテンプレート。
404エラーページを表示するために使用されるテンプレートファイルはどれですか?
404エラーページは、WordPressがリクエストされたコンテンツを見つけられなかった場合に表示されます。404ページのテンプレートを改善する方法については、こちらのガイドをご覧ください。
1.404.php– WordPressで404エラーページを表示する初期設定のテンプレートです。
2. index.php – WordPressの初期設定のフォールバックテンプレート。
添付ファイルページを表示するために使用されるテンプレートファイルはどれですか?
1.MIME_type.php– MIME_typeはファイルタイプを表します。例えば、image.php、video.php、application.phpなどです。
2. attachment.php– 添付ファイルページを表示するための初期設定テンプレート。
3. single-attachment.php – 添付ファイルを個別表示するためのテンプレート。
4. single.php – 個別投稿タイプの項目を表示するための初期設定テンプレート。
5. index.php – WordPressの初期設定フォールバックテンプレート。
embedを表示するために使用されるテンプレートファイルはどれですか?
WordPress 4.5 以降、WordPress に埋め込まれた投稿を表示するためにテンプレートを使用できます。
1. embed-{post-type}-{post_format}.php– WordPressは最初に投稿タイプと投稿フォーマットのテンプレートを探します。例えば、動画付きのレビューであれば、WordPressはembed-review-video.
phpを探します。
2. embed-{post-type}.php– 投稿タイプがレビューの場合、WordPressはembed
– review.
phpを探します。
3. embed.php– すべての埋め込み用の初期設定です。
このチュートリアルで、WordPressのテンプレート階層についてご理解いただけたと思います。ドラッグ&ドロップで使えるWordPressページビルダーのリストもご覧ください。
この投稿が気に入ったなら、WordPressの動画チュートリアルをYouTubeチャンネルに登録してください。Twitterや Facebookでもご覧いただけます。
Mrteesurez
This is a well detailed post, it contains all essential templates. I am discovering news templates names and hierarchy here as I only know few of these before.
Thanks, it’s usually for we that are into development.
Moinuddin Waheed
I have been using wordpress several years and knew only few files and thought that these are the only files behind the scene.
This is very insightful and detailed description of the template structure of all the files.
The infographic is self explanatory and helps understand which file uses what other files to display the content.
Thanks for the detailed wordpress file structure guide.
WPBeginner Support
Glad we could clarify how the template hierarchy works
管理者
Jiří Vaněk
I saw the template files on FTP, but I only knew the function from them, such as function, header, footer, and that’s about it. I didn’t really know much about the rest of the files. Your infographic is perfect. It does a great job of showing how individual files are linked and what wordpress itself uses them for. One has a much better understanding of the structure of how the template works and it is then much easier to make, for example, some modifications to the source code if needed. Although I still don’t understand everything, I will try to go through the individual files of my template and find out a lot more about how it all works. Thanks for this comprehensive tutorial.
mjasia
Hi
What about woocommerce product attributes?
How are they shown?
WPBeginner Support
It would depend on your specific theme for how they are shown but they are treated similar to custom fields, you can see more on custom fields in our article below:
https://www.wpbeginner.com/wp-tutorials/wordpress-custom-fields-101-tips-tricks-and-hacks/
管理者
Connie
what about language files in children themes?
This is one of the big mysteries in WP because there are still some people (the majority!) who need translation files to get their installation in their language ;=)
WPBeginner Support
That would be a subject for a different guide
管理者