Template hierarchy in Wordpress - Step-by-Step Execution

Concept Flow - Template hierarchy

Request URL

↓

Check for specific template

↓

front-page.php

↓

index.php

↓

Render Output

WordPress checks templates from most specific to general, using the first matching template file to render the page.

Execution Sample

Wordpress

<?php
if (is_front_page()) {
  get_template_part('front-page');
} elseif (is_single()) {
  get_template_part('single', get_post_type());
} else {
  get_template_part('index');
}
?>

This code chooses which template part to load based on the page type.

Execution Table

Step	Condition Checked	Result	Template Chosen	Action
1	Is front page?	Yes	front-page.php	Load front-page.php template
2	Is single post?	No	-	Skip single post templates
3	Is category archive?	No	-	Skip category templates
4	Is page?	No	-	Skip page templates
5	Fallback	-	index.php	Load index.php as fallback
6	Render	-	-	Output page using front-page.php

💡 front-page.php found at step 1, so WordPress uses it and stops searching

Variable Tracker

Variable	Start	After Step 1	After Step 2	After Step 3	After Step 4	Final
Template chosen	none	front-page.php	front-page.php	front-page.php	front-page.php	front-page.php

Key Moments - 2 Insights

Why does WordPress use front-page.php instead of index.php?

Because front-page.php is more specific and found first in the hierarchy (see execution_table step 1). WordPress stops searching after finding the first matching template.

What happens if no specific template matches?

WordPress uses index.php as the fallback template (see execution_table step 5). This ensures something always renders.

Visual Quiz - 3 Questions

Look at the execution_table, which template is chosen at step 1?

A category-news.php

B single-post.php

C front-page.php

D index.php

💡 Hint

Check the 'Template Chosen' column at step 1 in the execution_table.

At which step does WordPress decide to use index.php?

A Step 5

B Step 2

C Step 1

D Step 6

💡 Hint

Look for the fallback template choice in the execution_table.

If the page was a single post, which template would WordPress try to load first?

A front-page.php

B single-{post-type}.php

C category-{slug}.php

D page-{slug}.php

💡 Hint

Refer to the concept_flow diagram showing template checks for single posts.

Concept Snapshot

WordPress Template Hierarchy:
- WordPress checks templates from most specific to general.
- It uses front-page.php for the homepage.
- For single posts, it tries single-{post-type}.php.
- If no specific template matches, it falls back to index.php.
- The first matching template stops the search and renders the page.

Full Transcript

When WordPress receives a page request, it looks for the most specific template file to use. It starts by checking if the page is the front page and looks for front-page.php. If not found, it checks for single post templates like single-{post-type}.php, then category templates, page templates, and finally falls back to index.php. Once it finds a matching template, it stops searching and uses that template to render the page. This process ensures WordPress always has a template to display, prioritizing more specific templates over general ones.