エス技研

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・Contact Form7、MW WP Form共通 細かなデザイン調整方法

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

Unveil Lazy LoadでWordPressを高速化!SEO効果絶大でPVもアップ!

WordPressの表示を高速化するUnveil Lazy Loadの紹介。利用するJSを見直し高速化を徹底的に追求したプラグイン。入れるだけで高速化するので使わない手はない!

Custom Post Type UIでカスタムタクソノミーを設定・バージョン1.4対応解説

カスタムタクソノミーをプラグインCustom Post Type UIを使って設定する方法の解説。バージョンアップにより設定する項目も増え続け、より柔軟な設定が可能に。

PoeditでWordPressの日本語対応方法。英語プラグインの日本語翻訳ファイル作成

プラグインの日本語化の手順のまとめ。.pot、.po、.moファイルの解説や便利ツールの Poeditの紹介を行いつつ、手順、ファイル設置場所、注意ポイントなども紹介。

Advanced Custom Fields管理画面の全項目完全解説・カスタムフィールド決定版!

カスタムフィールドを設定する最高のプラグイン。設定できる項目を全て網羅して解説。投稿の項目だけではなく、カテゴリやユーザ情報の項目を増やすことにも使えます。

実測比較・レンタルサーバスピード選手権!WordPressが速いのは?

WordPressが一番速く動くレンタルサーバはどれだ!実際にこのエス技研ブログをコピーして8つのサーバを比較。結果はヘテムル、X10、さくらプレミアムが同レベルで優秀。

Autoptimizeで簡単設定!HTML、JS、cssを圧縮しWordPress高速化!

Autoptimizeを使って簡単にHTML、JavaScript、CSSを圧縮しサイトの表示を高速化しよう!基本設定、拡張設定とあり柔軟な設定で多彩な環境に対応出来ます。

WordPressのユーザ名を後から変更する方法。adminの使用は危険。

運用中のユーザ名を変更する方法を解説。かつてのデフォルト設定だった「admin」は誰もが使うIDのため非常に危険です。今からでも変更しましょう。

WP-PostRatingsでWordPressに自由度が高い口コミサイトを構築

口コミの評価点を投稿する機能に特化したプラグインで、多様なイメージと投稿方法が用意されていてサイトにあったイメージを選択できます。

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

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