より迅速な開発のためのWordPressテンプレート階層の理解

公開: 2018-09-15
ワードプレステンプレート階層
@Cloudwaysをフォローする

WordPressテーマの作成は、ロケット科学ではありません。 基本から始めると、WordPressテーマの開発を簡単に掘り下げることができます。 しかし、筋金入りの開発に取り掛かる前に、WordPressテンプレート階層とWordPressテーマ階層を理解することが絶対に必要です。 WordPress Webサイトのページは、Webページの特定の領域で要求される単一のテンプレートファイルまたはテンプレートファイルの組み合わせを使用して構築されます。

WordPressテンプレート階層に含まれるもの:

  1. 基本的なWordPressページ階層
  2. ホームページ表示ページ
  3. 単一の投稿ページ
  4. 静的ページ
  5. アーカイブページ
  6. その他のWordPressテンプレートファイル
  7. 最後の言葉

WordPressテンプレート階層ファイルのいくつかの例は次のとおりです。

  1. Index.php
  2. Sidebar.php
  3. Header.php
  4. footer.php

それらはwp-content / themes / theme-nameフォルダーにあります。 WordPressテンプレート構造ファイルはたくさんありますが、WordPressテーマが機能するために絶対に必要なファイルはindex.phpとstyle.cssの2つだけです また、 functions.php (テンプレートファイルとは見なされません)は、テーマの機能を含む必須ファイルです。 ウェブサイトにカスタムルックを追加して、WordPressテーマ階層内で利用可能なさまざまなテンプレートファイルを使用できると感じます。

最初に、ページをレンダリングする方法と、WordPressテンプレート階層を上に移動する方法を理解するために、この例を考えてみましょう。

訪問者がWordPressサイトの紹介文ページにアクセスし、 page-testimonials.phpというカスタムページテンプレートを作成すると、WordPressはpage-testimonials.phpを読み込みます。 ただし、page-testimonials.phpが存在しない場合、WordPressはフォールバックしてpage.phpをロードし、page.phpがテーマファイルに存在しない場合、WordPressはindex.phpをロードします。

テンプレートファイルをセクションに分割して、目的と使用場所を理解しやすくします。

基本的なWordPressページ階層

基本的なWordPresページ階層には次のものが含まれます。

  1. index.php
  2. header.php
  3. footer.php
  4. sidebar.php
  1. Index.php

前述したように、index.phpは、WordPressテーマが機能するために必要なWordPressページ階層の1つのテンプレートファイルの1つです。 index.phpは、WordPressテーマのホームページをレンダリングするために最も一般的に使用されます。 single.phpやpost.phpなどのテンプレートファイルが存在しない場合は常に、WordPressはindex.phpをロードします。

index.phpには通常、header.php、footer.php、sidebar.phpなどの他のテンプレートファイルが含まれています。これらのファイルには、サイトのヘッドセクション、フッター領域、ウィジェット領域のあるサイドバーがそれぞれ含まれています。 また、テンプレートに投稿またはページを表示するループも含まれています。

  1. header.php

header.phpには、WordPressサイトのheadセクションが含まれており、通常、すべてのテンプレートファイルの先頭で呼び出されます。 通常、ヘッダー情報、分析、CSSファイルの呼び出し、サイトナビゲーション、ページタイトル、サイトロゴなどが含まれます。

  1. footer.php

同様に、WordPressページ階層内のファイル内のfooter.phpは、WordPressテーマのフッターセクションを構築するために使用され、すべてのテンプレートファイルのフッターセクションで呼び出されます。 footer.phpには通常、著作権情報、JSファイルへの呼び出し、一般的にサイトナビゲーションがあるウィジェット領域が含まれています。

  1. sidebar.php

一方、sidebar.phpは、その名前が示すように、サイトのサイドバーを構築するために使用され、サイドバーを呼び出すためにindex.php、page.php、single.phpなどのテンプレートファイルで呼び出されます。 通常、簡単にカスタマイズできるウィジェット領域が含まれています。

ホームページ表示ページ

  1. front-page.php
  2. home.php
  3. page.php
  4. index.php

WordPressサイトのホームページには、最新のブログ投稿または静的ページが表示されます。 これは、WordPressダッシュボード設定->読み取りの設定によって異なります。 最新の投稿に設定されている場合は、ホームページに最新のブログ投稿が表示され、静的ページに設定されている場合は、page.phpやfront-page.phpなどのWordPressテンプレート階層からテンプレートが読み込まれます。

front-page.phpが存在する場合、WordPressはこのテンプレートファイルを「最新のブログ投稿」と「静的ページ」の両方の設定に使用します。 front-page.phpが存在せず、WordPressの読み取り設定で「最新のブログ投稿」が設定されている場合、home.phpが読み込まれます。

