Custom endpoint registration in Wordpress - Mini Project: Build & Apply

Custom Endpoint Registration in WordPress

📖 Scenario: You are building a WordPress site and want to add a new custom endpoint to the REST API. This endpoint will provide a simple message when accessed.

🎯 Goal: Create a custom REST API endpoint in WordPress that returns a JSON message.

📋 What You'll Learn

Create a function to register a custom REST API route

Use the register_rest_route function with a namespace and route

Add a callback function that returns a JSON response

Hook the registration function to the rest_api_init action

💡 Why This Matters

🌍 Real World

Custom endpoints let you extend WordPress REST API to provide your own data or functionality for apps or frontend JavaScript.

💼 Career

Knowing how to register custom endpoints is useful for WordPress developers building plugins, themes, or headless WordPress applications.

1

Create the custom endpoint registration function

Create a function called my_custom_endpoint that will be used to register the custom REST API route.

Wordpress

# Your code here
// Create a function called my_custom_endpoint

Hint

Start by defining a function named my_custom_endpoint with empty body.

2

Add the REST route registration inside the function

Inside the my_custom_endpoint function, use register_rest_route to register a route with namespace 'myplugin/v1' and route 'hello'. The route should accept GET requests and use a callback function named my_custom_endpoint_callback.

Wordpress

<?php
function my_custom_endpoint() {
    // Use register_rest_route with namespace 'myplugin/v1' and route 'hello'
    // Set methods to 'GET' and callback to 'my_custom_endpoint_callback'
    // Your code here
}

Hint

Use register_rest_route with the exact namespace and route strings, and set the methods and callback keys in the array.

3

Create the callback function for the endpoint

Create a function called my_custom_endpoint_callback that returns an array with a key message and value 'Hello from custom endpoint!'.

Wordpress

 'GET',
        'callback' => 'my_custom_endpoint_callback',
    ));
}

// Create the callback function here
# Your code here

Hint

Define a function named my_custom_endpoint_callback that returns the specified array.

4

Hook the registration function to the REST API initialization

Add an action hook that calls my_custom_endpoint on the rest_api_init action.

Wordpress

 'GET',
        'callback' => 'my_custom_endpoint_callback',
    ));
}

function my_custom_endpoint_callback() {
    return array('message' => 'Hello from custom endpoint!');
}

// Hook the function to rest_api_init
# Your code here

Hint

Use add_action with the rest_api_init hook and the function name my_custom_endpoint.

Practice

1. What is the main purpose of using add_rewrite_endpoint in WordPress?

easy

A. To enqueue styles and scripts

B. To register a new plugin in WordPress

C. To add a new URL part (endpoint) for custom content or actions

D. To create a new database table

Solution

1. Step 1: Understand the function purpose

   add_rewrite_endpoint is used to add new URL parts to WordPress URLs.

2. Step 2: Identify correct usage context

   This function helps create custom endpoints for special content or actions, not for plugins, tables, or scripts.

3. Final Answer:

   To add a new URL part (endpoint) for custom content or actions -> Option C

4. Quick Check:

   add_rewrite_endpoint adds URL parts = D [OK]

Hint: Endpoints add URL parts for custom content [OK]

Common Mistakes:

• Confusing endpoints with plugin registration
• Thinking it creates database tables
• Assuming it loads scripts or styles

2. Which hook is the correct place to call add_rewrite_endpoint when registering a custom endpoint?

easy

A. wp_footer

B. wp_enqueue_scripts

C. admin_menu

D. init

Solution

1. Step 1: Recall WordPress hook usage

   The init hook runs early and is the recommended place to add rewrite rules and endpoints.

2. Step 2: Eliminate incorrect hooks

   wp_enqueue_scripts is for scripts/styles, admin_menu is for admin menus, and wp_footer runs late in page rendering.

3. Final Answer:

   init -> Option D

4. Quick Check:

   add_rewrite_endpoint called on init hook = A [OK]

Hint: Use init hook for rewrite endpoints [OK]

Common Mistakes:

• Using wp_enqueue_scripts instead of init
• Adding endpoints in admin_menu hook
• Placing code in wp_footer hook

3. Given this code snippet, what will be the effect on the URL structure?

