0

I am trying to convert HTML template to a WordPress theme. When I try to enqueue CSS and JavaScript files, the website does not work properly as show in the attached image file. Do you have any idea what is the propblem?

function educ_theme_scripts() {
    wp_enqueue_style('main-style', get_stylesheet_uri());
    //Bootstrap
    wp_enqueue_style('bootstrap-min', get_template_directory_uri() . '/plugins/bootstrap/bootstrap.min.css', false, '1.0', 'all');
    //slick slider
    wp_enqueue_style('slick-slider', get_template_directory_uri() . '/plugins/slick/slick.css', false, '1.0' , 'all');
    //themefy-icon
    wp_enqueue_style('thimify-icon', get_template_directory_uri() . '/plugins/themify-icons/themify-icons.css', false, '1.0', 'all');
    //animation css
    wp_enqueue_style('animation-css', get_template_directory_uri() . '/plugins/animate/animate.css', false, '1.0', 'all');
    //aos css
    wp_enqueue_style('aos', get_template_directory_uri() . '/plugins/aos/aos.css', false, '1.0', 'all');
    //venobox popup
    wp_enqueue_style('venobox', get_template_directory_uri() . '/plugins/venobox/venobox.css', false, '1.0', 'all');
    //venobox popup
    wp_enqueue_style('theme-css', get_template_directory_uri() . '/css/style.css', false, '1.0', 'all');

    wp_enqueue_script('jquery-min', get_template_directory_uri() . '/plugins/jQuery/jquery.min.js', array('jquery'), 1.0, true);
    wp_enqueue_script('bootstrap-js', get_template_directory_uri() . '/plugins/bootstrap/bootstrap.min.js', array('jquery'), 1.0, true);
    wp_enqueue_script('slick-slider-js', get_template_directory_uri() . '/plugins/slick/slick.min.js', array('jquery'), 1.0, true);
    wp_enqueue_script('aos', get_template_directory_uri() . '/plugins/aos/aos.js', array(), 1.0, true);
    wp_enqueue_script('venobox', get_template_directory_uri() . '/plugins/venobox/venobox.min.js', array('jquery'), 1.0, true);
    wp_enqueue_script('filter', get_template_directory_uri() . '/plugins/filterizr/jquery.filterizr.min.js', array(), 1.0, true);
    wp_enqueue_script('google-map', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU', array(), 1.0, true);
    wp_enqueue_script('google-map-script', get_template_directory_uri() . '/plugins/google-map/gmap.js', array(), 1.0, true);
    wp_enqueue_script('main-script', get_template_directory_uri() . '/js/script.js', array(), 1.0, true);
}
add_action('wp_enqueue_scripts', 'educ_theme_scripts');

enter image description here

akramdeu
  • 1

0 Answers0