Подсказки на компьютерную тематику

Можно подсмотреть, если забыли…

Как подключить Bootstrap к WordPress

Если к WordPress планируется подключить Bootstrap

    В папке темы wp-content/themes/ваша_тема (где ваша_тема – выбранная тема):

  • создать (если не существует) файл style.css,
  • создать (если не существуют) папки css и js,
  • в css поместить файлы  bootstrap.min.css,
  • в js поместить bootstrap.min.js.
  • Файлы Bootstrap 4 можно бесплатно скачать по ссылке https://getbootstrap.com/docs/4.1/getting-started/download/.
    Для подключения этих стилей и скриптов проще всего поместить в самом низу файла functions.php, следующий код:

    function load_bootstrap(){
    wp_enqueue_script('bootstrap-js', get_template_directory_uri().'/js/bootstrap.min.js');
    wp_enqueue_style('bootstrap-css', get_template_directory_uri().'/css/bootstrap.min.css');
    wp_enqueue_style('style', get_template_directory_uri().'/style.css');
    }
    add_action('wp_enqueue_scripts', 'load_bootstrap');

    Если вы поместили файлы стилей и скрипт в другие папки – укажите их!

Как подключить Bootstrap к WordPress

Если к WordPress планируется подключить Bootstrap

    В папке темы wp-content/themes/ваша_тема (где ваша_тема – выбранная тема):

  • создать (если не существует) файл style.css,
  • создать (если не существуют) папки css и js,
  • в css поместить файлы  bootstrap.min.css,
  • в js поместить bootstrap.min.js.
  • Файлы Bootstrap 4 можно бесплатно скачать по ссылке https://getbootstrap.com/docs/4.1/getting-started/download/.
    Для подключения этих стилей и скриптов проще всего поместить в самом низу файла functions.php, следующий код:

    function load_bootstrap(){
    wp_enqueue_script('bootstrap-js', get_template_directory_uri().'/js/bootstrap.min.js');
    wp_enqueue_style('bootstrap-css', get_template_directory_uri().'/css/bootstrap.min.css');
    wp_enqueue_style('style', get_template_directory_uri().'/style.css');
    }
    add_action('wp_enqueue_scripts', 'load_bootstrap');

    Если вы поместили файлы стилей и скрипт в другие папки – укажите их!