*

【保存版】WordPressのテンプレート名称と優先順のまとめてみた

目的
WordPressテーマの中にあるファイル構成を把握してカスタマイズのポイントを知る
読書時間
15分くらい
難易度
目次
1. たった2つだけのテーマファイル構成
2. 基本となるファイル構成とテンプレート名
3. その他のテンプレートの種類
4. 共通パーツのテンプレート
◎ 今回のまとめ

WordPressのファイルテーマ構成を理解することで、
テーマのカスタマイズが出来るようになります。
ファイル構成はカンタンだ

最新のWordPressに入っているテーマ
「Twenty Thirteen」や「Twenty Twelve」は、
高機能のためファイル数が多く
各テンプレートの意味や機能を把握するのが、
難しくなって来ています。

本来WordPressのファイル構成は
非常にシンプルに出来ています。

たった2つだけのテーマファイル構成

WordPressテンプレートは2つのファイルがあれば、
テーマを作ることが出来ます。
シンプル構成
ファイル構成は簡単になった分、
固定ページ、記事ページ、カテゴリーページなどの
テンプレートを「index.php」に詰め込むため、
デザイン変更の管理が難しくなります。

そこで、
デザインが異なるページ毎にテンプレートを作成し、
共通の部分(ヘッダーやフッター)に分離することで、
管理やカスタマイズが容易になります。

基本となるファイル構成とテンプレート名

基本となるファイル構成には、
予めテンプレート名と、
適用される順番が決まっています。

各ページのテンプレート名と、
適用される優先順位をイラストにしています。
wordpress-templete

トップページのファイル構成と名称

トップページテンプレート
テーマファイルにhome.phpを作成すると、
index.phpは無視され、home.phpのテンプレートが適応されます。
front-page.phpを更に追加作成すると、
index.phpとhome.phpは無視されて、
front-page.phpが適応されます。

front-page.phpとhome.phpの違いについて
管理画面「設定」>「表示設定」>「フロントページの表示」が設定が影響を受けるか、受けないかの違いです。
front-page.php:フロントページの表示設定は無効
home.php:フロントページの表示設定が優先される

アーカイブページのファイル構成と名称

アーカイブテンプレートファイル構成
アーカイブページとは、
まとまっているページことです。

カテゴリー毎の記事一覧、月ごとの記事一覧を表示する場合のテンプレートです。

カテゴリーによってテンプレートを変更したい場合は、
「category-ID番号.php」をテーマ内に作成します。
他のID番号のカテゴリーは、別のテンプレートが適用されます。

固定ページのファイル構成と名称

ページテンプレート
page.phpが最優先されます。

記事ページのファイル構成と名称

記事ページは、シングルページと呼ばれるように、
single.phpが優先されます。

シングルページテンプレート

その他のテンプレートの種類

検索結果が表示されるページや、
著者のページ、
ページが見つからなかったときの404のページにも、
同様に適用される優先順位があります。
wordpress-templete002

共通パーツのテンプレート

サイト内の全てのページで同じ内容が表示される部分を
共通パーツ化することで、
テンプレートの管理や変更が楽になります。

共通パーツは、
自分で好きな名前を付けることが出来ますが、
他のテーマでも使用されているような
一般的な分かりやすい名前を付けることをお勧めします。

高機能なテーマになると、
この共通パーツが細分化されて
初心者にはWordPressのテーマの構成が
理解し難いことがあります。
wordpress-templete003

今回のまとめ

テーマ自体が高機能になり、
WordPressテーマファイル構成が複雑になっています。
基本的には、非常にシンプル構造で分かりやすいものです。
基礎となるファイル構成を把握すると
カスタマイズの変更するポイントが見えるようになります。

記事が気になったらSNSでチェックしてくださいね

  • follow us in feedly
  • このエントリーをはてなブックマークに追加

いいね!でWordPress最新情報が手に入ります

関連記事

初めてでも出来る世界で1つだけのドメインを取得する方法

ドメインはインターネット上の住所 インターネット上にウェブサイトを作成するには、 必ずドメイ

記事を読む

知らなきゃ損する!WordPress構築の超定番3つの無料アプリを紹介

WordPress構築に立ち向かって、 攻略していくためには、 まずは武器が必要です! 構

記事を読む

XAMPPでWordPress環境作りは面倒だ!BitNamiで構築は簡単・便利・早い!

ワードプレスを構築するには、 サーバーを借りる必要があります。 これから、勉強でWo

記事を読む

高品質なWordPressテーマ

横文字クールなテーマには要注意!WordPressのテーマを選ぶ5つのステップ

WordPressの構築で、 無駄に時間を費やしてしまうものに テーマの選択があります。

記事を読む

page-template

固定ページを内容によってデザインを変更する方法

作成した固定ページによっては、 デザインを変更したい場合があります。 会社紹介サイトで、

記事を読む

ちょっと待った!ドメイン名をつける前に確認する3つポイント

ドメイン名は、世界に1つだけの名前です。 一度決めたら、その会社またはサービスが続く限りは 変更

記事を読む

WordPress 使い方!最低限の知っておくべき管理画面の7つの機能!

WordPressの管理画面は、どのようになっているのでしょうか? 大きく分けると、2つの

記事を読む

初めてWordPressを使う方にもわかりやすく解説していきます

話題に上がることが多くなったWordPress。 WordPressを導入すると、

記事を読む

WordPress制作に必要なWebブラウザをインストールしましょう!

Webブラウザという言葉が?ハテナの方も多いと思います。 インターネットでサイトを閲覧するときに使

記事を読む

WordPressとは? 始める前に知っておくべき10個の質問

Webの広い世界のなかで、 WordPressという選択し勉強を始める前に、 知っておく

記事を読む

コメントを残す

https_image
安くなったSSL証明書 全サイトを暗号化する時代がやってきた

2014年8月にGoogleが「HTTPSをランキングシグナル

残念な年賀状
アップロードしたサムネイル画像を一括でリサイズしてくれるありがたいプラグイン

新しくテーマを変更したら、 サムネイル画像の人がやせ細ってしましまし

記事投稿を簡単にする方法
コピペで出来る!蛍光マーカーや赤文字ボタンを作成して記事を簡単に装飾する方法

記事を書くのを少しでも楽にする方法を紹介 記事を書くときは、出来るだ

web素材が無料
高品質なウェブ素材が無料「ShanaBrian Website」

Webサイト構築ですぐに使える素材が ひと通り揃っています。

無料のイラスト・かわいいテンプレート 素材ライブラリー
イラスト無料の「素材ライブラリー.com」

全ての質の高いイラストが揃っていて、 PNGやJPGだけでな

→もっと見る

  • follow us in feedly
PAGE TOP ↑