How to include custom javascript within a Child theme

[cfaust]

In the past, I have put JavaScript in for a jobs website that pulls info from a 3rd party. With Thesis it was easy – there was a “Screen Option” called “JavaScript” on my edit page and I pasted the code there.

I’m putting the same code in a new site using JumpStart but I don’t have a “JavaScript” “Screen Option”. How do I get that OR implement JS?

Thanks!

Topic

[Jason Bobich]

Hello,

You’ll want to start with learning a little bit about how to implement JavaScript just in general with WordPress. Here’s a good guide from the WordPress codex:

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

The types of examples you’re seeing there in the WP codex page is the type of thing you can do from your Child theme’s functions.php.

Here’s also a more in-depth explanation from WP candy: http://wpcandy.com/teaches/how-to-load-scripts-in-wordpress-themes/

[Charlie Harper]

Hello cfaust…

I just had a question recently that lead to the answer being the wp_enqueue_script.

http://support.themeblvd.com/forums/topic/slider-disappears-when-including-jquery-accordion-in-sidebar/

Hope this helps.

Charlie

[cfaust]

Thanks Charlie,

So if I put the php code in from your other post in my functions file – where do I put the js code?

Again, in a past theme – there was a “Screen Option” on the page and I just pasted it there.
Screenshot:
http://tinypic.com/r/205hqv/6

-cf

[Jason Bobich]

@cfaust — Maybe a plugin like this would work better for you: http://wordpress.org/extend/plugins/per-post-scripts-and-styles

It’ll give you something similar to your other theme:

[cfaust]

THANK YOU! Trying that now.

-cfaust

[Author]

Replies