WordPress WordPress Theme Development Working with CSS and JS in WordPress Themes Adding CSS to a Theme Via the functions.php File

Santiago Enciso
Santiago Enciso
17,378 Points

CSS/JS Not Loading

<?php

function wpt_theme_styles() { wp_enque_style('foundation_css' , get_template_directory_uri() . '/css/foundations.php'); wp_enque_style('normalize_css' , get_template_directory_uri() . '/css/normalize.css'); wp_enque_style('normalize_css' , 'http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' ); wp_enque_style('main_css' , get_template_directory_uri() . '/style.css');

}

add_action('wp_enque_scripts', 'wpt_theme_styles');

function wpt_theme_js() { wp_enque_script('modernizr_js', get_template_directory_uri() . '/js/modernizr.js', '', '', false); wp_enque_script('foundation_js', get_template_directory_uri() . '/js/foundation.js', array('jquery'), '', true); wp_enque_script('main_js', get_template_directory_uri() . '/js/foundation.js', array('jquery', 'foundation_js'), '', true);

}

add_action('wp_enque_scripts', 'wpt_theme_js');

?>

Santiago Enciso
Santiago Enciso
17,378 Points

When I look at chrome developer tools, I see these 404's

http://localhost/localwp.com/assets/js/foundation.min.js Failed to load resource: the server responded with a status of 404 (Not Found)

1 Answer

Lyle Lewton
PRO
Lyle Lewton
Pro Student 10,585 Points

I doubt you are still stuck on this 5 months later but just in case, and for others' benefit it looks like you've accidentally misspelled the function "wp_enqueue_style()" as "wp_enque_style()"

I hope that helps!