Автор створено

Возникла у меня недавно потребность в аккордеон меню для сайта. Начал как всегда искать и испытывать различные плагины, перед установкой на основной сайт. Выбор меню большой. Но большинство из них платные и для пользования всеми функциями нужно купить Pro версию. В бесплатных версиях традиционно разработчики всовывают различную рекламу.

Accordion for WordPress — не содержит рекламы и совместимо с новой (на момент написания статьи) версией WordPress. Позволяет вывести вертикальное или горизонтальное меню в стиле аккордеона. Поддерживаются продукты woocommerce.

Распространяется плагин под лицензией GNU (публичной).

Открываем административную панель сайта и переходим в плагины. (Видео о том, как устанавливать плагины)

Далее «Добавить новый». В поле поиска вводим «Accordion for WordPress».

Находим наш плагин (смотрим скриншоты) и нажимаем «Установить».

После успешной установки нажимаем «Активировать».  

1. Далее переходим к виджетам: « Внешний вид» → «Виджеты».

2. Нам нужно найти наш виджет и перетащить его в нужное место на сайте, например боковую панель.

3. Тогда заполняем название меню (при желании).

Напротив Select Menu: выбираем наше меню (оно должно уже у вас быть создано, если нет, то сначала создайте меню).

Если отметить пункт «Show as Accordion:»,то меню при загрузке сайта будет свернутым.

Template: выбор шаблона для вывода меню.

Напротив Style: выбираем как показывать меню — вертикально или горизонтально.

После всех действий нажимаем «Сохранить».

Вид во фронтальной части сайта.

В виджетах можно увидеть еще два, которые относятся к нашему плагину. Это Accordion Term Widget и Accordion Post Widget. Первый выводит у виде аккордеона рубрики сайта, а второй — отдельные статьи.

Для вывода рубрик используем виджет Accordion Term Widget, и повторяем вышеперечисленные три пункта.

Далее напротив Taxonomy указываем, что выводить (рубрики, метки и т.д.).

Show no of term: количество рубрик, меток, которые будут выводиться.

Style: выбор вертикального или горизонтального отображения.

Затем сохраняем и просматриваем на фронтальной части сайта результаты.

Для добавления виджета Accordion Post Widget повторяем три вышеописанных пункта и настраиваем.

  • Title: заголовок;
  • Post Type: выбор материалов для выведения (страницы, записи);
  • Show no of post: количество выводимых записей;
  • Template: выбор шаблона;
  • Style: вертикальный аккордеон или горизонтальный.

Сохраняем и видим результат (на скриншоте выведение страницы).

Кроме того, в левой панели Wordpress появится новый пункт меню, прямо с которого можно создавать содержимое и выводить его в стиле аккордеона. Все записи можно объединять в группы.

На этом все. Как видно, меню бесплатное и без рекламы, имеет небольшой размер и соответственно не сильно грузит систему. Конечно, кому нужны более широкие возможности нужно обратить свое внимание на одном из коммерческих продуктов.

Страница меню Accordion for WordPress

Страница на wordpress.org