Where to call wp_enqueue_script in a plugin with custom template?

I am writing my first plugin and I have this code in the main plugin php to replace home page with custom template

add_filter( 'template_include', 'replace_home_page' );

function replace_home_page( $template ) {
      if (is_home()){
    return plugin_dir_path( __FILE__ ) . 'mhomepagetemplate.php';
  }
  return $template;
}

before above code I call code to register some javascript

Read More
    $main_js_name='mhp_main.js';

    function load_js(){
        wp_enqueue_script($main_js_name,plugins_url($plugin_name.'/js/'.$main_js_name),array( 'jquery' ));
echo    '<BR><BR>'. plugins_url($plugin_name.'/js/'.$main_js_name);
    }

    add_action('wp_print_script','load_js');

the javascript file contains only one line now

console.log('test from js');

I was expecting to see the text text from js in javascript console but it is not there. I cannot find the code anywhere on the home page.

The custom template calls <?php wp_head(); ?>

Could someone help me to make the javascript work?

Related posts

1 comment

Comments are closed.