@matros97

Подключение Boostrap через wp_enqueue_style?

Привет, подскажите как правельно подключить css и js Boostrap
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>


через функцию

wp_enqueue_style
wp_enqueue_script
  • Вопрос задан
  • 69 просмотров
Пригласить эксперта
Ответы на вопрос 2
@krinbin
wp_enqueue_script( 'bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js...', array('popper'), '20151215', true );

Так чуть точнее, тк бутстрап идет следом за popper
Ответ написан
Комментировать
azerphoenix
@azerphoenix
Java Software Engineer
Здравствуйте!
jquery & popper подключаются до бутстрапа!

function register_styles_scripts() {
	//стили
	wp_register_style('bootstrapCSS', get_template_directory_uri() .
		'/css/bootstrap.min.css');
	wp_enqueue_style('bootstrapCSS');

	//скрипты
	wp_deregister_script('jquery');
	wp_register_script('jquery', get_template_directory_uri() .
		'/js/jquery-3.2.1.min.js');
	wp_enqueue_script('jquery');
	
	wp_register_script('PopperJS', get_template_directory_uri() .
		'/js/popper.min.js');
	wp_enqueue_script('PopperJS');
	
	wp_register_script('bootstrapJS', get_template_directory_uri() .
		'/js/bootstrap.min.js');
	wp_enqueue_script('bootstrapJS');
	
}
add_action('wp_enqueue_scripts', 'register_styles_scripts');
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы