wp_enqueue_style() – подключение стилей CSS и JS - Web-Global: Связывая миры через веб-технологии

wp_enqueue_style() – подключение стилей CSS и JS

Пост опубликован 18 июня 2021 в 18:58 и находится в рубриках Wordpress. 236
Поделиться:

Рекомендуемый метод подключения CSS-стилей в WordPress. Так же, как и wp_enqueue_script(), эта функция ставит файл в очередь на вывод. После этого выводит его в HTML либо между тегами <head>, либо в футере сайта.

Добавляем код в function.php

/**
 * Enqueue Styles (normal style.css and bootstrap.css)
 */
function envo_shop_theme_stylesheets() {
    // Add custom fonts, used in the main stylesheet.
    wp_enqueue_style('envo-shop-fonts', envo_shop_fonts_url(), array(), null);
    wp_enqueue_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.css', array(), '3.3.7');
    wp_enqueue_style('mmenu-light', get_template_directory_uri() . '/css/mmenu-light.min.css', array(), ENVO_SHOP_VERSION);
    // Theme stylesheet.
    wp_enqueue_style('envo-shop-stylesheet', get_stylesheet_uri(), array('bootstrap'), ENVO_SHOP_VERSION);
    // Load Font Awesome css.
    wp_enqueue_style('line-awesome', get_template_directory_uri() . '/css/line-awesome.min.css', array(), '1.3.0');
}

add_action('wp_enqueue_scripts', 'envo_shop_theme_stylesheets');

/**
 * Register Bootstrap JS with jquery
 */
function envo_shop_theme_js() {
    wp_enqueue_script('bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '3.3.7', true);
    wp_enqueue_script('envo-shop-theme-js', get_template_directory_uri() . '/js/customscript.js', array('jquery'), ENVO_SHOP_VERSION, true);
    wp_enqueue_script('mmenu', get_template_directory_uri() . '/js/mmenu-light.min.js', array('jquery'), ENVO_SHOP_VERSION, true);
}

add_action('wp_enqueue_scripts', 'envo_shop_theme_js');

Ещё один вариант

/**
 * Enqueue scripts and styles.
 */
function avantaj_spb_scripts() {
	wp_enqueue_style( 'avantaj-spb-style', get_stylesheet_uri(), array(), _S_VERSION );
	wp_style_add_data( 'avantaj-spb-style', 'rtl', 'replace' );
    wp_enqueue_style('icofont', get_template_directory_uri() . '/plugins/icofont/icofont.min.css');
    wp_enqueue_style('slick', get_template_directory_uri() . '/plugins/slick-carousel/slick/slick.css');
    wp_enqueue_style('carousel', get_template_directory_uri() . '/plugins/slick-carousel/slick/slick-theme.css');

    wp_enqueue_style('bootstrap', get_template_directory_uri() . '/plugins/bootstrap/css/bootstrap.min.css');

    wp_enqueue_style('webfont', get_template_directory_uri() . '/css/webfont/style.css');
    wp_enqueue_style('mystyle', get_template_directory_uri() . '/css/style.css');




	wp_enqueue_script( 'avantaj-spb-navigation', get_template_directory_uri() . '/js/navigation.js', array(), _S_VERSION, true );
    wp_enqueue_script('jq', get_template_directory_uri(). '/plugins/jquery/jquery.js' );
    wp_enqueue_script('jquery', get_template_directory_uri(). '/plugins/jquery/jquery-3.6.0.js' );
    wp_enqueue_script('popper', get_template_directory_uri(). '/plugins/bootstrap/js/popper.js' );
    wp_enqueue_script('bootstrap', get_template_directory_uri(). '/plugins/bootstrap/js/bootstrap.min.js' );
    wp_enqueue_script('easing', get_template_directory_uri(). '/plugins/counterup/jquery.easing.js' );
    wp_enqueue_script('slick', get_template_directory_uri(). '/plugins/slick-carousel/slick/slick.min.js' );
    wp_enqueue_script('waypoints', get_template_directory_uri(). '/plugins/counterup/jquery.waypoints.min.js' );
    wp_enqueue_script('shuffle', get_template_directory_uri(). '/plugins/shuffle/shuffle.min.js' );
    wp_enqueue_script('counterup', get_template_directory_uri(). '/plugins/counterup/jquery.counterup.min.js' );
    wp_enqueue_script('contact', get_template_directory_uri(). '/js/contact.js' );
    wp_enqueue_script('scriptmy', get_template_directory_uri(). '/js/script.js' );
	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
		wp_enqueue_script( 'comment-reply' );
	}
}
add_action( 'wp_enqueue_scripts', 'avantaj_spb_scripts' );