【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のテーマはできています。

関連記事

【デザイン】HTML5を使用したアニメーションサイト

HTML5より新しく登場した「Canvas」などによって、AdobeのFlashのような動的な2次元グラフィックを、HTML形式ファイルをベースに制作することができるようになりました。 今後、デザインとして設計されるのはもちろん、アニメーションやゲーム、WEBアプリケー...続きを読む

2015.02.16インスピレーション

【WP】アップロードするメディアフォルダをカスタマイズする

wordpressでは画像などのメディアファイルを投稿すると初期設定では「投稿年」「投稿月」のフォルダが作られ、そのフォルダ内にデータがアップロードされます。 コーポレートサイトとして運用しカスタム投稿や固定ページを多く使用するような場合はカスタム投稿やページ毎に分けて...続きを読む

2015.03.13WordPress

【HTML】Bootstrap4を使いレスポンシブサイトをコーディングする《導入編》

Twitterのデザイナーや開発者が作成した『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応...続きを読む

2018.09.22BootstrapHTMLコーディング

【WP】管理画面をカスタマイズできるプラグイン「AG Custom Admin」

今回紹介するプラグイン「AG Custom Admin」を使用すると、WordPressの管理画面のログイン、メニュー項目、ダッシュボードなどをカスタマイズできるようになります。 ダッシュボードなど個々にカスタマイズできるプラグインなどはありますが、「AG Custom A...続きを読む

2016.07.08WordPress

Google Chart API でQRコードを自動生成する方法

Google Chart APIはGoogleが提供しているグラフなどのイメージを作成してくれるAPIサービスです。URLに必要な値を与えるだけで、グラフなどのイメージを返してくれます。 主にグラフなどを作成することができるのですが、その機能のなかにQRコードを作成して...続きを読む

2015.03.09HTMLコーディング