Подключение css и js в тему

functions.php – пример подключения стилей и скрипта для кнопки “наверх”

// 
// Подключаем стили и скрипты
// 
add_action( 'wp_enqueue_scripts', 'add_vahro_resources');
function add_vahro_resources() {
	// Подключаем главный файл стилей style.css
	// wp_enqueue_style( 'style', get_stylesheet_uri() );
  wp_enqueue_style( 'fonts-style', get_stylesheet_directory_uri().'/css/fonts.css' );
	wp_enqueue_style( 'scrollup-style', get_stylesheet_directory_uri().'/css/scrollup.css' ); // для кнопки "Наверх"

	// Подключаются скрипты
	wp_enqueue_script( 'scrollup', get_stylesheet_directory_uri().'/js/vahro-js.js' , array('jquery'), null, true );
}

Нюансы

wp_enqueue_script( ‘scrollup‘, get_stylesheet_directory_uri().’/js/vahro-js.js’ , array(‘jquery’), null, true );
идентификатор

wp_enqueue_script( ‘scrollup’, get_stylesheet_directory_uri().’/js/vahro-js.js’ , array(‘jquery’), null, true );
путь к файлу – внимательней с темой!
get_template_directory_uri() – вернет путь до родительской темы
get_stylesheet_directory_uri() – вернет путь до дочерней темы

wp_enqueue_script( ‘scrollup’, get_stylesheet_directory_uri().’/js/vahro-js.js’ , array(‘jquery’), null, true );
зависимости – в данном случае, этот скрипт должен быть загружен после загрузки jquery

wp_enqueue_script( ‘scrollup’, get_stylesheet_directory_uri().’/js/vahro-js.js’ , array(‘jquery’), null, true );
номер версии скрипта (здесь неважно)

wp_enqueue_script( ‘scrollup’, get_stylesheet_directory_uri().’/js/vahro-js.js’ , array(‘jquery’), null, true );
true – грузим в конец файла (перед тегом </body>)
по умолчанию false – будет грузиться в <head>

Внимание! Стили и скрипты должны быть подключены до вызова wp_head() – header.php

Поделиться с друзьями