CODEWITHSUNDEEP
javascriptwordpress
Nicky Prabowo
Nicky Prabowo

Reputation: 112

wp_enqueue not working at all

I'm trying to create a wordpress theme and start learning the best way to include javascript and css files using wp_enqueue. After couple hours, I still can't load the files. Here is the code I use

function compro_scripts() {
    wp_register_style( 'style', get_template_directory_uri() . '/css/materialize.css', array(), '20150208', 'all');
    wp_enqueue_script( 'style' );
}

add_action( 'wp_enqueue_scripts', 'compro_scripts' );

It looked simple on every tutorial I've read, but it still not work for me. Would anyone mind helping me solve this ?

Upvotes: 0

Views: 83

Answers (2)

Faaz Iqbal
Faaz Iqbal

Reputation: 11

You've registered the "style" handle with wp_register_style() and you're enqueuing it by using wp_enqueue_script() which is incorrect. wp_enqueue_script() in your code needs to be replaced by wp_enqueue_style(), since it's a style that you are including, not a script.

Alternatively, you can simply enqueue scripts and styles directly without the need to register them separately - like this

function compro_scripts() {
    $template_dir = get_template_directory_uri();

    //enqueue a style
    wp_enqueue_style( 'style', $template_dir . '/css/materialize.css', array(), '20150208', 'all');

    //enqueue a script
    wp_enqueue_script( 'custom', $template_dir . '/js/custom.js', array( 'jquery' ), false, false );
}

add_action( 'wp_enqueue_scripts', 'compro_scripts' );

Upvotes: 1

Nicky Prabowo
Nicky Prabowo

Reputation: 112

This very basic knowledge of Wordpress, but as a newbie I found out this is pretty confusing. If you want to use the best practice to include javascript and css files make sure to add wp_head() and wp_footer(). The rest of it is described clearly here How to Load Javascript like Wordpress Master

Upvotes: 1

Related Questions