Вертикальное меню с выпадающим списком на WordPress

Сегодня разберем, как сделать на WordPress вертикальное меню с выпадающим списком при помощи плагина. Делается всё очень просто, а главное, большинство функций у плагина бесплатные.


Плагин вертикального аккордеон меню для сайдбара

вертикальное меню в сайдбаре

Итак, приступим к созданию вертикального выпадающего меню.

Скачиваем и устанавливаем плагин Bellows Accordion Menu - он есть в репозитории WordPress.

плагин Bellows Accordion Menu

Далее идём во вкладку "внешний вид/виджеты". И перетаскиваем виджет плагина "Bellows Accordion - standart menu" в сайдбар сайта.

Добавляем вертикальное меню в сайдбар

После этого открываем настройки виджета и выбираем меню, которое будет в нём отображаться.

вертикальное wordpress меню

После этого у вас уже заработает выпадающее вертикальное меню со стандартными настройками. Далее можно перейти в настройки плагина и поменять внешний вид. Делается это во вкладке "Basic configuration/skin"

Меняем внешний вид вертикального меню

По умолчанию, в бесплатной версии, есть всего три темы на выбор: синяя, светлая и серая. В нашем случае мы выберем светлую тему "Vanilla". Если же данные цветовые решения и сам стиль меню вам не подходят, то их можно поменять при помощи правки CSS кода. Но это уже другая история.

Каким ещё функционалом обладает плагин вертикального меню для WordPress

  • Помимо виджета, его можно вставить при помощи шорткода или php в любое место на сайте.
  • Можно установить любой шрифт.
  • Есть поддержка Font Awesome

Платная версия плагина Bellows Accordion Menu

В платной версии доступно:

  • 20 готовых стилей на выбор
  • Простое изменение внешнего вида без знания CSS
  • Добавление иконок и картинок
  • Пользовательский контент - в пункты меню можно добавить любой текст, HTML или шорткод
выпадающее меню на WordPress

В результате можно получить продвинутое меню с выпадающими подпунктами, где можно разместить всё что угодно, от обычных пунктов меню до картинок, текста и кнопок.

Оставьте комментарий

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

blank