Adding javascript blocks to a single file and adding it to the header

Question

I don't know how to do it, but I have a few js code blocks in my sites header like the StatCounter tracking code, facebook like button js code, etc.

Now the thing is that I want to combine all the external js code blocks into one file so that I can add it either in the header or footer section. Can any one guide me on how can I add these code blocks into a single file?

TheDeadMedic · Accepted Answer · 2015-03-06 21:57:51Z

0

Just chuck them in a file, say your-theme/js/global.js and enqueue it in functions.php:

function wpse_180397_scripts() {
    wp_enqueue_script(
        'wpse-180397-global', /* Unique ID */
        get_bloginfo( 'template_url' ) . '/js/global.js', /* URL */
        array(), /* Dependencies */
        true /* In footer */
    );
}

add_action( 'wp_enqueue_scripts', 'wpse_180397_scripts' );

answered Mar 6, 2015 at 21:57

TheDeadMedic

36.7k9 gold badges69 silver badges104 bronze badges

Add a comment |

Ituk · Accepted Answer · 2015-03-06 22:46:25Z

create a new javascript (.js) file with any text editor you'd choose.
start it with jQuery(document).ready(function() {
copy and paste all other code blocks you've got, with out the <script> start and end tags.
if you have jQuery(document).ready(function() { in the beginning of one of these code blocks you should consider removing, but it carefully. don't forget to remove also the } end tag;
if you followed step 2, your javascript file should end up with }.
close the file and save it with any name you'd choose. lets say global.js.
finally add the function to functions.php file as TheDeadMedic suggested.

Stack Exchange Network

Adding javascript blocks to a single file and adding it to the header

2 Answers 2

Your Answer

Hot Network Questions

Adding javascript blocks to a single file and adding it to the header

2 Answers 2

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions