Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressテンプレート階層入門(チートシート)

WordPressが舞台裏でどのように機能しているかについてのインフォグラフィックの後、何人かのユーザーからWordPressテーマが舞台裏でどのように機能しているかを取り上げてほしいとの要望がありました。

この投稿では、初心者向けにWordPressのテンプレート階層について説明します。このチートシートは、テンプレートをカスタマイズしたり、WordPressテーマをカスタム作成したりする際に非常に役立ちます。

WordPress template hierarchy explained for beginners

プロのヒントWordPressテーマを変更せずにカスタム・ランディングページを作成したいですか?SeedProdをお試しください。ドラッグ&ドロップWordPressページビルダーランキング1位です。

なぜWordPressテンプレート階層について学ぶのか?

最新のWordPressテーマはすべて、テンプレート、スタイルシート、JavaScript、画像で構成されています。これらのファイルを組み合わせることで、ユーザーに対してサイトがどのように見えるかをコントロールします。

関連記事サイトに最適なWordPressテーマを選ぶ際に必ず見るべき9つのポイント

WordPressには標準的なテンプレート階層があります。これは、特定のファイル名を持つテンプレートがサイト上の特定のエリアに影響を与えることを意味します。また、特定の項目にどのようなテンプレート名を使うべきかも教えてくれます。

ほとんどの最新のWordPressテーマには、カテゴリー、日付、アーカイブ、個別投稿、カスタムページなどを表示するテンプレートが付属しています。ユーザーとしては、子テーマを作成することで、より多くのテンプレートを作成することができます。

とはいえ、このWordPressのテンプレート階層が舞台裏でどのように機能しているのかを見てみましょう。

WordPressテンプレート階層の可視化(チートシート)

WordPressでは、テンプレート名にわかりやすく意味のあるパターンを使用しています。以下のビジュアルチートシートは、WordPress サイトのさまざまなページを表示するために使用されるテンプレートファイルを説明します。

一般的なWordPressサイトでは、ページごとにどのWordPressテンプレートファイルを編集すればよいかを説明します。

トップページで使用されるテンプレートファイルは?

Site front page

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の初期設定で、どのページも表示することができます。

個別投稿で使用されるテンプレートファイルは?

Single post page template

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にフォールバックします。

個別ページで使用されるテンプレートファイルは?

Static page template

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 – 初期設定のフォールバック・テンプレート。

カテゴリーアーカイブで使用されるテンプレートファイルはどれですか?

Category archive template

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 – デフォルトのフォールバック・テンプレート。

タグアーカイブはどのテンプレートファイルを使用しますか?

Tag archive template

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 – フォールバックテンプレートの初期設定。

カスタム・タクソノミー・アーカイブはどのテンプレート・ファイルを使用しますか?

Custom taxonomy archive

カテゴリーとタグは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のデフォルトのフォールバックテンプレート。

カスタム投稿タイプはどのテンプレートファイルを使用しますか?

Custom post type archive

WordPressがカスタム投稿タイプのアーカイブを表示するためのテンプレートを探す方法は以下の通りです。

1. archive-{post_type}.php– 投稿タイプがレビューの場合、WordPressはarchive-review.phpを探します。

2. archive.php – WordPressのすべてのアーカイブページを表示する初期設定テンプレート。

3. index.php – WordPressの初期設定テンプレート。

投稿者アーカイブを表示するテンプレートファイルはどれですか?

Author archive

WordPressは、あなたのWordPressサイトの投稿者ごとにアーカイブページを生成します。投稿者アーカイブのテンプレートはこんな感じです。

1. author-{nicename}.php– 投稿者の名前がmattの場合、WordPressはauthor-matt.phpを探します。

2. author-{id}.php– 投稿者のユーザーIDが6の場合、WordPressはauthor-6.phpを探します。

3. author.php– WordPressで投稿者のアーカイブページを表示するための初期設定テンプレート。

4. archive.php – WordPressでアーカイブページをすべて表示するための初期設定テンプレート。

5. index.php – WordPressの初期設定フォールバックテンプレート。

日付ベースのアーカイブを表示するには、どのテンプレートファイルを使用しますか?

Date based archive

WordPressでは、月や年の日付ベースのアーカイブページにも投稿を表示します。これらのページのテンプレートは以下のようになります。

1. date.php– 日付ベースのアーカイブの初期設定。

2. archive.php – WordPressの投稿者アーカイブページの初期設定。

3. index.php – WordPressの初期設定のフォールバックテンプレート。

検索ページを表示するために使用されるテンプレートファイルはどれですか?

Search result page

1. search.php– WordPressの検索結果を表示する初期設定ページ。

2. searchform.php – WordPressで検索フォームを表示するテンプレート。

3. index.php – WordPressの初期設定フォールバックテンプレート。

404エラーページを表示するために使用されるテンプレートファイルはどれですか?

404 Error page

404エラーページは、WordPressがリクエストされたコンテンツを見つけられなかった場合に表示されます。404ページのテンプレートを改善する方法については、こちらのガイドをご覧ください。

1.404.php– WordPressで404エラーページを表示する初期設定のテンプレートです。

2. index.php – WordPressの初期設定のフォールバックテンプレート。

添付ファイルページを表示するために使用されるテンプレートファイルはどれですか?

Attachment pages

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を表示するために使用されるテンプレートファイルはどれですか?

Embeds

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でもご覧いただけます。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

8件のコメント返信を残す

  1. 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.

  2. 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 :)

      管理者

  3. 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.

  4. mjasia

    Hi

    What about woocommerce product attributes?

    How are they shown?

  5. 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 :)

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。