WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~

WordPressをカスタマイズする
なら知っておきたいこと
～テンプレート階層～
建山晃徳
2013.11.01
WordBench熊本第8回勉強会
発表資料

自己紹介
名前：建山晃徳
Twitter：aqun00
Facebook：akinori.tateyama
職業：プログラマ・Webサイト制作（WordPress）
ブログ：WordPress関連のブログちょっと書いてます。
(http://thinking.ne.jp/author/tateyama/)
(http://free-free-wheeling.com)

スライドシェア：
(http://www.slideshare.net/akinoritateyama)

目次
WordPressのファイル構成
WordPressのテーマを構成するファイル
テンプレート階層って何？
TwenteyThirteenの中身を見てみよう

テンプレート階層の疑問点
お知らせ一覧ページの作り方

まとめ

WordPressインストールディレクトリ
wp-content
themes
テーマ１
テーマ２
wp-admin
wp-config.php

この中のファイルを
カスタマイズ
するよ

WordPressのテーマを構成する
ファイル

WordPressのテーマを構成する
ファイル
WordPressインストールディレクトリ
wp-content
wp-themes
テーマ１
テーマ２

front-page.php
home.php
page.php
single.php
category.php
・
・
・

wp-admin
wp-config.php

PHPファイルや
画像ファイルなど

デフォルトテーマのTwenteyThirteen
の中身

TwenteyThirteenの中身

ファイルがたくさん！

いつ、どんな場合に
どのPHPファイルが
使われるのか？

テンプレート階層にそって
使われます

テンプレート階層ってなに？

とりあえず検索・・
「WordPress テンプレート階層」

テンプレート階層とは
PHPファイルが使われる
優先順位になります

あるカテゴリーページの場合

左から順にファイル
を読み込んでいきます。

category-$slug.php
が存在したら

category-$slug.php
より右は使われません

WordPressは
テンプレート階層図の
左からファイル名から探していき、

最初に見つかったファイルを
使います

カテゴリーページの場合

カテゴリーページの場合
これを表示しているPHPは？

category.php
arcive.php
Index.php
があります

category.php
arcive.php
Index.php
テンプレート階層にそって
category.phpが読み込まれ
ます

存在しない
使う
使われない

テンプレート階層を知ることで、
いつ、どんな場合に
どのPHPファイルが
使われるかを把握でき・・

既存テーマの
どのPHPをさわればいいか、

あたらしくPHPファイルを作る際、
どのファイル名でつくればいいか
の判断ができます

ちなみに、
ページがテンプレート階層の
どういう経路で表示されているか
確認する方法

・・・
</head>
<body <?php body_class(); ?>>

bodyタグにこれ書いてください

自動でclass名がソースに出力され、
ページがテンプレート階層のどういう
経路で表示されているか確認できます

カテゴリー
アーカイブ

テンプレート階層の疑問点

お知らせ（投稿）一覧ページ
どうやって作るんだろう？

「ブログ投稿インデックスページ」を使う

たとえば、

http://example.jp/news
でお知らせ一覧を
作りたい

固定ページでお知らせを作る
ページタイトル

パーマリンクをnewsに

表示設定で投稿ページ
を作成したお知らせにする

投稿ページを
固定ページでつくった
「お知らせ」に

http://example.jp/news
にアクセスすると、投稿された一覧
ページが出来上がります。

テンプレート階層を
困った時にみて、
テーマのカスタマイズや作成に
役立てよう

ご清聴ありがとうございました

WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (13)

Similar to WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~

Similar to WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~ (20)

WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~