Навигация на сайте сильно влияет на удобство и вовлечённость пользователей. Когда страниц и разделов много, стандартное меню WordPress порой неудобно, приходится постоянно прокручивать страницу вверх, чтобы перейти в нужный раздел.
Решением становится плавающее меню. В этой статье рассмотрим плагин WPBar — инструмент для создания современного плавающего меню WordPress, который легко настраивается, работает на мобильных и десктопных устройствах и предлагает готовые стили для быстрого результата.
Внешний вид и дизайн
WPBar привлекает своей лёгкостью и простотой. Панель выглядит аккуратно, элементы читаются легко, а структура кнопок понятна с первого взгляда.
Меню гармонично вписывается в любой сайт и не перегружает интерфейс. Простота дизайна сочетается с функциональностью: кнопки и иконки можно настраивать под задачи проекта, делая меню как минималистичным, так и более заметным.
Настройка меню
Создание меню с WPBar занимает несколько шагов. После установки плагина через админку WordPress открывается редактор панели, где можно добавлять новые кнопки, менять их порядок и редактировать содержимое. Для каждой кнопки настраиваются подпись, ссылка и иконка, а размер элементов регулируется в зависимости от важности раздела.
Плагин поддерживает вложенные пункты меню: более двух, трех четырёх уровней. Это удобно для сайтов с большим количеством категорий и разделов. Меню можно сделать динамичным: счётчик корзины для WooCommerce обновляется в реальном времени, а панель появляется только после прокрутки или при движении вверх страницы.
Дополнительно настройки позволяют детально кастомизировать внешний вид панели и элементов. Можно менять цвета, фон и тень, регулировать внутренние и внешние отступы, задавать скругление углов. Иконки настраиваются отдельно: можно оставить только значки или добавить подписи, количество кнопок почти не ограничено.
Благодаря этому можно создать как минималистичное меню с основными разделами, так и полную панель с поиском, корзиной, социальными кнопками и любым дополнительным контентом. Все изменения сразу отображаются в режиме предпросмотра, что позволяет быстро оценить результат и адаптировать меню под дизайн сайта.
Готовые варианты меню от разработчиков
WPBar предлагает готовые пресеты, которые можно посмотреть на демо-сайте. Давайте рассмотрим несколько примеров.
Первый вариант — Apple Glass. Полупрозрачная панель с эффектом блюра и мягкими акцентами создаёт лёгкий современный интерфейс. Панель содержит кнопки «Корзина» с динамическим счётчиком, «Аккаунт», «Поиск» и «Инфо», где можно размещать баннеры или ссылки на социальные сети.
Следующий вариант — Скругленный темный. Тёмная панель с аккуратными скруглёнными элементами и белыми кнопками создаёт строгий и контрастный вид. Активная страница выделяется цветом, что облегчает навигацию.
Также плавающее меню можно подстроить и под блог, показывая соцсети. Она появляется после прокрутки страницы и содержит кнопки «Поиск», «Поделиться ссылкой» и «Наверх». Такой вариант удобно использовать на длинных страницах и для вовлечения аудитории.
Лаконичный вариант для корпоративных сайтов позволяет выводить контактную информацию прямо в панели: номер телефона и адреса офисов, увеличенные иконки и текст делают меню более наглядным и удобным.
Пример для интернет-магазинов содержит кнопки «Главная», «Корзина», «Аккаунт», «Поиск» и «Меню». Счётчик корзины обновляется автоматически, а вложенность меню поддерживает до четырёх уровней. Панель упрощает поиск товаров и оформление заказов.
Верхняя панель навигации — меню может располагаться не только внизу, но и вверху страницы, заменяя липкую шапку или мобильное меню. В панели можно вывести поиск, корзину, личный кабинет, содержание страницы или логотип компании через тип «Свой элемент». Такое решение удобно для компактной и функциональной навигации.
Плавающее меню для статейного сайта — вариант с выводом содержания записи по заголовкам статьи. Дополнительно можно добавить кнопки «Поиск», «Поделиться» и «Наверх». Подходит для длинных материалов и делает навигацию по статье более удобной и наглядной.
Преимущества WPBar
WPBar удобен и прост в настройке и использовании. Основные преимущества:
- Простая настройка — панель и элементы редактируются быстро.
- Гибкая кастомизация — настраиваются цвета, отступы, иконки и подписи.
- Вложенное меню — поддержка до двух, трех и более уровней.
- Динамические элементы — счётчик корзины обновляется в реальном времени.
- Готовые пресеты — быстрый старт со стильными панелями.
- Универсальность — подходит для блогов, корпоративных сайтов и интернет-магазинов.
- Адаптивность — корректная работа на всех устройствах.
WPBar со скидкой
Итог
WPBar — это не просто стильный и современный плагин, а удобная в использовании и простая в настройке панель меню для WordPress. Простая установка, гибкая кастомизация, готовые пресеты и поддержка динамических элементов делают её универсальным инструментом для блогов, корпоративных сайтов и интернет-магазинов.
Используя WPBar, легко создать функциональное, адаптивное и наглядное плавающее меню, которое остаётся доступным на всех страницах сайта и улучшает навигацию для пользователей.