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

関連記事

【JavaScript】ページ内リンクでページスクロールを実現する「smoothScroll.js」

「smoothScroll.js」は、ページ内リンクでページをスクロールを実装できすJavaScriptライブラリです。jQueryを実装していない状態でも稼働するので、手軽に導入できます。 基本的な使い方 導入は簡単、ライブラリを読み込むだけで実装でき、設置後は...続きを読む

2018.02.27HTMLコーディング

【デザイン】ボトル&瓶詰めのパッケージデザインまとめ

先日、包装用のラベルシールや包装ツールを手掛けさせていただくことになりました。 今日は、ボトル&瓶詰めのパッケージデザインで参考になったデザインワークスのまとめです。 Le Chat ブラジルにあるデザイン事務所「A Sweety Branding Studio.」...続きを読む

2015.03.06インスピレーション

美容室グランディール様WEBサイトのリニューアル

富士宮市にある『美容室グランディール』様のWEBサイトのデザインをリニューアルいたしました。上質な空間を演出できるように、よりナチュラルな印象に、おしゃれで可愛らしい雰囲気のデザインに仕上がりました。 インスタグラムでの投稿と連携して、写真が表示されるようになっております。...続きを読む

2018.02.06WEBサイト制作リニューアル美容室

プロモーションビデオ制作の制作事例を公開いたしました!

店舗や会社、商品やサービスを動画で紹介してみませんか。 インターネット環境の高速化やスマートフォンの普及により多くの方が動画コンテンツを身近に楽しむようになりました。そして、動画コンテンツは、新しいマーケティングツールとして注目されています。 店舗のオープンやイベントのお知ら...続きを読む

2018.09.11

美容室グランディール様折込チラシ制作

富士宮市にある『美容室グランディール』様の折込チラシを制作いたしました。お店で開催されるキャンペーン、お店の基本情報を告知するための折込チラシです。 [gallery link="file" columns="4" ids="725,726"] クライ...続きを読む

2015.03.19チラシ制作美容室