The Loop and query in Wordpress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to start The Loop in WordPress.

Wordpress

<?php if ( have_posts() ) : while ( [1] ) : the_post(); ?>
  <h2><?php the_title(); ?></h2>
<?php endwhile; endif; ?>

Drag options to blanks, or click blank then click option'

Athe_post()

Bhave_posts()

Cget_posts()

Dquery_posts()

Attempts:

3 left

💡 Hint

Common Mistakes

Using the_post() inside the while condition instead of have_posts()

Using get_posts() which returns an array, not suitable for The Loop

Using query_posts() which modifies the main query and is not used inside The Loop

The Loop uses have_posts() in the while condition to check for posts and the_post() to set up each post inside the loop.

2fill in blank

medium

Complete the code to create a custom query for posts in WordPress.

Wordpress

<?php $custom_query = new WP_Query( array( 'category_name' => [1] ) ); ?>

Drag options to blanks, or click blank then click option'

A'news'

Bnews

C'post'

Dcategory

Attempts:

3 left

💡 Hint

Common Mistakes

Not using quotes around the category name

Using the wrong key like 'category' instead of 'category_name'

The category name must be a string inside quotes, so use 'news'.

3fill in blank

hard

Fix the error in the code to properly reset post data after a custom query.

Wordpress

<?php $query = new WP_Query(); /* custom query code */ wp_reset_[1](); ?>

Drag options to blanks, or click blank then click option'

Aquery

Bpost

Cloop

Dpostdata

Attempts:

3 left

💡 Hint

Common Mistakes

Using wp_reset_query() which resets the main query but not post data

Using wp_reset_loop() which does not exist

After a custom WP_Query loop, use wp_reset_postdata() to restore the original post data.

4fill in blank

hard

Fill both blanks to create a loop that shows only 5 posts from a custom query.

Wordpress

<?php $my_query = new WP_Query( array( 'posts_per_page' => [1] ) );
if ( [2] ) : while ( $my_query->have_posts() ) : $my_query->the_post(); ?>
  <h2><?php the_title(); ?></h2>
<?php endwhile; endif; wp_reset_postdata(); ?>

Drag options to blanks, or click blank then click option'

A5

B$my_query->have_posts()

Chave_posts()

D10

Attempts:

3 left

💡 Hint

Common Mistakes

Using the global have_posts() instead of the custom query's method

Setting posts_per_page to a string instead of a number

Set 'posts_per_page' to 5 and check the custom query with $my_query->have_posts().

5fill in blank

hard

Fill all three blanks to create a custom query that fetches posts from category 'events' and orders them by date descending.

Wordpress

<?php $events_query = new WP_Query( array( 'category_name' => [1], 'orderby' => [2], 'order' => [3] ) );
if ( $events_query->have_posts() ) : while ( $events_query->have_posts() ) : $events_query->the_post(); ?>
  <h2><?php the_title(); ?></h2>
<?php endwhile; endif; wp_reset_postdata(); ?>

Drag options to blanks, or click blank then click option'

A'events'

B'date'

C'DESC'

D'title'

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'ASC' instead of 'DESC' for descending order

Using category slug without quotes

Using 'title' instead of 'date' for orderby

Use 'events' for category_name, order by 'date', and order descending with 'DESC'.

Practice

1. What is the main purpose of The Loop in WordPress?

easy

A. To manage user login sessions

B. To create new posts in the database

C. To style the website layout

D. To display posts one by one on a page

Solution

1. Step 1: Understand The Loop's role

   The Loop is a WordPress structure that cycles through posts to display them.

2. Step 2: Identify its main function

   It outputs posts one by one on the page, showing content to visitors.

3. Final Answer:

   To display posts one by one on a page -> Option D

4. Quick Check:

   The Loop shows posts = D [OK]

Hint: The Loop shows posts on pages one at a time [OK]

Common Mistakes:

• Thinking The Loop creates posts
• Confusing The Loop with styling or login
• Assuming The Loop manages database directly

2. Which of the following is the correct way to start The Loop in a WordPress theme file?

easy

A. if ( have_posts() ) : while ( have_posts() ) : the_post();

B. while ( the_post() ) : have_posts();

C. if ( the_post() ) : while ( have_posts() );

