Question

I have a wordpress powered site and my header is contained in the file header.php. On a different page I would like to run a script, which is only needed on that page.

The script should be loaded in the header of this page, but this page only. Including the script in the header.php would load the script on every other page.

How would I best include the script in the page-pageslug.php template?

Answer 1

In your header.php above wp_head();, use

if ( is_page( 'page-slug' ) ) {
    wp_register_script( 'your-script', get_bloginfo('template_url') . '/js/your-script.js' );
    wp_enqueue_script( 'your-script' );
}

page-slug is then the slug of the page you wish to target.

wp_enqueue_script():

Description
The safe and recommended method of adding JavaScript to a WordPress generated page is by using wp_enqueue_script(). This function includes the script if it hasn’t already been included, and safely handles dependencies.