Post meta basics in Wordpress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to add a post meta value in WordPress.

Wordpress

add_post_meta($post_id, '[1]', 'blue');

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

Atitle

Bdate

Cauthor

Dcolor

Attempts:

3 left

💡 Hint

Common Mistakes

Using a WordPress core field like 'title' as meta key.

Leaving the meta key blank.

Confusing meta key with meta value.

The first argument after $post_id is the meta key. Here, 'color' is the meta key to store the value 'blue'.

2fill in blank

medium

Complete the code to retrieve a post meta value.

Wordpress

$color = get_post_meta($post_id, '[1]', true);

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

Adate

Bcontent

Ccolor

Dauthor

Attempts:

3 left

💡 Hint

Common Mistakes

Using a different meta key than the one used to save the meta.

Omitting the third argument and getting an array instead of a string.

The second argument is the meta key to retrieve. 'color' matches the key used when saving the meta.

3fill in blank

hard

Fix the error in the code to update a post meta value.

Wordpress

update_post_meta($post_id, 'color', [1]);

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

A$new_color

B'new_color'

Cnew_color

Dcolor

Attempts:

3 left

💡 Hint

Common Mistakes

Using a string literal instead of a variable for the new value.

Forgetting the dollar sign for variables.

The value to update must be a variable or a string. Here, $new_color is a variable holding the new value.

4fill in blank

hard

Fill both blanks to delete a post meta key and then add a new meta value.

Wordpress

delete_post_meta($post_id, [1]);
add_post_meta($post_id, [2], 'green');

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

A'color'

B'author'

C'color_code'

D'date'

Attempts:

3 left

💡 Hint

Common Mistakes

Deleting a meta key that does not exist.

Using the same meta key for both delete and add when intending to change the key name.

First, delete the old meta key 'color'. Then add a new meta key 'color_code' with the value 'green'.

5fill in blank

hard

Fill all three blanks to create a meta box callback that displays a text input for a post meta key.

Wordpress

function my_meta_box_callback($post) {
  $value = get_post_meta($post->ID, [1], true);
  echo '<label for="my_meta_field">Color:</label>';
  echo '<input type="text" id="my_meta_field" name=[2] value="' . esc_attr($value) . '" />';
  wp_nonce_field([3], 'my_meta_nonce');
}

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

A'color'

B'my_meta_field'

C'my_meta_nonce_action'

D'color_code'

Attempts:

3 left

💡 Hint

Common Mistakes

Mismatching the meta key and input name.

Omitting the nonce field or using an incorrect nonce action string.

The meta key is 'color'. The input name must match the meta field name 'my_meta_field'. The nonce action is a unique string like 'my_meta_nonce_action' for security.

Practice

1. What is the main purpose of post meta in WordPress?

easy

A. To change the post title

B. To store extra information about posts

C. To delete posts permanently

D. To create new post categories

Solution

1. Step 1: Understand what post meta stores

   Post meta is used to save additional data related to posts beyond the main content.

2. Step 2: Identify the correct purpose

   Since post meta holds extra info, it does not change titles, delete posts, or create categories.

3. Final Answer:

   To store extra information about posts -> Option B

4. Quick Check:

   Post meta = extra post info [OK]

Hint: Post meta = extra data about posts [OK]

Common Mistakes:

• Confusing post meta with post content
• Thinking post meta changes post titles
• Mixing post meta with categories

2. Which function is used to add a new meta value to a post in WordPress?

easy

A. get_post_meta()

B. update_post_meta()

C. delete_post_meta()

D. add_post_meta()

Solution

1. Step 1: Recall functions for post meta

   Adding new meta uses add_post_meta(), getting uses get_post_meta().

2. Step 2: Match function to action

   Since the question asks about adding, add_post_meta() is correct.

3. Final Answer:

   add_post_meta() -> Option D

4. Quick Check:

   Add meta = add_post_meta() [OK]

Hint: Add meta = add_post_meta() function [OK]

Common Mistakes:

• Using get_post_meta() to add data
• Confusing update_post_meta() with add_post_meta()
• Trying to delete meta with add_post_meta()

3. What will the following code output?

echo get_post_meta(42, 'color', true);

Assuming post ID 42 has a meta key 'color' with value 'blue'.

medium

A. color

B. 42

C. blue

D. true

Solution

1. Step 1: Understand get_post_meta parameters

   The function gets meta value for post ID 42, key 'color', with single value (true).

2. Step 2: Identify stored meta value

   Since 'color' meta is 'blue', the function returns 'blue'.

3. Final Answer:

   blue -> Option C

4. Quick Check:

   get_post_meta returns stored meta value [OK]

Hint: get_post_meta returns meta value for key [OK]

Common Mistakes:

• Confusing meta key with meta value
• Expecting post ID as output
• Misunderstanding the third parameter's effect

4. Identify the error in this code snippet:

update_post_meta( 'color', 42, 'red' );

medium

A. The post ID and meta key are swapped

B. The meta value is missing

C. Function name is incorrect

D. No error, code is correct

Solution

1. Step 1: Check parameter order for update_post_meta

   The correct order is (post_id, meta_key, meta_value).

2. Step 2: Compare with given code

   The code uses ('color', 42, 'red'), swapping post ID and meta key.

3. Final Answer:

   The post ID and meta key are swapped -> Option A

4. Quick Check:

   Parameter order matters in update_post_meta [OK]

Hint: Remember: post_id first, then meta_key, then meta_value [OK]

Common Mistakes:

• Swapping post ID and meta key
• Forgetting meta value parameter
• Using wrong function name

5. You want to update a post meta key 'views' to increase its count by 1 for post ID 10. Which code snippet correctly does this?

hard

A. update_post_meta(10, 'views', get_post_meta(10, 'views', true) + 1);

B. add_post_meta(10, 'views', 1);

C. get_post_meta(10, 'views', true) + 1;

D. delete_post_meta(10, 'views'); update_post_meta(10, 'views', 1);

Solution

1. Step 1: Retrieve current 'views' meta value

   Use get_post_meta(10, 'views', true) to get current count.

2. Step 2: Add 1 and update meta

   Increase count by 1 and update with update_post_meta(10, 'views', new_value).

3. Final Answer:

   update_post_meta(10, 'views', get_post_meta(10, 'views', true) + 1); -> Option A

4. Quick Check:

   Increment meta by get + 1 then update [OK]

Hint: Get current value, add 1, then update meta [OK]

Common Mistakes:

• Using add_post_meta instead of update_post_meta
• Not retrieving current meta value before increment
• Deleting meta unnecessarily