Cargar un archivo JS personalizado en WordPress

Para agregar un archivo JavaScript a una página especifica del WordPress debemos agregar la función en el functions.php o en un plugin.

1. En primer lugar debemos crear la función especificando donde vamos a agregar el código:

function register_scripts(){
    if( is_front_page() ){ //Definimos que solo se carguen en la página principal
        wp_register_script('SCRIPT_ID', plugin_dir_url( __FILE__ ).'assets/js/script_personalizado.js',array('jquery'),false,true);
        wp_enqueue_script( 'SCRIPT_ID');
    }
}

2. Luego agregamos el action necesario:

add_action('wp_enqueue_scripts', 'register_scripts',99);

Documentación:

Compartir esta información