Возникла у меня недавно потребность в аккордеон меню для сайта. Начал как всегда искать и испытывать различные плагины, перед установкой на основной сайт. Выбор меню большой. Но большинство из них платные и для пользования всеми функциями нужно купить 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