Как подключить bootstrap к wordpress — Просто!

Первый способ — простой 

в файле header.php (заголовок) перед функцией head() добавляем подключение  либо сетки (2 сточка кода, обычно это достаточно в 90% случаях), либо js скриптов, либо все подряд, от зависимости, что вам нужно, через сервисы:

Второй способ — тяжелее, для локальных файлов

Для подключения bootstrap  к wordpress локальными файлами:

  1. Cкачать архив библиотеки. (Download Bootstrap)
  2. Распаковать содержимое архива (css, fonts,js)  в свою тему  в «/wp-content/themes/НАЗВАНИЕ_ПАПКИ_ТЕМЫ/bootstrap/

подключить bootstrap   в header.php   перед <?php wp_head(); ?> (чтобы можно было перебивать стили стандартным файлом style.css)

Попробуйте вывести  html код во вкладке текст  :

у вас получиться 3 колонки по ширине 33%

! я обычно использую только сетку, и подключаю только файл стилей. Можно подключить файл js  в футере

Почему я советую данный способ подключения bootstrap ?

  1. Во первых, здесь все просто, и это рабочий вариант.
  2. Мне пришлось его использовать в десятках различных сайтах на wordpress.
  3. Также, если вы захотите тему установить на новый сайт, то она не будет конфликтовать.
  4. Если библиотеку подключить выше  <?php wp_head(); ?> то, все стили очень легко меняются в стандартном файле style.css — таким образом, не затрагивая саму библиотеку, что легко способствует ее обновлению.

 

ответы на вопросы

Как  подключить bootstrap через function.php

 

 

Поделись с друзьями:
Как подключить bootstrap к wordpress — Просто!: 7 комментариев
  1. artem:

    ! я обычно использую только сетку!!!!!!!
    что именно нужно подключить, чтоб пользоваться только сеткой, а стили не трогать?
    спасибо!

    1. allwp:

      для адаптивности достаточно только сетки -это библиотека bootstrap.min.css
      как ее подключить описано в посте, двумя вариантами

  2. Inakentiy:

    как подключить bootstrap через functions.php?

    1. allwp:

      для добавления bootstrap через function.php ответил в конце статьи

  3. ищу информацию по bootstrap, так как на сайте его настройки перебивают заданные файлом css, в админке нет этого файла, в том числе в function.php
    Получается, через ftp смотреть в папке темы?

    1. allwp:

      откройте режим разработки в браузере. посмотрите где находится файл который перебивает стили. через ftp отредактируйте его как нужно.

  4. Алексей:

    Спасибо, автор! Кроме того, что я подключил бутстрап с Вашей помощью, так я еще и свои стили поставил! 🙂 Делал по самому последнему способу, с подключением через functions.php

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *