Action hooks in Wordpress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to add a function to a WordPress action hook.

Wordpress

add_action('init', [1]);

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

A'my_custom_function'

Bmy_custom_function()

C'my_custom_function()'

Dmy_custom_function

Attempts:

3 left

💡 Hint

Common Mistakes

Passing the function name without quotes

Including parentheses in the function name string

You need to pass the function name as a string to add_action. So, use quotes around the function name.

2fill in blank

medium

Complete the code to define a function that runs on the 'wp_footer' action hook.

Wordpress

function [1]() {
    echo '<p>Footer text</p>';
}
add_action('wp_footer', '[1]');

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

Adisplay_footer

Bshow_footer

Cfooter_display

Dfooter_text

Attempts:

3 left

💡 Hint

Common Mistakes

Using different function names in definition and add_action

Forgetting to add the function to the action hook

The function name must be the same in both the definition and the add_action call.

3fill in blank

hard

Fix the error in the code to properly add a function to the 'admin_menu' action hook.

Wordpress

add_action('admin_menu', [1]);

function add_custom_menu() {
    add_menu_page('Custom Menu', 'Custom Menu', 'manage_options', 'custom-menu', 'custom_menu_callback');
}

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

Aadd_custom_menu

Badd_custom_menu()

C'add_custom_menu'

D'add_custom_menu()'

Attempts:

3 left

💡 Hint

Common Mistakes

Passing the function call instead of the function name

Including parentheses inside the string

The function name should be passed as a string without parentheses to add_action.

4fill in blank

hard

Fill both blanks to add a function with priority 15 and 2 accepted arguments to the 'save_post' action hook.

Wordpress

add_action('save_post', [1], [2], 2);

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

A'save_post_handler'

B10

C15

D'save_handler'

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong priority number

Passing function name without quotes

The function name must be a string, and the priority is set to 15.

5fill in blank

hard

Fill all three blanks to define a function hooked to 'the_content' filter that appends text to post content.

Wordpress

function [1]($content) {
    return $content . [2];
}
add_filter('the_content', [3]);

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

Aappend_text_to_content

B' - Thank you for reading!'

C'append_text_to_content'

D' - Read more on our site.'

Attempts:

3 left

💡 Hint

Common Mistakes

Mismatching function names

Not using quotes around strings

Passing function call instead of function name

The function name is append_text_to_content, the appended text is a string, and the function name is passed as a string to add_filter.

Practice

1. What is the main purpose of an action hook in WordPress?

easy

A. To create new database tables automatically

B. To let you add custom code at specific points without changing core files

C. To style the website using CSS

D. To replace WordPress themes entirely

Solution

1. Step 1: Understand what action hooks do

   Action hooks allow you to insert your own code at certain points in WordPress execution.

2. Step 2: Recognize safe customization

   This lets you customize WordPress without editing its core files, which is safer and update-proof.

3. Final Answer:

   To let you add custom code at specific points without changing core files -> Option B

4. Quick Check:

   Action hooks = safe custom code insertion [OK]

Hint: Action hooks add code safely without core file changes [OK]

Common Mistakes:

• Thinking action hooks create database tables
• Confusing action hooks with styling tools
• Believing action hooks replace themes

2. Which of the following is the correct syntax to add a function to an action hook in WordPress?

easy

A. add_action('init', my_function());

B. add_action(my_function, 'init');

C. add_action('init', 'my_function');

D. add_action('my_function', init);

Solution

1. Step 1: Recall add_action syntax

   The first argument is the hook name as a string, the second is the function name as a string.

2. Step 2: Check each option

   add_action('init', 'my_function'); matches the correct syntax: add_action('hook_name', 'function_name'); others mix argument order or call the function immediately.

3. Final Answer:

   add_action('init', 'my_function'); -> Option C

4. Quick Check:

   Hook name first, function name second as strings [OK]

Hint: Hook name and function name are strings in add_action() [OK]

Common Mistakes:

• Swapping hook and function arguments
• Passing function call instead of function name
• Not using quotes around function name

3. What will be the output of this code snippet?

function greet() {
  echo 'Hello!';
}
add_action('wp_footer', 'greet');

Assuming the theme calls do_action('wp_footer'); in the footer.

medium

A. The text 'Hello!' will appear in the footer

B. Nothing will be displayed

C. A PHP error will occur

D. The text 'greet' will appear in the footer

Solution

1. Step 1: Understand add_action and do_action

   add_action attaches 'greet' function to 'wp_footer' hook. When do_action('wp_footer') runs, it calls 'greet'.

2. Step 2: Analyze the greet function output

   The greet function echoes 'Hello!', so this text will appear where the footer hook runs.

3. Final Answer:

   The text 'Hello!' will appear in the footer -> Option A

4. Quick Check:

   do_action triggers greet, which echoes 'Hello!' [OK]

Hint: do_action runs hooked functions, output appears where called [OK]

Common Mistakes:

• Thinking nothing happens without explicit call
• Confusing function name string with output
• Expecting errors from correct hook usage

4. Identify the error in this code snippet:

function add_custom_text() {
  echo 'Custom Text';
}
add_action('init', add_custom_text());

medium

A. The function add_custom_text is not defined

B. The hook name 'init' is invalid

C. Missing semicolon after function definition

D. The function add_custom_text is called immediately instead of being hooked

Solution

1. Step 1: Check how add_action expects arguments

   add_action expects the second argument as a function name string, not a function call.

2. Step 2: Identify the mistake in the code

   Using add_custom_text() calls the function immediately and passes its result, which is incorrect.

3. Final Answer:

   The function add_custom_text is called immediately instead of being hooked -> Option D

4. Quick Check:

   Pass function name as string, not call it [OK]

Hint: Use function name string, not function call in add_action() [OK]

Common Mistakes:

• Calling function instead of passing name
• Assuming hook name is wrong
• Missing semicolon confusion

5. You want to add a custom message only after the WordPress footer content is fully loaded, but only on single post pages. Which code snippet correctly uses an action hook with a condition?

hard

A. add_action('wp_footer', function() { if (is_single()) { echo 'Thanks for reading!'; } });

B. add_action('init', function() { if (is_single()) { echo 'Thanks for reading!'; } });

C. add_action('wp_head', function() { if (is_single()) { echo 'Thanks for reading!'; } });

D. add_action('wp_footer', function() { echo 'Thanks for reading!'; });

Solution

1. Step 1: Identify the correct hook for footer output

   'wp_footer' runs after footer content loads, so it's the right hook to add footer messages.

2. Step 2: Apply condition to show message only on single posts

   Using is_single() inside the hooked function ensures the message appears only on single post pages.

3. Final Answer:

   add_action('wp_footer', function() { if (is_single()) { echo 'Thanks for reading!'; } }); -> Option A

4. Quick Check:

   Footer hook + condition inside function = correct usage [OK]

Hint: Use wp_footer hook with is_single() condition inside function [OK]

Common Mistakes:

• Using init or wp_head hooks for footer content
• Not adding condition for single posts
• Echoing outside hooked function