【WP】WordPressテーマファイルのページ階層早見表

wordpress-basics-template-hierarchyWordPressでサイト構築するために必須となるテーマ。初めてWordPressのテーマのファイルをみるとそれぞれのファイルがどのように関連してサイトが構築されているのか難しく感じるかもしれません。

テーマをカスタマイズしたいとき、テーマを利用したいとき、テーマをより深く理解するためにWordPressのテーマのファイルがどのように構築されているのか、それぞれのファイルの役割や優先度など確認できる早見表があるのでご紹介をします。

テーマファイルのページ階層早見表

早見表は「wordpress.org」の開発サイトで公開されています。左側にあるファイルのほうが優先度が高く、先に表示されます。どの系統も最終的には「index.php」に収束されます。

template-hierarchy

Image credit: WordPress Codex

解説ページ: WordPress Codex

画像バージョンと内容は同じですが、各ファイルの解説へリンクされている階層早見表がこちらで公開されています。

The WordPress Template Hierarchy

上記の早見表に掲載されているファイル以外にも「header.php」、「footer.php」、「functions.php」などのファイルがあり、WordPressのテーマはできています。

関連記事

【デザイン】ウエディングパーティーのエスコートカード

ウエディングパーティーなど来客者をテーブルに案内するときは座席表やエスコートカードが登場しますね。今回は、クリエイティブなエスコートカードの参考事例をご紹介します。 Malibu Calamigos Ranch wedding 可愛らしいミニチュアサイズの鉢植えでお出...続きを読む

2015.03.25インスピレーション

森のなかま藤枝様WEBサイトの制作

ペレットストーブ・木質燃料の販売の「森のなかま藤枝」様のWEBサイトの制作いたしました。 ペレットショップ「森のなかま」は、2002年から地域の環境や自然、森林、エネルギーに関わる仲間があつまり活動してきた「静岡森林エネルギー研究会」の店舗として2015年に浜松市天竜区に開...続きを読む

2018.11.30WEBサイト制作

【WP】オリジナルショートコードの作り方

WordPressでは、shortcodes(ショートコード)という簡単な記述で、事前の用意された処理コードを実行することができます。 ショートコードを作成する ショートコードの作成はPHP関数の基本的な必要になりますが、オリジナルのショートコードは簡単に作成すること...続きを読む

2015.02.24WordPress

【JavaScript】各種ユーザーインターフェイスを実装するライブラリ『jQuery UI』

『jQuery UI 』は一般的なメニュー、アコーディオン、タブなどの多岐にわたるユーザーインターフェイスを実装することができるjQuery対応のJavaScriptライブラリです。 jQuery UI 『jQuery UI 』を用いることで「Interactions...続きを読む

2015.02.10HTMLコーディング

公式サイトをリニューアルオープンいたしました

デザインスタジオ・エフの公式WEBサイトをより見やすく、より探しやすくを目指してリニューアルをしました。 制作事例やブログ、私たちのサービスについてご案内いたします。 今後とも引き続きご愛顧のほど、よろしくお願い申し上げます。 ...続きを読む

2015.02.06