エス技研

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.

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

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

  関連記事

WordPress投稿にPHPを記述するショートコードの使い方add_shortcode

WordPressの投稿ページで PHPの処理を行うには add_shortcode関数を使ったショートコードという機能を利用します。

WordPressプラグインの3つのインストール方法解説

プラグインのインストール方法の特徴とおススメの方法を理由を含めて解説していきます。

WordPress csvインポート、エクスポートのプラグイン

WordPressから csvファイルをエクスポート、インポートする方法を紹介しています。

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

Google Code Prettifyでソースコードをきれいに編集する方法の解説。簡単設置とカスタマイズ設置の2つの方法を解説し、カスタマイズするポイントも解説。

get_categories、get_termsでカテゴリとタクソノミーのターム一覧の編集方法

get_categories()関数やget_terms()関数を使ってタクソノミーのタームを取得し検索処理の部品を作るプログラム作りその解説をしています。

Rating-Widgetは超簡単設定のWordPress口コミサイト構築プラグイン

口コミの評価点を投稿する機能に特化したプラグインで、多様なイメージの投稿方法や一覧ページ、コメントなどにも投稿機能を追加することができます。

WordPressの投稿プレビューのURLを変更する方法

プレビューを表示する際のURLを変更する方法の解説。「サイトアドレス (URL)」に基づいて編集されるURLを任意のURLに変更する場合の方法とその解説を行います。

評価点投票プラグイン10個を比較!WordPressで口コミサイトを構築

口コミサイトを作るために必要な評価点、レビューを投稿できるプラグインを探して評価。10プラグインをチェックし、8プラグインは詳細解説付き。

WordPress 画面が真っ白になる不具合があった場合の対応の一つ

WordPressで画面が真っ白になる不具合があった場合の対応方法の説明です。PHPでエラーが起こっている場合がほとんどですがその対処方法です。

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

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