Бесплатные плагины для создания меню-аккордеона в WordPress

Дата публикации:Март 18, 2014

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

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

Три плагина для создания меню-аккордеона

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

В любом случае, протестировав массу плагинов и отбросив нерабочие, мы остались с тремя плагинами.

Хорошие новости – два из них имеют действительно потрясающее качество. А третий плагин, который не так шикарен, все равно прекрасно справляется с поставленными задачами.

JQuery Vertical Accordion Menu

jquery-vertical
JQuery Vertical Accordion Menu позволяет помещать меню в виджет, который можно легко размещать на своем сайте. Плагин имеет массу опций, что делает его прекрасным выбором для пользователей.

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

Также вы можете выбирать, как будет открываться меню – при щелчке по нему или при наведении курсора мыши. Можно определять, будут ли меню автоматически закрываться или нет. Вы можете задавать скорость анимации.

Во-вторых, меню можно размещать в записях и на страницах при помощи шорткода.

Скачать

Nextend Accordion Menu

nextend

Плагин Nextend Accordion Menu позволяет настраивать меню на специальной странице, после чего выбирать его через виджет для вывода на экран.

Страница настроек плагина включает в себя массу опций, включая управление тем, как меню будет открываться (по клику, при наведении курсора и т.д.), какие уровни будут открыты по умолчанию, какой тип анимации будет использоваться, какое позиционирование будет у меню.

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

Плагин является достаточно хорошим и мощным, однако его минус – единственный скин (если говорить про бесплатную версию).

Скачать

Nice Navigation

nice-navigation
Плагин Nice Navigation – относительно простой плагин с ограниченными опциями. Он позволяет вам выводить страницы, рубрики и архивы в «голом» виде. У него есть опция для вывода wp_nav_menu, т.е. главного меню сайта, однако в итоге оно не захотело открываться и закрываться у меня.

Плагин неплохой, но имеет свои ограничения.

Скачать

Источник: premium.wpmudev.org/blog

Поделиться

5 комментариев

  1. Юрец says:

    Первый и третий сильно устаревшие. Мне, например, они не помогли. Современные шаблоны не совмещаются с этими плагинами.
    А вот второй годный. Даже в стандартной версии.
    Спс за него огромное. Выручили очень сильно.

    • Дмитрий Алёшин says:

      Да, возможно, что уже устарели, но таких вот плагинов, особенно бесплатных, днем с огнем не сыскать… Потому на безрыбье, как говорится, и рак рыба =) Хорошо, что хотя бы один вас удовлетворил на 100%.

  2. Elchin says:

    Спасибо за обзор — не в курсе как информацию (ссылки) в этих меню- аккордеонах читает Google?
    Спасибо заранее.

    • Дмитрий Алёшин says:

      Так Google ведь читает код страницы, а там все как положено :) Это только пользователи видят аккордеоны.

  3. Сергій says:

    Велике дякую! Плагін JQuery Vertical Accordion Menu супер. Хоча він не оновлювався вже 5 років, але працює на ура.

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

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

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.