Plugin ArchitectureHooks UsageWp Head

wp_head Hook in WPFTS

The wp_head hook is a standard WordPress hook used to add code to the <head> section of the HTML document on the site’s frontend. WPFTS utilizes this hook to add JavaScript code that sets a global variable, wpfts_ajaxurl, with the URL for AJAX requests.

What WPFTS does when wp_head is called:

  1. Adding the wpfts_ajaxurl variable: The plugin outputs JavaScript code that sets the global variable wpfts_ajaxurl to the value of admin_url('admin-ajax.php'). This variable is used to perform AJAX requests to WordPress administrative handlers.

Important functions involved in wp_head processing:

  • admin_url('admin-ajax.php')
  • wpfts_frontend_js() (function connected to the wp_head hook)

How to use it in addon development:

Addon developers integrating with WPFTS can use the wpfts_ajaxurl variable in their JavaScript scripts to perform AJAX requests to the server. For example, this can be useful for implementing dynamic data loading or updating information on the page without reloading it.

Example (using wpfts_ajaxurl in an addon script):

jQuery(document).ready(function($) {
  $.ajax({
    url: wpfts_ajaxurl, // Use the variable set by the WPFTS plugin.
    type: 'POST',
    data: {
      action: 'my_addon_ajax_action', // Name of your AJAX handler.
      // Other data.
    },
    success: function(response) {
      // Server response processing.
    }
  });
});

Additional notes:

  • The wpfts_ajaxurl variable is only available on the site’s frontend after the wp_head hook has been executed.
  • To handle AJAX requests on the server, you need to register a handler using the functions add_action('wp_ajax_nopriv_<action_name>', '<handler_function>') (for unauthorized users) and add_action('wp_ajax_<action_name>', '<handler_function>') (for authorized users).

This hook demonstrates how WPFTS adds an important variable for AJAX interaction and can serve as an example for addon developers.

Wp Enqueue ScriptsWpmu New Blog