D. for ( have_posts(); the_post(); ) :

Solution

1. Step 1: Recall The Loop syntax

   The Loop starts by checking if posts exist with have_posts(), then loops with while ( have_posts() ).

2. Step 2: Confirm correct function order

   Inside the loop, the_post() sets up post data for each iteration.

3. Final Answer:

   if ( have_posts() ) : while ( have_posts() ) : the_post(); -> Option A

4. Quick Check:

   Correct loop syntax = A [OK]

Hint: Check if posts exist before looping with have_posts() [OK]

Common Mistakes:

• Using the_post() before have_posts()
• Mixing function order in the loop
• Using for loop syntax instead of while

3. Given this code snippet, what posts will be displayed?

$custom_query = new WP_Query(['category_name' => 'news', 'posts_per_page' => 2]);
if ($custom_query->have_posts()) :
  while ($custom_query->have_posts()) : $custom_query->the_post();
    the_title();
  endwhile;
endif;
wp_reset_postdata();

medium

A. Only posts from the default query ignoring 'news'

B. All posts from the 'news' category

C. Only the first 2 posts from the 'news' category

D. No posts will be displayed due to syntax error

Solution

1. Step 1: Analyze WP_Query parameters

   The query requests posts from category 'news' and limits to 2 posts.

2. Step 2: Understand the loop behavior

   The loop runs through posts found by $custom_query, showing only those 2 posts.

3. Final Answer:

   Only the first 2 posts from the 'news' category -> Option C

4. Quick Check:

   WP_Query limits posts = A [OK]

Hint: posts_per_page limits how many posts show [OK]

Common Mistakes:

• Assuming all posts show ignoring posts_per_page
• Confusing default query with custom query
• Missing wp_reset_postdata() after custom loop

4. What is wrong with this code snippet?

if ( have_posts() ) {
  while ( have_posts() ) {
    the_post;
    the_title();
  }
}

medium

A. Missing parentheses after the_post function call

B. Incorrect use of curly braces instead of colons

C. the_title() should be called before the_post

D. have_posts() should be called only once outside the loop

Solution

1. Step 1: Check function calls inside the loop

   The function the_post is missing parentheses, so it is not called properly.

2. Step 2: Verify syntax correctness

   Functions must have parentheses even if no arguments: the_post(); is correct.

3. Final Answer:

   Missing parentheses after the_post function call -> Option A

4. Quick Check:

   Function calls need () = B [OK]

Hint: Always add () when calling functions in PHP [OK]

Common Mistakes:

• Forgetting parentheses on function calls
• Confusing syntax styles (curly braces vs colons)
• Calling the_title() before the_post()

5. You want to display a list of posts excluding category 'news' and showing only posts with the custom field 'featured' set to 'yes'. Which WP_Query arguments correctly achieve this?

hard

A. ['category__not_in' => get_cat_ID('news'), 'meta_key' => 'featured', 'meta_value' => 'yes']

B. ['cat' => '-'.get_cat_ID('news'), 'meta_query' => [['key' => 'featured', 'value' => 'yes']]]

C. ['category_name' => 'news', 'meta_key' => 'featured', 'meta_value' => 'yes']

D. ['category__in' => [get_cat_ID('news')], 'meta_key' => 'featured', 'meta_value' => 'yes']

Solution

1. Step 1: Exclude category 'news'

   Using 'cat' => '-ID' excludes a category by its ID. get_cat_ID('news') gets the ID.

2. Step 2: Filter posts with custom field 'featured' = 'yes'

   Use meta_query with key and value to filter posts by custom fields.

3. Step 3: Combine both conditions correctly

   ['cat' => '-'.get_cat_ID('news'), 'meta_query' => [['key' => 'featured', 'value' => 'yes']]] uses negative cat ID and meta_query array properly.

4. Final Answer:

   ['cat' => '-'.get_cat_ID('news'), 'meta_query' => [['key' => 'featured', 'value' => 'yes']]] -> Option B

5. Quick Check:

   Exclude category with negative ID + meta_query = C [OK]

Hint: Use negative cat ID to exclude categories in WP_Query [OK]

Common Mistakes:

• Using category__not_in without meta_query for custom fields
• Including category instead of excluding
• Using meta_key/meta_value without meta_query array