The Loop and query in Wordpress - Step-by-Step Execution

Concept Flow - The Loop and query

Start WordPress page

↓

Query posts from database

↓

Check: Are there posts?

No→Show 'No posts found'

Yes↓

Start Loop: For each post

↓

Setup post data

↓

Display post content

↓

Next post?

Yes→Back to Setup post data

No↓

End Loop

↓

Reset post data

↓

End page

WordPress starts by querying posts, then loops through each post to display content, or shows a message if no posts exist.

Execution Sample

Wordpress

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
  <h2><?php the_title(); ?></h2>
  <div><?php the_content(); ?></div>
<?php endwhile; else : ?>
  <p>No posts found.</p>
<?php endif; ?>

This code queries posts and loops through them to show title and content, or shows a message if none.

Execution Table

Step	Action	Condition/Check	Result	Output
1	Call have_posts()	Are there posts?	Yes	Prepare to loop
2	Call the_post()	Set current post data	Post 1 data ready	Ready to display post 1
3	Display the_title()	N/A	Title of Post 1	<h2>Title of Post 1</h2>
4	Display the_content()	N/A	Content of Post 1	<div>Content of Post 1</div>
5	Call have_posts()	More posts?	Yes	Prepare next post
6	Call the_post()	Set current post data	Post 2 data ready	Ready to display post 2
7	Display the_title()	N/A	Title of Post 2	<h2>Title of Post 2</h2>
8	Display the_content()	N/A	Content of Post 2	<div>Content of Post 2</div>
9	Call have_posts()	More posts?	No	End loop
10	Exit loop	No more posts	Loop ends	No more posts displayed

💡 Loop ends when have_posts() returns false, meaning no more posts to show.

Variable Tracker

Variable	Start	After Step 2	After Step 6	Final
current_post	null	Post 1 data	Post 2 data	null (reset after loop)
have_posts()	N/A	true	true	false

Key Moments - 3 Insights

Why does have_posts() need to be called twice in the loop?

have_posts() checks if there is a next post to process. It is called before the_post() to decide if the loop continues (see steps 1, 5, 9).

What happens if there are no posts at all?

The condition at step 1 fails, so the else block runs showing 'No posts found' message instead of entering the loop.

Why do we call the_post() inside the loop?

the_post() sets up the current post data so template tags like the_title() and the_content() know which post to display (see steps 2 and 6).

Visual Quiz - 3 Questions

Look at the execution table, what is the output at step 4?

A <div>Content of Post 1</div>

B <h2>Title of Post 1</h2>

C <p>No posts found.</p>

D No output

💡 Hint

Check the Output column at step 4 in the execution_table.

At which step does the loop detect there are no more posts?

A Step 5

B Step 9

C Step 10

D Step 1

💡 Hint

Look for have_posts() returning 'No' in the Condition/Check column.

If there were no posts, which output would appear?

A <h2>Title of Post 1</h2>

B <div>Content of Post 1</div>

C <p>No posts found.</p>

D Empty page

💡 Hint

Refer to the key_moments explanation about no posts and the else block.

Concept Snapshot

The Loop in WordPress:
- Use have_posts() to check for posts
- Use while (have_posts()) and the_post() to loop
- Inside loop, use template tags like the_title() and the_content()
- If no posts, use else block to show message
- Loop ends when have_posts() returns false

Full Transcript

In WordPress, The Loop is how posts are displayed. It starts by checking if there are posts using have_posts(). If yes, it enters a while loop. Each iteration calls the_post() to set the current post data. Then template tags like the_title() and the_content() output the post's title and content. When no posts remain, have_posts() returns false and the loop ends. If no posts exist at all, the else block runs showing a message like 'No posts found.' This process repeats for each post in the query.