Link Scripts and Css the right way in your WordPress Theme

Want to add your custom script or css to your theme? Just add this snippet into your functions.php file in the theme folder:

/**
 * enqueue scripts and styles from theme
 */
function my_custom_theme_scripts() {
	wp_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/my-custom-script.js', null, '1.0');
	// Don't forget the styles!
	wp_enqueue_style('my-custom-css', get_template_directory_uri() . '/css/my-custom-css', null, '1.0');
}

add_action( 'wp_enqueue_scripts', 'my_custom_theme_scripts' );

You can even use any of the scripts wordpress already has available (Codex: Function Reference/wp enqueue script):

function my_custom_theme_scripts() {
        //Add js for thickbox
	wp_enqueue_script('thickbox');
}

add_action( 'wp_enqueue_scripts', 'my_custom_theme_scripts' );

Leave a Reply