Вертикальное меню аккордеон для wordpress

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

Здравствуйте, дорогие читатели блога. В этот день расскажу Вам я про превосходный плагин, который создаёт на блоге WordPress классное меню аккордеон — JQuery Accordion Menu Widget. Я сам пользуюсь этим плагинов, и естественно Вы его можете посмотреть в действии справа в рубриках. Очень удобный плагин, просто вставляешь через админку виджет и радуйся.

Плагин

Плагин JQuery Accordion Menu Widget легок в установке и в использовании, к тому же очень функционален. В нем присутствует несколько тем оформления, цветов самого меню, а именно красное, синее, чёрное и серое. Соответственно это аккордеон меню вольётся практически в любой дизайн блога.

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

Ну а теперь давайте перейдём к процессу установки и настройки плагина.

Установка плагина

Теперь нужно, в админке блога, зайти во вкладку плагины, затем выбрать Добавить новый и в поле для поиска вписать JQuery Accordion Menu Widget далее нажать поиск.

Нужный нам плагин будет самый первый в списке. А под ним будет ссылка Установить плагин. После того как он установится нужный нам виджет появится во вкладке Внешний вид — Виджеты.

На рисунке выше я подчеркнул название самого виджета.

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

Настройки плагина

После того как виджет будет добавлен в сайдбар его можно будет настроить по Вашему вкусу. А именно выбрать цвет самого меню, тему оформления. Как будет открываться меню при наведении на него или при клике. Углубляться сильно в настройки не буду, они лёгкие и понятные.

Важный момент: рубрики и подрубрики.

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

Чтобы создать произвольное меню в WordPress Вам нужно зайти в Внешний вид, а затем в Меню. Далее нужно придумать название меню, выберите какое Вам понравится:-) после нажимаем на кнопочку Создать меню.

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

Теперь нужно создать подрубрики. В данном случае у рубрики WordPress будет подрубрика Плагины. Для этого Плагины нужно перетащить чуть правее. Смотрите на рисунке ниже, что у меня получилось.

После того ка Вы сделаете этот шаг, плагин JQuery Accordion Menu Widget будет работать.

Надеюсь, что всё ясно и доступно объяснил. Если Вам всё таки Вам будет что то не понятно спрашивайте в комментариях. До скорых встреч, друзья.

Источник

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник

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

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

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

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

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

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

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

JQuery Vertical Accordion Menu

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

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

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

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

Nextend Accordion Menu

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

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

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

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

Nice Navigation

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

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

Источник

MnogoBlog

как создать сайт на wordpress, настроить и оптимизировать wordpress

Плагины для создания вертикального выпадающего меню (аккордион)

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

1. JQuery Accordion Menu Widget

Данные о плагине на основе сайта wordpress.org:

Последнее обновление: 2012-5-14

Демо пример можно посмотреть на сайте:

Создает вертикальное меню (аккордион) из любого WordPress пользовательское меню с помощью jQuery.

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

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

Или же можно воспользоваться следующим шорткодом: [dcwp-jquery-accordion menu=”Test Menu”]

, где вместо Test Menu указываем название меню.

2. JQuery Vertical Mega Menu Widget

Данные о плагине на основе сайта wordpress.org:

Последнее обновление: 2012-6-30

Демо пример можно посмотреть на сайте:

Создает виджет, который позволяет добавить вертикально всплывающее мега меню из любого стандартного WordPress пользовательского меню с помощью jQuery.

Может работать с несколькими вертикальными мега меню на каждой странице и предлагает 3 эффектов анимации.

3. JQuery Drill Down Ipod Menu Widget

Данные о плагине на основе сайта wordpress.org:

Последнее обновление: 2011-5-15

Демо пример можно посмотреть на сайте:

Добавляет виджет, который позволяет создавать разворачивающееся меню в стиле ipod из любого пользовательского меню wordpress с использованием JQuery.

4. Collapsing Categories

Данные о плагине на основе сайта wordpress.org:

Последнее обновление: 2012-6-20

Как работает плагин можете посмотреть у меня на сайте в боковой колонке справа.

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

Об установке и настройке данного плагина можете прочитать в моей статье: Вертикальное меню с раскрывающимися рубриками, плагин Collapsing Categories

5. WordPress Menu Vertical

Данные о плагине на основе сайта wordpress.org:

Последнее обновление: 2013-2-11

Демо пример можно посмотреть на сайте:

Folder Menu Vertical – это флэш-динамический модуль меню для вашего WordPress сайта.

5. jQuery Categories List Widget

Данные о плагине на основе сайта wordpress.org:

Последнее обновление: 2013-4-19

Демо пример можно посмотреть на сайте в боковой колонке:

Создает простой виджет с помощью JQuery для отображения категорий в виде выпадающего списка с некоторыми эффектами.

Похожие записи:

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

Для отправки комментария вам необходимо авторизоваться.

Источник

Bellows Pro v1.2.1 — Accordion меню на WordPress

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

Особенности плагина
Покажите свое иерархическое содержание в стиле с этим превосходным аккордеонным меню
Позвольте вашим клиентам быстро перейти к нужному контенту
Высокая гибкость и возможность настройки — более 20 скинов в комплекте или полный контроль с настройщиком
Создание меню на экране меню WordPress или автоматическая генерация на основе иерархий постов или таксономии
Пользовательский интерфейс Генератора меню позволяет вам настраивать и просматривать меню в административной области
Легко заходите в свой макет с помощью виджета, шорткода или фрагмента PHP
Добавить расширенный контент, такой как значки, изображения, виджеты, пользовательский контент и многое другое

Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных

Источник