エス技研

WordPress、CakePHP、PHP、baserCMSなどの Web系システムを中心に情報を提供します!


WordPressの一覧ページのテンプレートの種類とファイルの設定

      2016/03/11

一覧ページのテンプレートファイルの種類と作り方

 

WordPressのテンプレートファイル

 
WordPressのテンプレートファイルは、いろいろなファイルが存在していますが、その中で一覧ページのテンプレートについて解説します。
 
 
WordPressの一覧ページのテンプレートは下記のものが基本形です。
 /{WordPressのルート}/wp-content/themes/{テーマ}/archive.php
 
このテンプレートファイルがあれば、月別のアーカイブページを始め、カテゴリ一覧、トップページの投稿一覧などの一覧ページを全てこのテンプレートファイルに基づいて表示します。
 
そして、アーカイブ一覧のテンプレートとは別に、カテゴリ一覧用のデザインテンプレートを作りたいと思った場合は、下記のファイル名のファイルを作成するとそのデザインが反映されます。
 /{WordPressのルート}/wp-content/themes/{テーマ}/category.php
 
 
このように、WordPressではあらかじめ決められているルールに従ってテンプレートファイルを用意することでそのデザインを反映できる仕組みが備わっています。
 
 

WordPressのテンプレートファイルの取得順位

 
先に書いたように、WordPressではテンプレートのファイル名に従ってテンプレートを読み込む仕組みがあります。
その、一覧ページの読み込むファイルの取得順位は以下のようになっています。
 
カテゴリの一覧ページを作成する場合は以下になります。
 

  1. category-{slug}.php
        特定のカテゴリだけのテンプレート
  2. category-{id}.php
        1.同様特定のカテゴリ。こちらは IDで指定
  3. category.php
        カテゴリ共通のテンプレート
  4. archive.php
        カテゴリ、アーカイブ一覧など一覧ページ共通
  5. index.php
        すべての共通テンプレート

 
例えば、カテゴリの中にタームIDが「5」の「shop」と言うタームを作ったとします。
 
その「shop」に属する記事だけの一覧を作る場合は、上の 1番から順番に探していき、取得できたものをテンプレートとして使用します。
まず
  category-shop.php
があればそれを使います。なければ
  category-5.php
を探して、あればそれを使います。以下、
  category.php
  archive.php
  index.php
を探して使用します。
 
 
同じように、カスタムタクソノミーの場合は、下記の順番でテンプレートファイルを取得します。
 

  1. taxonomy-{slug}-{term}.php
        特定のタクソノミーの中の特定のタームだけのテンプレート
  2. taxonomy-{slug}.php
        特定のタクソノミーだけのテンプレート
  3. taxonomy.php
        タクソノミー共通のテンプレート
  4. archive.php
        タクソノミー、アーカイブ一覧など一覧ページ共通
  5. index.php
        すべての共通テンプレート

 
基本的には「category」の部分が「taxonomy」に変わった感じですが、「category」は「taxonomy」のなかの一つというイメージですので、カスタムタクソノミーの中のタームを指定する場合は、「taxonomy-{slug}-{term}.php」になる、と言うことですね。

 - WordPress

GoogleAdwords

GoogleAdwords

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです!

Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

下記の空欄を埋めてください。 * Time limit is exhausted. Please reload CAPTCHA.

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

※入力いただいたコメントは管理者の承認後に掲載されます。

  関連記事

Basic認証をファイル単位・URL単位で設定する方法の解説

Basic認証はフォルダ単位だけでなくファイル単位での設定もできるためログイン画面だけにBasic認証を設定することもできます。その解説です。

WordPress・Contact Form7、MW WP Form共通 細かなデザイン調整方法

お問い合わせフォームプラグインの Contact Form7、MW WP Formにおけるラジオボタン、チェックボックスなどの見た目を調整する小技を紹介。

MW WP Formの使い方詳細解説・WordPressの確認画面付フォーム

WordPressの確認画面付お問い合わせフォームプラグイン「MW WP Form」の詳細解説をしています。

WordPress環境を引越し、複製、バックアップ、リストアの手順解説

WordPress環境を引っ越し、複製、バックアップの手順書です。本番から開発、開発から本番、バックアップからのリストアなど環境を移す時の方法と手順の解説。

Advanced Custom Fieldsのカスタムフィールドの登録上限が max_input_varsに影響する問題の対処方法

Advanced custom Fieldsには登録できるフィールド数に上限があります。php.iniのmax_input_varsによる制限ですが、フィールドグループを分割することで解決できます。

WordPressのログイン画面 URLを変更する 管理画面に Basic認証を設定する

ログインURLは誰でも知っています。そのまま使うとリスクが高まりますのでログインURLを変更し Basic認証で二重チェックをする方法を解説。

Broken Link Checkerのリンク生死チェックでサイトの品質向上!SEO対策!

Broken Link Checkerは記事内のリンクのリンク切れチェックをし自動的にリンク切れの対処をします。リンク切れは一覧表示されますので手動での処置も可能です。

ショートコードで簡単解決!カスタムフィールドでソート、抽出条件設定方法

ショートコードを使って固定ページや投稿に特定のカテゴリ一覧を編集する処理に、ソート条件、抽出条件も設定できる処理を作成。カスタムフィールドも条件に利用可。

highlight.jsの設定方法を解説。 Syntax Highlighterから乗換え、高速化にも最適

Crayon Syntax Highlighterの代替案としてhighlight.jsを試してみた。highlight.jsは設置簡単で軽量なシンタックスハイライト。デザインもCSS変更だけの簡単変更。

Custom Field Templateで簡単にカスタムフィールドをフル活用

カスタムフィールドを簡単に設定するプラグイン。簡単にカスタムフィールドが管理で来て作業効率が数倍にアップします!