【WordPressの仕組み】テンプレートファイルの優先順位についてサーバー、WordPress、EC-CUBEなどWEB全般の疑問を解決するブログ。トップページWordPressWEBデザインWEBプログラミングサイト運営・活用トップページWordPressWEBデザインWEBプログラミングサイト運営・活用ホームWordPress【WordPressの仕組み】テンプレートファイルの優先順位についてシェアTweetGoogle+FeedlyWordPress【WordPressの仕組み】テンプレートファイルの優先順位について2017年3月15日WordPressでは、PHPで記述されたテンプレートファイルを組み合わせてHTMLが自動生成します。その際に適用されるテンプレートは、テンプレートのファイル名ごとに優先順位がつけられています。テンプレート優先順位を知っておくことで、WordPressの設定に関係なくトップページテンプレートを適用させるカスタム投稿タイプごとにテンプレートの種類を分ける指定するタクソノミー一覧のみ一覧の表示形式を変える固定ページのテンプレートファイルを追加するなど、よりWordPressで実現できるWEBサイトの幅が広がります。ここでは、どういった名前のテンプレートの種類があり、どういった優先順位の違いがあるのかについてご紹介します。テンプレートの優先順位WordPressで生成されるページの構成テンプレートファイル内部の構成まずは、テンプレート内部の構成を知っておきましょう。テンプレートの構成については以下のページで詳しく紹介しています。参考にしてみてください。【WordPressの仕組み】テンプレートファイルの構成についてWordPressで使えるテンプレートの種類WordPressで用意されているテンプレートの種類について見ていきます。ホームページ表示front-page.phphome.phpホームページ(トップページ)表示では、front-page.php、home.phpという名前のテンプレートが使うことができます。これにより、トップページのみデザインを変えて表示することができるのです。フロントに固定ページが選択されている場合は、home.phpよりも固定ページが優先して表示されるという仕様があります。front-page.phpが存在している場合は、WordPressの表示設定で何を選択していても強制的にfront-page.phpの内容が表示されます。個別投稿表示single-{post_type}.phpsingle.php個別投稿表示用のテンプレートファイルとして、single-◯○.phpとsingle.phpがあります。デフォルト仕様でsingle.phpのみが存在している場合は、投稿記事からカスタム投稿記事に至る、すべての個別投稿記事に共通してsingle.phpテンプレートファイルが適用されます。特定の投稿タイプ(post_type)のみデザインを変えたい場合など、single-◯○.phpという投稿タイプ名を指定したテンプレートが存在している場合は、こちらのテンプレートがsingle.phpよりも優先的に適用されます。固定ページ表示page-{templatename}.phppage-{slug}.phppage-{id}.phppage.php固定ページ表示用のテンプレートとして、page-○◯.phpとpage.phpがあります。デフォルト仕様でpage.phpのみが存在している場合は、すべての固定ページにpage.phpが適用されます。特定のページのみデザインを変えたい時は、ページIDまたはスラッグに応じたテンプレートをpage-3.php,page-demo.phpといったファイル名で作成することによって、page.phpよりも優先的に適用することができます。固定記事でテンプレートを選択できるようにするには、page-【任意のテンプレート名】.phpというファイルを用意する必要があります。個別投稿表示と固定ページ表示の両方の共通テンプレートとして使用することができます。カテゴリー表示category-{slug}.phpcategory-{id}.phpcategory.php特定のカテゴリー一覧のデザイン用テンプレートです。タグ表示tag-{slug}.phptag-{id}.phptag.php特定のタグ一覧のデザイン用テンプレートです。カスタム分類表示taxonomy-{taxonomy}-{term}.phptaxonomy-{taxonomy}.phptaxonomy.php特定のカスタム分類一覧のデザイン用テンプレートです。カスタム投稿タイプ表示archive-{post_type}.php特定のカスタム投稿タイプ一覧のデザイン用テンプレートです。作成者表示author-{nicename}.phpauthor-{id}.phpauthor.php作成者一覧のデザイン用テンプレートです。日付別表示date.php日付別一覧のデザイン用テンプレートです。検索結果表示search.php検索結果一覧のデザイン用テンプレートです。表示404.php404ページのデザイン用テンプレートです。すべてのページに適用できるテンプレートindex.phpWordPressでは、テンプレートを用意することで優先的にそのファイルを読みにいきますが、用意されていなかったからといっても問題がありません。優先的に読むファイルがない場合は、段階的に優先順位が低いファイルを読みにいき、最終的にはどのページでも適用できる万能テンプレートファイルであるindex.phpを読みにいきます。最後に、テンプレートの優先順位を見ていきましょう。【WordPressの仕組み】テンプレートファイルの構成について【CSS】テーブル(<table>)でセルを連結する基本の書き方おすすめの記事javascript・jQueryページ内リンクをスムーススクロールで移動させる2ステップページ内リンクを使う時に一瞬でリンク先に飛んでしまうと、サイトのデザインコンセプトに合わない場合があります。使うテキストデザインを整えるCSSのコードをまとめました。...cssGoogleChromでソースコードやディベロッパーツールを表示する方法GoogleChromは、Googleが提供するブラウザなので、があることで知られています。WEB開発時において「Google先生」と呼...サーバーエックスサーバーで新規ドメインを契約する全手順エックスサーバーでサーバープランを契約する手順は以下の通りです。以下のリンクから、エックスサーバーの公式サ...cssSafariでソースコードや開発用ツールを表示する方法MacOSやiPhoneをお使いの方は、標準ブラウザとしてSafariを使うことが多いでしょう。Safariを使って自分のサイトをカスタ...EC-CUBEDreamweaverでTwigファイルを編集可能にするための全手順Twigとは、機能性と処理の速さを兼ね備えたPHPのテンプレートエンジンです。トグルの基本的な実装方法を紹介してきました。リストマーカーのデザインをを整えるCSSのコードをまとめました。