Внедряем в wordpress bootstrap меню

меню bootsrtap для wordpress

Простой и проверенный способ  замены стандартного меню вашего блога, на адаптивное от bootstrap библиотеки.

  1. скачиваем файл wp-bootstrap-navwalker.php или с нашего сайта wp-bootstrap-navwalker.zip (3kb)
  2. распаковываем его в корень своей темы
  3. в файле functions.php регистрируем walker  (добавляем код ниже)
  4. Меняем стандартное меню (оно находится в файле header.php) на код ниже:

    начинается  и заканчивается тегами <nav> </nav>
  5.  Не забываем про функцию wp_nav_menu в массиве

    Указываем свое меню которое создали в админке. По умолчанию стоит  primary и зарегистрируйте навигацию если ваша тема это не поддерживает:

все готово.

 

Дополнительно

Вы можете посмотреть какие могут быть  стили навигации: https://getbootstrap.com/components/#navbar

а также будет интересно прочитать про функцию wp_nav_menu https://wp-kama.ru/function/wp_nav_menu

Заключение

Вот таким простом способом, который займет не более 10 минут, можно легко внедрить адаптивное меню bootstrap в вашу тему сайта на wordpress.

Поделись с друзьями:
Внедряем в wordpress bootstrap меню: 1 комментарий
  1. А проще никак нельзя? Чтобы файлы не скачивать и не регистрировать

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

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