WordPressの一覧ページのテンプレートの種類とファイルの設定
2016/03/11
一覧ページのテンプレートファイルの種類と作り方
WordPressのテンプレートファイル
WordPressのテンプレートファイルは、いろいろなファイルが存在していますが、その中で一覧ページのテンプレートについて解説します。
WordPressの一覧ページのテンプレートは下記のものが基本形です。
/{WordPressのルート}/wp-content/themes/{テーマ}/archive.php
このテンプレートファイルがあれば、月別のアーカイブページを始め、カテゴリ一覧、トップページの投稿一覧などの一覧ページを全てこのテンプレートファイルに基づいて表示します。
そして、アーカイブ一覧のテンプレートとは別に、カテゴリ一覧用のデザインテンプレートを作りたいと思った場合は、下記のファイル名のファイルを作成するとそのデザインが反映されます。
/{WordPressのルート}/wp-content/themes/{テーマ}/category.php
このように、WordPressではあらかじめ決められているルールに従ってテンプレートファイルを用意することでそのデザインを反映できる仕組みが備わっています。
WordPressのテンプレートファイルの取得順位
先に書いたように、WordPressではテンプレートのファイル名に従ってテンプレートを読み込む仕組みがあります。
その、一覧ページの読み込むファイルの取得順位は以下のようになっています。
カテゴリの一覧ページを作成する場合は以下になります。
- category-{slug}.php
特定のカテゴリだけのテンプレート - category-{id}.php
1.同様特定のカテゴリ。こちらは IDで指定 - category.php
カテゴリ共通のテンプレート - archive.php
カテゴリ、アーカイブ一覧など一覧ページ共通 - index.php
すべての共通テンプレート
例えば、カテゴリの中にタームIDが「5」の「shop」と言うタームを作ったとします。
その「shop」に属する記事だけの一覧を作る場合は、上の 1番から順番に探していき、取得できたものをテンプレートとして使用します。
まず
category-shop.php
があればそれを使います。なければ
category-5.php
を探して、あればそれを使います。以下、
category.php
archive.php
index.php
を探して使用します。
同じように、カスタムタクソノミーの場合は、下記の順番でテンプレートファイルを取得します。
- taxonomy-{slug}-{term}.php
特定のタクソノミーの中の特定のタームだけのテンプレート - taxonomy-{slug}.php
特定のタクソノミーだけのテンプレート - taxonomy.php
タクソノミー共通のテンプレート - archive.php
タクソノミー、アーカイブ一覧など一覧ページ共通 - index.php
すべての共通テンプレート
基本的には「category」の部分が「taxonomy」に変わった感じですが、「category」は「taxonomy」のなかの一つというイメージですので、カスタムタクソノミーの中のタームを指定する場合は、「taxonomy-{slug}-{term}.php」になる、と言うことですね。
GoogleAdwords
GoogleAdwords
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです!
関連記事
-
-
Custom Post Type UIでカスタムタクソノミーを設定し編集する方法解説
カスタムタクソノミーを追加、管理するプラグインCustom Post Type UIの使い方の解説。プラグインの解説ではあるものの、カスタムタクソノミーの仕様の解説でもある。
-
-
wp_mail()関数でWordPressのスパム対策済のメールフォーム作成
WordPressでメール送信フォームを作成するための関数「wp_mail()」の使い方の解説。CC、BCC、添付ファイルも HTMLメールも設定可能。
-
-
Never Let Me Goで会員制サイトの退会機能を実装
会員制サイトで退会する機能を提供するプラグインの設定方法の解説。Theme My Loginなどの会員登録のプラグインと組み合わせて利用します。
-
-
技術ブログの悲劇。複数ブログをWordPressに引越して分かったこと
ブログによってユーザ層が違う。ユーザ層が違えば検索エンジンやブラウザ等が違うため、まずアクセス解析をやってみることが大事。一つの分析方法を紹介。
-
-
Autoptimizeで簡単設定!HTML、JS、cssを圧縮しWordPress高速化!
Autoptimizeを使って簡単にHTML、JavaScript、CSSを圧縮しサイトの表示を高速化しよう!基本設定、拡張設定とあり柔軟な設定で多彩な環境に対応出来ます。
-
-
カスタムタクソノミーのターム一覧をウィジェットにショートコードで編集
カスタムタクソノミーに属するターム(カテゴリ)の一覧を wp_list_categories()関数+ショートコードでウィジェットに編集するサンプルプログラムです。
-
-
BackWPupでバックアップ・Jobの設定・保存先の情報設定
BackWPupその3。Jobのバックアップファイルの保存先の設定についての解説。
-
-
Google Code Prettifyの設定方法を解説。 Syntax Highlighterから乗換え、高速化にも最適
Google Code Prettifyでソースコードをきれいに編集する方法の解説。簡単設置とカスタマイズ設置の2つの方法を解説し、カスタマイズするポイントも解説。
-
-
PoeditでWordPressの日本語対応方法。英語プラグインの日本語翻訳ファイル作成
プラグインの日本語化の手順のまとめ。.pot、.po、.moファイルの解説や便利ツールの Poeditの紹介を行いつつ、手順、ファイル設置場所、注意ポイントなども紹介。
-
-
WordPressの管理画面ログインURLの変更方法解説
管理画面のログインURLの変更は極めて有効なセキュリティ向上の方法ですので、その解説を行います。