Comments on: How-To: Load JavaScript Libraries in WordPress

By: Nick Ohrn

Nick Ohrn — Tue, 16 Mar 2010 15:57:00 +0000

@Pedro - You wouldn't enqueue that perse. You would just need that to print in the header:

var zoomImagesBase = '/wp-content/plugins/wp-fancyzoom/';";
}

By: Pedro Candeias

Pedro Candeias — Tue, 16 Mar 2010 14:46:53 +0000

Hi,
I think i get the wp_enqueue_script stuff.
But how about something like this:
var zoomImagesBase = ‘/wp-content/plugins/wp-fancyzoom/’;
How do can i “enqueue” this?

Maybe i missed something.

By: Raj

Raj — Sat, 06 Mar 2010 14:17:09 +0000

Thank you for the fantastic article Nick. I’ve never come across any article discussing this topic in this detail. Great work!

By: Nick Ohrn

Nick Ohrn — Wed, 30 Sep 2009 02:32:16 +0000

@ebflute – The handle is just used in wp_enqueue_script if you’ve previously registered it. By default, WordPress registers a bunch of scripts “out of the box”, like jQuery and more. You can then enqueue them by just passing the handle.

By: ebflute

ebflute — Tue, 29 Sep 2009 06:02:06 +0000

Can you explain the handle and what it is? is it something you define when you register the script and then you can use it later in the enqueue script? I simply want to include the custom jquery script so that I can use it in one place on my custom page within wordpress (it is a fading effect I want to use in my home page). I don’t need to use it in a plugin.

By: MyWebmasterTips

MyWebmasterTips — Mon, 28 Sep 2009 03:54:13 +0000

Great information man, I finally know that I just simply need to use the wp_enqueue command to get my javascript file to work properly.

By: Nick Ohrn

Nick Ohrn — Tue, 08 Sep 2009 18:02:58 +0000

Thanks for the tip, Mark.

By: Mark Jaquith

Mark Jaquith — Tue, 08 Sep 2009 13:56:40 +0000

To get the URL of the current plugin’s directory, use plugin_dir_url( __FILE__ )

It’ll work in more situations.

By: mores

mores — Fri, 28 Aug 2009 15:25:57 +0000

Update: the strange thing is, when I add ONLY
wp_enqueue_script(‘jquery-color’)
, it still loads jquery. Not the color plugin, but jQuery itself.

Strange, strange.

By: mores

mores — Fri, 28 Aug 2009 15:22:34 +0000

my email came back, undeliverable.
Basically, I just have this

in my header.php right before the wp_head() call.

By: Nick Ohrn

Nick Ohrn — Thu, 27 Aug 2009 22:02:02 +0000

@mores – Could you email me a code sample – me [at] nickohrn.com

By: mores

mores — Thu, 27 Aug 2009 20:38:15 +0000

Thanks for the info. I managed to get jquery to load, but the other files refuse to load. I need jquery-color too, and neither placing the code in header.php nor in functions.php will load jquery-color. Any ideas?
WP 2.8.4, btw

By: Nick Ohrn

Nick Ohrn — Wed, 10 Jun 2009 20:28:18 +0000

@Gyroscopic – To use wp_enqueue_script ( or wp_enqueue_style ) in a theme, you just have to make sure you call that function before wp_head(). You could also put the function call in your theme’s functions.php file.

By: Gyroscopic

Gyroscopic — Wed, 10 Jun 2009 14:25:23 +0000

Hi Nick, great post!

However, I’m pretty new to WordPress and am not sure how to include this in a theme I have. Is there any more specific info to be had? You mention putting the wp_enqueue_script() in an init function but where is that?

I read above that Azizur Rahman managed to get it working in a theme, any chance of a post detailing exaclty how you did that please?

Cheers, Gyro

By: Nick Ohrn

Nick Ohrn — Fri, 24 Oct 2008 17:51:47 +0000

@Tyler – Great, I’m glad that it could help you out!

By: Tyler

Tyler — Fri, 24 Oct 2008 17:30:48 +0000

Thanks, EXACTLY what I was looking for!

By: Using jQuery with Wordpress « ammon like salmon

Using jQuery with Wordpress « ammon like salmon — Wed, 15 Oct 2008 02:47:02 +0000

[...] http://nickohrn.com/loading-javascript-libraries-in-wordpress-plugins-with-wp_enqueue_script/ [...]

By: Better script loading for WordPress | CrossPixelNation

Better script loading for WordPress | CrossPixelNation — Tue, 19 Aug 2008 19:26:40 +0000

[...] has a whole folder of plug-and-play libraries that are just waiting to be included with the wp_enqueue_script function. Toss it in your functions.php file and it will inject the scripts into wp_head(). You can [...]

By: Ultra

Ultra — Sun, 20 Jul 2008 22:24:29 +0000

Nicely played my friend! Thanks for sharing the infos :-)

By: Nick Ohrn

Nick Ohrn — Thu, 03 Jul 2008 18:56:26 +0000

@abubin – You would need to use wp_enqueue_script somewhere before the header is being added. You could put it at the top of your header.php file if you wanted, probably.