CSS and scripts not enqueuing in Wordpress

Question

I'm trying to enqueue my styles and scripts to my Wordpress theme but when I refresh my page, it's completely blank. From what I have searched, I seem to be writing the code correctly in functions.php. Can someone check if there is any errors, or tell me if there is a specific place to insert this code?

This is what I have:

function BI_Scripts() {

    wp_register_style( 'bling_css', get_template_directory_uri() . '/css/style.css' );
    wp_register_style( 'Font_Awesome', get_template_directory_uri() . '/css/font-awesome.css' );
    wp_register_style( 'theme_font', 'https://fonts.googleapis.com/css?family=Crimson+Text|Lobster|Oleo+Script:700|Roboto:400,700' );
     wp_register_script( 'jQuery_js', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array( 'jquery' ), '3.1.1', true );
    wp_register_script('bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '3.3.7', true );
    wp_register_script( 'main_js', get_template_directory_uri() . '/js/main.js', array(), '1.0.0', true );

    wp_enqueue_style( 'bling_css' );
    wp_enqueue_style( 'Font_Awesome' );
    wp_enqueue_style( 'theme_font' );
    wp_enqueue_script( 'jQuery_js' );
    wp_enqueue_script( 'bootstrapjs' );
    wp_enqueue_script( 'main_js' );
}
add_action( 'wp_enqueue_scripts', 'BI_Scripts' );

EDIT: This is what is in my header

!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

<?php wp_head(); ?>

</head>

Please post what you have in the head section of header.php. Do you have error display on? Completely blank suggests an error to me. — Nathan Dawson
– Nathan Dawson, Commented Jan 21, 2017 at 4:41
can you try to change load script from header to footer = > change 'true' to 'false' in register script and check. — Ashish Patel
– Ashish Patel, Commented Jan 21, 2017 at 5:59

monsty · Accepted Answer · 2017-01-21 23:23:13Z

1

Grateful for all your help. I tried everything, but I eventually figured it out on my own.

Wordpress comes with JQuery. So I had to deregister it in functions.php first and then register and enqueue my own jQuery file. After doing that, there was no longer a blank screen.

answered Jan 21, 2017 at 23:23

monsty

873 silver badges14 bronze badges

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

1 Comment

Shree Over a year ago

can you please show your updated functions.php file and how you deregistered the unwanted scripts or the scripts which are already present in the WP.

Purvik Dhorajiya · Accepted Answer · 2017-01-21 05:16:35Z

0

If you have activated child theme then use get_template_directory_uri() functions.

If you have activated parent theme then use get_stylesheet_directory_uri() functions.

get_template_directory_uri will always refer to the parent theme folder for assets.

get_stylesheet_directory_uri will refer to the "current" theme folder for assets (which could be the parent or the child, depending on where it is called).

Child theme example:

wp_enqueue_style( 'my_child_styles', get_stylesheet_directory_uri().'/style.css' );

Parent theme Example

wp_enqueue_style( 'my_parent_styles', get_template_directory_uri().'/style.css' );

edited Jan 21, 2017 at 5:16

answered Jan 21, 2017 at 4:58

Purvik Dhorajiya

4,8903 gold badges37 silver badges45 bronze badges

Comments

Brickr · Accepted Answer · 2017-01-21 07:32:01Z

0

Most common problem is that your theme is not using wp_head AND wp_footer in header.php and footer.php.

Example: header.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<?php
  wp_head();
?>
<body>

Without wp_head() AND wp_footer() Wordpress cannot hook using wp_enqueue_scripts hook as it does not fire.

answered Jan 21, 2017 at 7:32

Brickr

1341 silver badge6 bronze badges

Comments

Mukesh Ram · Accepted Answer · 2017-01-21 10:50:36Z

0

"wp_register_style" and "wp_register_script" both contains parameters and it's very important to use them in correct order to work this function correctly.

You can use it like following:

wp_enqueue_script( 'bootstrapjs', get_template_directory_uri() . '/js/main.js', array(), '3.3.7', true )

answered Jan 21, 2017 at 10:50

Mukesh Ram

6,3684 gold badges21 silver badges37 bronze badges

Collectives™ on Stack Overflow

CSS and scripts not enqueuing in Wordpress

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related