Привет читателям!
Я решил попробовать сверстать свою тему для wordpress, с применением фреймворка bootstrap 4. И конечно, как и на любом сайте, необходимо сделать удобную, а главное адаптивную навигацию (navbar bootstrap 4). Писать про версию три не буду, поскольку делаю сайт на bootstrap 4, а эти версии значительно отличаются, да и я уже привык работать с четверкой. И так, больше кода — меньше текста.
Найти саму панель навигации можно найти на сайте getbootstrap.com.
В общей картине сайта на html она выглядит довольно просто:
Мне, как человеку, который хорошо знает html5, но не сильно разбирается в php, сделать такое меню на вордпресе сложно. Но я попытался и все получилось, все работает.
Navbar bootstrap 4 wordpress
Первое с чего стоит начать, это записать код в файлик functions.php. В нем мы детально расписываем пункты нашей навигации и регистрируем её для настройки в редакторе темы.
Сохранили и закрыли.
Вторым пунктом переходим к файлу header.php, куда мы будем вставлять нашу навигацию.
Готово!
На этом установка navbar bootstrap 4 завершена.
В этой статье мы не разобрали верстку формы поиска. Если у Вас остались вопросы, пишите в комментариях.