RSS-лента

Лучшие CMS интернета бесплатно для создания сайта

Авг
8

WordPress плагин вертикального меню

Всем привет. Сегодня мы с вами рассмотрим, очень удобный и красивый  wordpress плагин добавления на сайт вертикального меню с различными визуальными эффектами на jQuery — jquery-vertical-mega-menu.  Сейчас стало очень популярным, делать сайты с улучшенным юзабилити по сравнению со стандартными сайтами на которых имеется только  горизонтальное меню.

Этот плагин WordPress использует  jQuery скрипты и позволяет, очень легко создавать вертикальные мега меню в боковой панели WordPress в области использования виджетов. Плагин рассчитан на версии вордпресс начиная от WordPress 3.0.

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

Плагин, может работать с несколькими вертикальными мега меню на каждой странице и обеспечивает 3 различных варианта для всплывающего меню: эффект с анимацией и без анимации (Show / Hide), или вариант Fade In — скользящий эффект появления подменю. Этот плагин wordpress, также дает возможность выбора анимации направления появления влево или вправо для  всплывающего меню и поставляется с 8-ю стилями цветового оформления.

вертикальное меню цветовая палитра

Установка и настройка плагина jquery-vertical-mega-menu.

Итак, установку производим стандартным способом: входим в админ панель/Плагины/Добавить новый, если так не получается разъархивируйте плагин на хостинг при помощи Ftp менеджера закачек в папку: wp-content/plugins.
Теперь, переходим в установленные плагины и активируем, только что установленный плагин вордпресс.
В разделе виджетов, у вас появится новый виджет jQuery Vertical Mega Menu перенесите его в нужное место сайдбара:

jQuery vertycal mega menu

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

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

стректура меню

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

Скачать этот замечательный плагин вы можете на этой странице.

Для получения дополнительной информации буду рад ответить на ваши вопросы в комментариях к посту.

Получай первым обновления блога!

Введите Ваш e-mail:


Комментарии (13) на “WordPress плагин вертикального меню”

  • source (1 коммент.) 20 Декабрь 2013 в 14:21

    Как расширить кнопки в сайтбаре? У меня они выровненны по левому краю, а что бы на всю ширину сайтбара — нужно еще 30 пикселей… ???

    • CMSONY
      CMSONY (172 коммент.) 20 Декабрь 2013 в 18:53

      Откройте админ панель, на вкладке плагины выберите редактор. В редакторе выбираете плагин для редактирования: jquery-vertical-mega-menu в правой колонке будут файлы, вам нужен jquery-vertical-mega-menu/skins/black.css
      Четвертой строкой сверху идет строчка:

      #dc_jqverticalmegamenu_widget-%ID%-item ul.menu.left, #dc_jqverticalmegamenu_widget-%ID%-item ul.menu.right {position: relative; margin: 0; padding: 0; border-bottom: 1px solid #1b1b1b;}

      В эту строчку добавляем width: 200px; Должно получиться вот так:
      #dc_jqverticalmegamenu_widget-%ID%-item ul.menu.left, #dc_jqverticalmegamenu_widget-%ID%-item ul.menu.right {position: relative; margin: 0; padding: 0; width: 200px; border-bottom: 1px solid #1b1b1b;}

      Сохраняем изменения. Вот и все).

  • Александра (1 коммент.) 23 Апрель 2014 в 16:06

    1. Как сделать так, чтобы не было белой полосы в меню?
    2. Подменю у меня почему-то выходит как просто текст, а не ссылки на страницу(т.е. никак не вибирается подменю)

  • alisher717 (1 коммент.) 23 Январь 2015 в 15:14

    Есть на свете умные люди, плагин укажут, плюс опишут как пользоваться. Спасибо!!!

  • Роман (1 коммент.) 7 Июль 2015 в 16:50

    Добрый день!

    Подскажите, возможно ли реализовать на данном плагине выделение активного пункта меню? (при наведении мыши цвет меняется, а при переходе по ссылке, пункт не выделяется!)

    • CMSONY
      CMSONY (172 коммент.) 7 Июль 2015 в 17:56

      Да, можно…

  • Кирилл (1 коммент.) 14 Июль 2015 в 22:36

    Установил себе, но для отображения могу выбрать только верхнее меню либо нижнее, а мне нужно именно рубрики. Может знаете, как это сделать?

  • Анатолий (2 коммент.) 30 Июль 2015 в 0:26

    Здравствуйте.
    Плагин просто шикарный и полностью меня устраивает, но у меня проблема.
    Меню большое и он при загрузке страницы позорно растягивается как гармошка, а потом собирается в нормальный вид. Можно ли этого как то избежать?

  • Константин (1 коммент.) 8 Август 2015 в 0:59

    А какое меню используется на вашем сайте?

    • CMSONY
      CMSONY (172 коммент.) 8 Август 2015 в 13:42

      Я не использую плагины когда их можно не использовать. Меню на этом блоге написано вручную на html с применением CSS.

  • Алексей (11 коммент.) 25 Август 2015 в 21:58

    Добрый вечер! Подскажите, можно ли уменьшить высоту кнопки? Если да, то где это подправить? Заранее спасибо!

  • Наталья (4 коммент.) 2 Декабрь 2015 в 13:52

    Здравствуйте. У меня почему-то меню не раскрывается. Что может быть не так? Подскажите пожалуйста.

  • любовь (1 коммент.) 20 Декабрь 2015 в 17:24

    Добрый день. У меня тема WordPress 4.3.1 с темой оформления zeeMinty. Но почему то я не могу двигать в сторону свои страницы и создавать всплывающее меню. даже с плагином как у вас у меня нет на одной странице виджета а рядом сайдбар. В чем причина обьясните пожалуйста!!

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


вверх