[設定]-> [投稿ページのある静的ページの読み取り]が選択されている場合、WordPressはホームページをレンダリングするためにpage.phpテンプレートを探します。

ただし、front-page.php、page.php、およびhome.phpが存在しない場合、WordPressはindex.phpにフォールバックしてホームページをレンダリングします。

単一の投稿ページ

  1. single.php
  2. singular.php
  1. single.php

WordPressでは、単一のブログ投稿はsingle.phpファイルを使用してレンダリングされます。 WordPressバージョン4.3以降では、新しいWordPressテンプレートファイルsingular.phpが追加されました。

WordPressのカスタム投稿タイプの場合、single- {post-type} .phpを使用できます。 たとえば、投稿タイプが動物の場合、WordPressはsingle-animals.phpを検索し、single.phpよりも優先されます。 ポストタイプファイルが存在しない場合は、single.phpを使用してページをレンダリングします。

  1. singular.php

singular.phpは、page.phpとsingle.phpのコードが一般的に同じである場合に使用されます。 single.phpが存在しない場合、WordPressはsingular.phpを検索します。

静的ページ

ページは次の順序でレンダリングされます。

  1. ページテンプレート
  2. ページ-{slug} .php
  3. ページ-{id} .php
  4. page.php
  5. singular.php
  6. index.php

上で述べたように、single.phpとpage.phpを同じように見たい場合は、singular.phpを作成することをお勧めします。

アーカイブページ

  1. author.php
  2. category.php
  3. taxonomy.php
  4. date.php
  5. tag.php
  6. archive.php

WordPressのアーカイブページは、特定の作成者、カテゴリ、分類法、日付、タグなどから投稿を取得するために使用されるページです。

単一のアーカイブテンプレート、つまりarchive.phpを使用できます。 しかし、さらに多くのテンプレートにドリルダウンするために、author.php、category.php、taxonomy.php、date.php、tag.phpがあり、それらはすべてかなり自明です。

さらに、カスタマイズされたテンプレートを作成できます。

category- {slug} .php –カテゴリのスラッグがcute-kittensの場合、WordPressはcategory-cute-kittens.phpを検索します。存在しない場合は、category.phpが使用されます。

category- {id} .php – id = 3の場合、WordPressはcategory-3.phpを検索してページをレンダリングします。 それ以外の場合はcategory.phpをロードします

{slug}と{id}の同様の理論が「タグ」ページに適用されます

カスタム作成者テンプレートの場合、作成者-{nicename} .phpまたは作成者-{id} .phpを使用できます。 著者の名前がAndyの場合、WordPressはauthor-andy.phpを検索します。存在しない場合、WordPressはauthor.phpにフォールバックしてページをレンダリングします。

その他のWordPressテンプレートファイル

– search.php

WordPressでの検索結果は、テンプレートファイルsearch.phpを使用します。 存在しない場合、検索結果はindex.phpからレンダリングされます。

– attachment.php

このテンプレートファイルは、画像やビデオなどの添付ページをレンダリングするために使用されます。 image.phpとvideo.phpは、それぞれ画像とビデオをレンダリングするために使用されます。 これらのファイルが存在しない場合は、attachment.phpが使用されます。

– 404.php

WordPressで見つからないページは404.phpからレンダリングされます。 404が存在しない場合は、index.phpからページをレンダリングします。

–comments.php

これはコメントのテンプレートであり、single.phpやpage.phpなどのテンプレートファイルで呼び出され、コメントセクションが追加されます。

最後の言葉

WordPressテンプレート階層を理解することは、カスタムWordPressテーマを開発したり、WordPressテーマファイル構造をカスタマイズしたりする場合に非常に役立ちます。 編集およびカスタマイズする適切なテンプレートファイルを簡単に見つけることができます。 WordPressテンプレート階層の良いところは、厳密な命名規則に従っていることです。 あなたがそれを手に入れたら、それはWordPressテーマを作るのを簡単にします。 テーマ開発の迅速で視覚的なリファレンスについては、WordPressテーマ階層を参照できます。

Q. WordPressテンプレート階層とは何ですか?

WPテンプレート階層は、テンプレートファイルがWordPressWebサイトにロードされる順序です。 これは、WordPressがファイルを検索して、ブラウザにどのファイルをロードするかを決定するのに役立ちます。

Q. WordPressテンプレート階層が存在するのはなぜですか?

WPテンプレート階層により、WordPress開発者はテーマの設計と変更を簡単に行うことができます。

Q. WordPressテンプレートファイルとは何ですか?

WordPressテンプレートファイルは、WordPressページのデザインと作成に使用されます。 テンプレートファイルの例としては、ヘッダーとフッターがあります。