Adding code to head to all pages manually

Question

I've been googling for days and I didn't find a solution. I need to add a JS code to the head of all my pages, and I wanna do that manually (without a plugin).

I found a '~/wp-content/themes//header.php' and this in fact add my code to the head, but only to the landing page of the blog, not to the rest of the entries.

One hint I've found (inside the file mentioned before) is that there is a '' and I think if I find where it loads this function I could come up with a solution.

Additional info: the code I need to embed to all pages is a little script that loads a font from an external source.

Any other ideas on how to face this are welcome.

Thanks a lot.

Answer 1

You might use the wp_head action, That is triggered within the section of the user's template by the wp_head() function.

add_action("wp_head", "hook_js");

function hook_js() {
if(is_home() || is_front_page(){
    $output="<script> alert('Page is loading...'); </script>";

    echo $output;
    }
 }

Note that is better to add style and script with the action wp_enqueue_scripts and then enqueue and register them with their proper functions (wp_register_script & wp_enqueue_script)