Action hooks in Wordpress - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What happens when this WordPress action hook runs?

Consider the following code snippet added to a WordPress theme's functions.php file. What will be the output on the page when the 'wp_footer' action runs?

Wordpress

<?php
add_action('wp_footer', function() {
    echo '<p>Footer message</p>';
});
?>

A Nothing appears because 'wp_footer' is not a valid action hook.

B A PHP error occurs because anonymous functions cannot be used with add_action.

C The text '<p>Footer message</p>' appears at the bottom of the page inside the footer section.

D The text appears at the top of the page before the header.

💡 Hint

Think about where the 'wp_footer' hook is triggered in a WordPress theme.

The 'wp_footer' action hook is triggered just before the closing tag in most WordPress themes. Adding a function to this hook outputs content at the bottom of the page.

📝 Syntax

intermediate

Which option correctly adds a function to a WordPress action hook?

You want to run a function named 'my_custom_function' when the 'init' action hook fires. Which code snippet correctly does this?

A add_action(my_custom_function, 'init');

B add_action('init', 'my_custom_function');

C add_action('init', my_custom_function());

D add_action('init', function my_custom_function() {});

💡 Hint

Remember the order of parameters for add_action is hook name, then function name as a string.

The correct syntax is add_action('hook_name', 'function_name_as_string'). Option B follows this pattern.

🔧 Debug

advanced

Why does this action hook not run the function?

Look at this code snippet. The function 'add_custom_message' is not running when expected. What is the cause?

Wordpress

<?php
function add_custom_message() {
    echo '<p>Hello!</p>';
}
// Missing add_action call here
?>

A The function runs automatically without hooking, so the problem is elsewhere.

B The function name is invalid and causes a fatal error.

C The echo statement is inside a function, so it cannot output anything.

D The function is defined but never hooked to any action, so it never runs.

💡 Hint

Think about how WordPress knows when to run your function.

Defining a function alone does not make WordPress run it. You must hook it to an action with add_action.

❓ state_output

advanced

What is the output order of these hooked functions?

Given these two functions hooked to 'wp_head' with different priorities, what is the order of their output?

Wordpress

<?php
add_action('wp_head', function() { echo 'First'; }, 20);
add_action('wp_head', function() { echo 'Second'; }, 10);
?>

A SecondFirst

B FirstSecond

C They output simultaneously causing an error.

D No output because 'wp_head' is not triggered.

💡 Hint

Lower priority numbers run earlier.

In WordPress, lower priority numbers run first. So the function with priority 10 outputs before priority 20.

🧠 Conceptual

expert

What error occurs if you remove a non-existent action hook?

What happens if you call remove_action('init', 'non_existent_function') in your WordPress code?

Wordpress

remove_action('init', 'non_existent_function');

A No error occurs; WordPress silently ignores it.

B A fatal error occurs because the function does not exist.

C A warning is shown about the missing function.

D The 'init' hook is disabled completely.

💡 Hint

Think about how WordPress handles removing hooks that were never added.

Calling remove_action on a hook-function pair that was never added does nothing and causes no error.

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