add_action('init', function() {
  add_rewrite_endpoint('special', EP_PERMALINK | EP_PAGES);
});

medium

A. Adds '/special/' as an endpoint to permalinks and pages URLs

B. Removes all existing endpoints from URLs

C. Creates a new admin menu called 'special'

D. Flushes rewrite rules automatically

Solution

1. Step 1: Analyze add_rewrite_endpoint parameters

   The first parameter 'special' is the endpoint name; the second parameter sets where it applies: permalinks and pages.

2. Step 2: Understand the effect on URLs

   This adds '/special/' to URLs of posts and pages, allowing custom handling of that URL part.

3. Final Answer:

   Adds '/special/' as an endpoint to permalinks and pages URLs -> Option A

4. Quick Check:

   Endpoint 'special' added to permalinks/pages = B [OK]

Hint: Endpoint name + location = new URL part [OK]

Common Mistakes:

• Thinking it removes endpoints
• Confusing endpoints with admin menus
• Assuming rewrite rules flush automatically

4. What is missing or incorrect in this code that registers a custom endpoint?

add_action('init', function() {
  add_rewrite_endpoint('promo', EP_ROOT);
});

medium

A. The endpoint name 'promo' is invalid

B. Rewrite rules are not flushed after adding the endpoint

C. The hook 'init' is incorrect for this function

D. The constant EP_ROOT cannot be used with add_rewrite_endpoint

Solution

1. Step 1: Check endpoint registration correctness

   The endpoint name 'promo' is valid, and EP_ROOT is a valid location constant.

2. Step 2: Identify missing step

   After adding endpoints, rewrite rules must be flushed (usually once) to apply changes; this code does not flush rules.

3. Final Answer:

   Rewrite rules are not flushed after adding the endpoint -> Option B

4. Quick Check:

   Flush rewrite rules after adding endpoints = C [OK]

Hint: Flush rewrite rules after adding endpoints [OK]

Common Mistakes:

• Skipping rewrite rules flush
• Using wrong hook instead of init
• Thinking endpoint names must be special

5. You want to add a custom endpoint 'download' that works on posts and pages, and you want to flush rewrite rules only once after activation. Which code snippet correctly achieves this?

hard

A. function add_download_endpoint() {
add_rewrite_endpoint('download', EP_PERMALINK | EP_PAGES);
}
add_action('init', 'add_download_endpoint');

register_activation_hook(__FILE__, function() {
add_download_endpoint();
flush_rewrite_rules();
});

B. add_action('init', function() {
add_rewrite_endpoint('download', EP_ALL);
flush_rewrite_rules();
});

C. function add_download_endpoint() {
add_rewrite_endpoint('download', EP_ROOT);
flush_rewrite_rules();
}
add_action('init', 'add_download_endpoint');

D. register_activation_hook(__FILE__, function() {
add_rewrite_endpoint('download', EP_PERMALINK | EP_PAGES);
});

Solution

1. Step 1: Register endpoint on init hook

   Function add_download_endpoint adds the endpoint on 'init' hook, which is correct.

2. Step 2: Flush rewrite rules only once on activation

   Using register_activation_hook to call the endpoint function and then flush rewrite rules ensures flushing happens once on plugin activation.

3. Step 3: Evaluate other options

   add_action('init', function() {
     add_rewrite_endpoint('download', EP_ALL);
     flush_rewrite_rules();
   });

   flushes rules on every page load (bad).

   function add_download_endpoint() {
     add_rewrite_endpoint('download', EP_ROOT);
     flush_rewrite_rules();
   }
   add_action('init', 'add_download_endpoint');

   flushes inside init (bad).

   register_activation_hook(__FILE__, function() {
     add_rewrite_endpoint('download', EP_PERMALINK | EP_PAGES);
   });

   does not flush rules at all.

4. Final Answer:

   Register endpoint on 'init' hook and flush rewrite rules once on plugin activation -> Option A

5. Quick Check:

   Register on init + flush once on activation = A [OK]

Hint: Flush rewrite rules once on activation, not every load [OK]

Common Mistakes:

• Flushing rewrite rules on every page load
• Not flushing rewrite rules at all
• Registering endpoint outside init hook