Подключение css файла стилей к WordPress

5 января, 2019 0 Автор Админ
Подключение css файла стилей к WordPress

При создании темы для WordPress с нуля, или настройкой готовой, требуется подключение собственных стилей css, который находятся к примеру в файле style.css или bootstrap.min.css

Для этого разработчики WordPress предоставляют готовую функцию, которую нужно добавить в файл function.php вашей активной темы

function your_preffix_scripts(){
   wp_enqueue_style( 'name_css', get_stylesheet_uri() ); //это строка подключает файл style.css который лежит в паке вашей активной темы, именно такое название должно быть у файла
//далее подключаем bootstrap, для удобства имя и путь вынес в переменные
   $handle = 'bootsrap'; //name of style in html code
   $src = '/wp-content/themes/css/bootstrap.min.css'; //path to file from root directory of site
   wp_enqueue_style( $handle, $src );  //событие работает с переменными тут
   //я пишу калькулятор для сайта на javaScript, поэтому мне так же нужно добавить js файл, все по аналогии с подключением css, только событие используем уже другое wp_enqueue_script вместо wp_enqueue_style
   wp_enqueue_script ('calc' ,'/wp-content/themes/generatepress-child/calc/calc.js' );
}
add_action( 'wp_enqueue_scripts', 'your_preffix_scripts' );

Если вы укажите правильный путь к файлам .css то они подключится в области <header> на каждой странице сайта, это можно проверить просмотрев исходник страницы ctrl+U (юзаем горячие клавиши=)