how to properly enqueue styles and scripts in PHP/WordPress

Question

I'm new to WordPress/PHP and I'm trying to create a theme, during a tutorial it's saying to use the wp_enqueue_style/script to load css/js files however for some reason I can't seem to get Bootstrap/JQuery to work, this is my code in functions.php:

function rixcy_scripts() {
    wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/css/bootstrap.css', array(), '' );
    wp_enqueue_style( 'blog', get_template_directory_uri() . '/css/blog.css' );
    wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.js', array('jquery'), true );
}

add_action( 'wp_enqueue_scripts', 'rixcy_scripts' );

I'm also wanting to add my own custom javascript file (blog.js) but I'm unsure on how to do this.

Any help would be greatly appreciated!

Is there an error or why doesnt Bootstrap/jQuery doesnt work? — hering
– hering, Commented Nov 4, 2016 at 13:46

Manthan Dave · Accepted Answer · 2016-11-04 13:12:53Z

5

Yes your code for adding css and js in WordPress is correct but you need to give Unique Name to each css and js

Try below code :

function rixcy_scripts() {
    wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . '/css/bootstrap.css', array(), '' );
    wp_enqueue_style( 'blog', get_template_directory_uri() . '/css/blog.css' );
    wp_enqueue_script( 'bootstrap-jquery', get_template_directory_uri() . '/js/bootstrap.js', array('jquery'), true );
    wp_enqueue_script( 'blog-js', get_template_directory_uri() . '/js/blog.js', array('jquery'), true );

}

add_action( 'wp_enqueue_scripts', 'rixcy_scripts' );

answered Nov 4, 2016 at 13:12

Manthan Dave

2,1572 gold badges21 silver badges35 bronze badges

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

1 Comment

Manthan Dave Over a year ago

Great to help keep helping :)

Léo Fasano · Accepted Answer · 2016-11-04 13:11:53Z

2

You can do that :

    wp_enqueue_script( 'blog', get_template_directory_uri() . '/js/blog.js', array('jquery'), true );

answered Nov 4, 2016 at 13:11

Léo Fasano

1915 bronze badges

Collectives™ on Stack Overflow

how to properly enqueue styles and scripts in PHP/WordPress

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related