How to Link a Script In WordPress

Question

My script doesn't work in Wordpress. I'm trying to convert my HTML page into a Wordpress Theme.. Ive got the CSS linked..

<link type="text/css" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/min/mycss.css" />

but my script doesn't connect..

<script type="text/javascript" src="min/myjs.js"></script>

i tried the same , using the <?php bloginfo('template_directory'); ?>

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/min/myjs.js"></script>

Help?

you checked where is the actual path of your js and css file — Sonu Sindhu
– Sonu Sindhu, Commented Jul 31, 2013 at 10:09
the Path is correct, because its working in the HTML version. Errors i see is in the dreamweaver.. it goes red. Means not good right?? — Jeremi Liwanag
– Jeremi Liwanag, Commented Jul 31, 2013 at 10:21
The way you're closing your php tags looks odd to me. What happens if you remove the space between the ? and > (so ?>)? — Hobo
– Hobo, Commented Jul 31, 2013 at 10:24

Mark · Accepted Answer · 2013-07-31 10:40:36Z

5

Don't include scripts and stylesheets this way. Use wp_enqueue_scripts. Assuming this is a custom theme, add the code to the functions.php file.

add_action( 'wp_enqueue_scripts', 'theme_scripts_styles' );

function theme_scripts_styles() {

  // Enqueue scripts and styles here

}

In this function use wp_enqueue_script and wp_enqueue_style to queue the files (should be obvious which to use based on the file type!)

Also bloginfo( 'template_directory' ) is not best practice.

Use get_stylesheet_directory_uri(), or get_template_directory_uri() for parent themes. You can drop the _uri part to get the server paths.

So all together it looks something like

add_action( 'wp_enqueue_scripts', 'theme_scripts_styles' );

function theme_scripts_styles() {

  wp_enqueue_style( 'my-styles', get_stylesheet_directory_uri() . '/min/mycss.css', array(), '1.0', 'all' );
  wp_enqueue_script( 'my-scripts', get_stylesheet_directory_uri() . '/min/myjs.js', array(), '1.0', true );

}

Be sure to read the Codex on the enqueue functions so you know what all the parameters do.

answered Jul 31, 2013 at 10:40

Mark

3,0651 gold badge23 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jeremi Liwanag Over a year ago

Wow! thanks,,, I guess i have to read this codex.wordpress.org/Function_Reference/wp_enqueue_script

Jeremi Liwanag Over a year ago

Awesome! its working now.. anyway i just read some tutorails.. some of them registers the path first then enqueue's them .. is it the same on what you did??

Mark Over a year ago

You can use wp_register_script, which in turn allows you to enqueue them just using the slug (first parameter). Useful if you want to enqueue scripts conditionally. The method above is simplest where you just want to include a script/stylesheet on every page.

TimWagaman · Accepted Answer · 2013-08-02 11:12:33Z

1

Please use this code to add your JavaScript link to your wordpress site.

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/path_to/your_script.js"></script>

edited Aug 2, 2013 at 11:12

TimWagaman

1,0061 gold badge11 silver badges32 bronze badges

answered Aug 2, 2013 at 10:51

Edwin Sanchez

442 bronze badges

Collectives™ on Stack Overflow

How to Link a Script In WordPress

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related