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
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです!
関連記事
-
ショートコードで簡単解決!WordPress固定ページにカテゴリ一覧を編集する方法
ショートコードを使って固定ページや投稿に特定のカテゴリ一覧を編集する処理を作りました。プラグインなしで30行くらいのソースコピペで実現できます!
-
WordPressグローバルナビ・メニューの編集の方法解説
グローバルナビであるメニューの編集方法の解説です。メニューの管理画面の使い方の解説と設定のポイント、テーマによって設定する項目が違う点などを解説します。
-
WordPressのユーザ名を後から変更する方法。adminの使用は危険。
運用中のユーザ名を変更する方法を解説。かつてのデフォルト設定だった「admin」は誰もが使うIDのため非常に危険です。今からでも変更しましょう。
-
Custom Field Templateで簡単にカスタムフィールドをフル活用
カスタムフィールドを簡単に設定するプラグイン。簡単にカスタムフィールドが管理で来て作業効率が数倍にアップします!
-
Captchaを使って WordPressのコメントスパム対策をする
コメントスパム対策として入力させない対策の一つとしてCAPTCHAという方法がありそれを簡単に実装できるプラグインCaptchaの解説です。
-
カスタムフィールドの検索処理をget_posts()関数のmeta_queryで作成しそれを解説
カスタムフィールドを条件検索・抽出する機能開発の解説。サンプルソースをコピペすればOK。詳細解説もあるのでカスタマイズもできる!
-
Contact Form 7の使い方・引数で情報を受け渡す方法
Contact Form 7で引数の情報をフォームに編集する方法を解説します。
-
実測比較・レンタルサーバスピード選手権!WordPressが速いのは?
WordPressが一番速く動くレンタルサーバはどれだ!実際にこのエス技研ブログをコピーして8つのサーバを比較。結果はヘテムル、X10、さくらプレミアムが同レベルで優秀。
-
Rich ReviewsでWordPressに口コミサイトを簡単に構築する方法
口コミサイトに必要なレビュー投稿機能を提供するプラグインです。独自のフォームをショートコードで編集する自由度が高い設計で、平均点の表示も用意されています。
-
WordPressで ¥円マークが \ バックスラッシュになる原因と対処方法
円マークがバックスラッシュに変換される。その原因と対処方法を解説します。原因はCSSでのフォント指定に欧文フォントも含まれるため欧文フォントで表示されること。