Action hooks in Wordpress - Mini Project: Build & Apply

Using WordPress Action Hooks to Customize Site Behavior

📖 Scenario: You are building a WordPress site and want to add custom messages and functionality without changing core files. WordPress action hooks let you run your own code at specific points during page loading or user interaction.

🎯 Goal: Learn how to add custom functions to WordPress action hooks to modify site behavior safely and cleanly.

📋 What You'll Learn

Create a custom function that outputs a message

Hook the function to a WordPress action hook

Add a priority variable to control hook execution order

Use the hook to display the message on the site

💡 Why This Matters

🌍 Real World

WordPress developers use action hooks to customize themes and plugins safely without editing core WordPress files. This keeps sites upgradable and maintainable.

💼 Career

Understanding action hooks is essential for WordPress developers to extend site functionality and integrate custom features professionally.

1

Create a custom function to display a message

Write a function called my_custom_message that echoes the exact text 'Welcome to my WordPress site!'.

Wordpress

# Your code here

Need a hint?

Use the function keyword to define my_custom_message. Inside, use echo to output the message.

2

Hook your function to the wp_footer action

Use add_action to attach my_custom_message to the wp_footer hook.

Wordpress

function my_custom_message() {
    echo 'Welcome to my WordPress site!';
}

# Your code here

Need a hint?

Call add_action with the hook name 'wp_footer' and your function name 'my_custom_message'.

3

Add a priority variable for the hook

Create a variable called $priority and set it to 10. Then update add_action to use this priority when hooking my_custom_message to wp_footer.

Wordpress

function my_custom_message() {
    echo 'Welcome to my WordPress site!';
}

$priority = 10;
# Your code here

Need a hint?

Define $priority = 10; and pass it as the third argument to add_action.

4

Complete the hook to display the message in the footer

Ensure the full code includes the function my_custom_message, the $priority variable set to 10, and the add_action call hooking my_custom_message to wp_footer with the priority.

Wordpress

function my_custom_message() {
    echo 'Welcome to my WordPress site!';
}

$priority = 10;
add_action('wp_footer', 'my_custom_message', $priority);
# Your code here

Need a hint?

Check that all parts are present: function, priority variable, and add_action with priority.