Jquery accordion menu widget: JQuery Accordion Menu Widget — WordPress Plugin

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

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

Плагин

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jquery vertical accordion menu — Все о Windows 10

На чтение 10 мин. Просмотров 67 Опубликовано 15.12.2019

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

Шаг 1-й. Разметка HTML

Обычная разметка с древовидным построением и с наличием тега для вывода иконок. Стоит обратить внимание лишь на один класс во второй строчке кода, класс green (зеленый). Именно этот класс определяет каким цветом будет меню. Чтобы изменить цвет достаточно, к примеру, указать класс red (красный), вместо зеленого. Всего цветов пять: blue (синий), green (зеленый), red (красный), white (белый), black (черный).

Шаг 2-й. Стили оформления CSS

Стилизация всех основный деталей, включая и самого меню.

Шаг 3-й. jQuery

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

All the Free jQuery Plugins about ‘Accordion menu’ are listed here.

Create Multi-level Expanding Navigation From Nested Elements

A really small jQuery navigation plugin that makes it easier to generate a multi-level, accordion-style, expanding/collapsing menu from nested HTML elements.

A minimal clean semantic sidebar accordion menu for documentation websites or reading web applications. Built with jQuery, CSS, and nested HTML lists.

A responsive, semantic, SEO-friendly, multi-level, accordion-style sidebar (dropdown) navigation system written in jQuery, CSS and HTML unordered list.

Mobile-friendly Navigation Plugin With jQuery — Ace Responsive Menu

A lightweight, flexible, cross-browser, multi-level, mobile-friendly jQuery responsive menu plugin for your modern web project.

Vertical Expanding Navigation In jQuery — VerticalMenu

VerticalMenu is a small jQuery script to create a responsive vertical accordion navigation where the menu item will be expanded to the fullscreen when clicked/tapped.

metisMenu is a simple jQuery menu plugin for Bootstrap 3 that help you create a collapsible menu with animated accordion effects and auto collapse support.

json2menu is a jQuery plugin that dynamically renders a multi-level accordion menu using JSON, AJAX, and HTML unordered list.

A fancy jQuery & CSS powered hamburger navigation that reveals a vertical accordion menu sliding from the edge of the screen when activated.

Mobile Accordion Menu With jQuery And CSS3

A mobile-friendly hamburger toggle navigation built using jQuery/CSS that will slide in a multi-level, accordion-style expanding menu when toggled.

An easy jQuery plugin to create a multi-level and fully responsive accordion menu (dropdown list) from any nested Html elements.

collapsible is a jQuery plugin used to create a vertical collapsible or accordion menu that allows the visitor to open multiple (or single) menu items at the same time.

jQuery Collapsible Navigation With Unlimited Nesting — edlcCollapsibleNav

edlcCollapsibleNav is a jQuery/jQuery UI widget which allows you to create a vertical, accordion-style tree / navigation menu with CSS3 powered smooth expand/collapse animations.

Modern Off-canvas Accordion Navigation With jQuery — s > 03/04/2017 — Menu — 13304 Views

A simple and tiny jQuery plugin that helps you create a modern, mobile-friendly, off-canvas, sidebar accordion menu for your cross-platform webpages.

crbnMenu is a lightweight jQuery plugin for creating an accordion-style collapsible sidebar navigation with sub menus on your webpage.

Auroramenu is a super light jQuery plugin used for creating a vertical accordion menu from html unordered lists that has the ability to persist the open/close states using cookies.

Lightweight jQuery Accordion Plugin With Smooth Animations — Woco Accordion

A simple, user-friendly and lightweight jQuery accordion plugin with smooth animations powered by CSS3 transitions.

eosMenu helps you create a responsive, multi-level, accordion-style menu where all the menu items will be collapsed into a dropdown toggle menu on small screens.

Nav Accordion is a jQuery plugin that lets you generate a vertical, multilevel, collapsible accordion menu from a nested unordered list for your site navigation.

lazeemenu is a dead simple jQuery plugin used for generating a multi-level, vertical accordion menu from nested html lists.

A cool, themeable, retina-ready, jQuery based accordion menu that opens with an awesome 3D flipping effect using several CSS3 properties.

Pretty Accordion Menu with jQuery and CSS3 — MenuToggle

MenuToggle is a simple jQuery based vertical accordion menu that uses CSS3 transition for smooth toggle slide animations.

A nice, modern jQuery accordion plugin which gives you the ability to create a touch-enabled multilevel accordion menu with CSS3 powered expand / collapse animations.

vmenu is a accordion menu plugin for jQuery/Zepto that generates a vertical, multi-level, expanding/collapsing navigation menu from nested Html lists.

A jQuery & jQuery UI based accordion image menu that allows to smoothly expand & collapse images on mouse hover.

jQuery Plugin For Accordion Style Responsive Select Menu

A small (2kb) jQuery plugin that transforms a select list into a modern, smooth and fully responsive accordion menu for easier access.

Creating an accordion-style dropdown menu using jQuery and CSS3 transitions & transforms.

A jQuery plugin for creating a Bootstrap style vertical nav menu which allows you to expand/collapse menu categories with smooth slide effects.

Nxeed Tree Menu is a simple jQuery plugin to create an accordion-style vertical tree menu that is collapsible and expandable with smooth sliding effects.

mtree.js is a jQuery plugin that enables you to create an animated vertical accordion menu based on jQuery velocity.js and CSS3 transitions.

A small jQuery plugin for creating a vertical collapsible menu that allows to expand and collapse sub-menus with multiple transitions.

A nice-looking and animated animated accordion menu built on top of Font Awesome, CSS3 and a little jQuery script.

Animated Multi-Column Bottom Navigation with jQuery and CSS3 — rocker

rocker is a jQuery plugin for creating a responsive, mobile-friendly multi-column navigation menu sliding from the bottom of the web page.

Slight Submenu is a jQuery accordion menu plugin that allows to expand/collapse sub menus with smooth transitions by using mouse events (click or mouse hover.)

Quiccordion is a simple and fast jQuery plugin for creating recursive accordion menus with smooth sliding effects.

jQuery accordion image menu plugin allows you to create a Accordion-Style menu with image backgrounds.

acxmenu is a lightweight, cross-browser, and search engine friendly jQuery plugin that allows you to create multilevel accordion menu with animated open and close actions.

accordionMenu is a lightweight and easy-to-use jQuery that enables you to quickly create accordion Menus with smooth collapse and expand effects on your web page.

A jQuery Menu plugin that allows you to create a fancy accordion menu using jQuery.

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

Плагин

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5 популярных WordPress плагинов для создания и кастомизации меню |

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

Max Mega Menu – самый скачиваемый плагин для настройки меню сайта на WordPress

Max Mega Menu – плагин, который загружали более 100 тысяч раз. При помощи него возможно легко создать интересующее адаптивное горизонтальное меню.

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

• выбрать шрифт ссылок;
• изменить цвет текста;
• определить анимации, воспроизводимые при выполнении определенных действий (например, при клике на пункт меню), и т.д.

Плагином предусмотрена возможность создания собственных стилей без каких-либо знаний в области создания каскадных таблиц – в Max Mega Menu все делается через графический интерфейс.

Единственное – плагином не предусмотрены скины. Однако, возможно, это и к лучшему – подобное заставляет веб-мастера реализовывать на сайте максимально уникальные решения.

Скачать Max Mega Menu можно по ссылке

JQuery Accordion Menu Widget – плагин для создания меню-аккордеона

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

Он также включает в себя панель для настройки стилей. При помощи нее можно выбрать нужный бэкграунд, цвет, шрифт и другие параметры меню.

Ссылка на скачивание JQuery Accordion Menu Widget

Nextend Accordion Menu

Это еще один плагин для WordPress, позволяющий создавать меню-аккордеоны. Его отличительной особенностью является то, что он имеет сравнительно много настроек. Но некоторые из них доступны только в платной Pro-версии.

Плагин Nextend Accordion Menu доступен по ссылке

Responsive Menu – меню для мобильной версии сайта

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

Responsive Menu – популярный плагин, при помощи которого возможно создавать уникальные меню для мобильных версий сайтов. Его функционал почти настолько же широк, как и у Max Mega Menu.

Чтобы загрузить Responsive Menu, нужно перейти по ссылке

ShiftNav – универсальный плагин для создания меню сайта на WordPress

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

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

Скачать ShiftNav можно здесь

Создавайте собственное меню с помощью виджетов WordPress

Виджет меню для WordPress

Любая навигация пользователя по сайту начинается с меню. WordPress-меню — это важнейший элемент каждой странички сайта. Внешнее впечатление, удобство использования напрямую зависят от меню. Именно с помощью меню, Вы можете превратить обычного посетителя сайта в постоянного пользователя. Виджет wordpress меню прекрасное решение.

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

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

JQuery Vertical Mega Menu Widget

Несмотря на добавленное в название слово «Mega», ничего сверхъестественного тут нет. Однако, добавить вертикальное меню с расширенным функционалом — возможно. Главное достоинство этого меню виджет wordpress — бесплатная лицензия на использование. Это означает, что без каких либо дополнительных расходов, Вы получаете качественное меню для сайта.

С помощью JQuery Vertical Mega Menu Widget можно делать всплывающие меню, добавлять виджеты. Присутствуют настройки анимации, вывода и категорий. В результате получится нечто схожее с accordion. Редактируйте классы и стили CSS. Не забываем про активацию плагина через «Внешний вид» и перемещаем его в нужную область сайта.

Admin Menus Fixed

Admin Menus Fixed

С помощью этого расширения можно с легкостью создать адаптивное, разнообразное и интересное меню. Есть 3 варианта меню на выбор:

1) вертикальное;
2) широкое вертикальное;
3) горизонтальное.

Каждый из 3-х вариантов в последних версиях WP адаптируется под гаджеты с малой диагональю. Плагин способен работать с WP 3.5+ и выше. Настройка выполнена на простом уровне. Нет необходимости ковыряться в шаблоне и CSS.

JQuery Mega Menu Widget

JQuery Mega Menu Widget

Очередной плагин с припиской «Mega». Для работы плагина используются библиотеки Jqery, в коде сайта используется JavaScript. С помощью данного плагина можно создать виджет со списком категорий.

У плагина JQuery Mega Menu Widget огромное количество опций:

1) Настраивайте собственный сценарий на нажатие кнопок меню. Какие действия будут происходить при выборе нужной категории;
2) Произвольные категории;
3) Настраиваемый внешний вид через CSS;
4) Настройка анимированных эффектов Animation Effect. Используйте эффект «исчезновения» или появления;
5) Регулируйте скорость анимации через Animation Speed;
6) Добавляйте свои виджеты для меню wordpress.

С этим плагином можно полностью отключить анимацию и создать меню с автоматической настройкой под шаблон. Конечно, назвать этот модуль «Mega» язык не поворачивается. Однако, распространяется расширение бесплатно. Установка занимает не более 10-15 мин.

Easy menus

Плагин Easy menus

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

1) горизонтальное меню с изображениями;
2) меню с закругленными картинками в рубриках;
3) горизонтальное с изображениями/субменю;
4) меню в виде кнопок png-формата.

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

jQuery Dropdown Menu

jQuery Dropdown Menu

Очередное расширение WordPress, позволяющее создать красивое меню. Вашему взору предстанет симпатичное закругленное меню. Кнопки будут красиво отформатированы через CSS. Можно изменять стили, создавая меню в стиле сайта. Ко всему прочему, имеется настройка подложки меню, правиться описание и шрифт. Получается адаптивное меню.

Dropdown Menu Widget

Dropdown Menu Widget

Этот виджет использует для работы исключительно CSS-стили. Подойдет для веб-мастеров, которые любят ковыряться в CSS. Преображает стандартное меню до неузнаваемости. Каждый из элементов имеет индивидуальную настройку. Есть стандартные CSS-стили.

WP Menu Vertical

WP Menu Vertical

Это динамическое Flash-меню. Имеются динамические flash-эффекты. Настраивается шрифт, фон и цвет. Остановка выбора категории при скроллинге. Пользователю не нужно открывать в очередной раз меню при прокрутке страницы.

The official plugin for OpenMenu

The official plugin for OpenMenu

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

Custom Taxonomies Menu Widget

Custom Taxonomies Menu Widget

Плагин с простым функционалом. За считанные секунды можно добавить меню в виджет wordpress. Выводится сбоку на экране. Идеальный выбор для блогера. Прекрасно подойдет для тематических страничек с активной терминологией. Получится иерархическое меню с классификацией. Можно настраивать таксономию фильтрами. Бесплатный виджет идеален для обучающих проектов.

JQuery Accordion Menu Widget

JQuery Accordion Menu Widget

Прекрасный выбор для любителей accordion меню. Это расширение одно из лучших для реализации задуманного. Плагин обладает следующими настройками:

1) Многоуровневое меню;
2) Переходы с помощью клика/наведения;
3) Настраиваемые пункты меню;
4) Использование в теме через шорткоды;
5) Используйте несколько уровней меню одновременно;
6) Авто отключение меню спустя секунду;
7) Собственные CSS-классы;
8) Задавайте анимационную скорость самостоятельно.

Fading Menu Plugin

Fading Menu Plugin

Основная часть представленных здесь плагинов — бесплатные. Конечно, есть в этом списке и исключения — Fading Menu Plugin. Не стоит торопиться. Разработка полностью оправдывает свои расходы. Оказывается, этот плагин отличительно зарекомендовал себя у пользователей. Отказов становится меньше, а значит поисковики будут проявлять к сайту интерес.

Вся настройка плагина Fading Menu Plugin сводится к простым действиям. Содержание и вывод меню настраивается через панель WP. При настройке Вы сможете выбрать: виджет снизу или сверху. Предпочтительный вариант — сверху. Классический вариант лучше привлекает внимание пользователей. Не перестарайтесь с перенасыщенностью цветами. При наличии свободного времени, используйте свои собственные иконки.

UberMenu

UberMenu

Прекрасный выбор для любителей горизонтальный/вертикальных меню. Через плагин можно создавать собственное меню с нуля, или откорректировать уже работающее. Встроена масса настроек, все они легко изменяются через WP. Используется один из 20 стилей для отображения меню. Адаптированный шаблон меню прекрасно работает с любым браузером.

Рекомендую к прочтению статьи:

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

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

1. JQuery Accordion Menu Widget

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

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

Загрузок: 124,401

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

http://www.designchemical.com/lab/demo-wordpress-vertical-accordion-menu-plugin/#

Описание плагина:

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

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

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

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

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

2. JQuery Vertical Mega Menu Widget

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

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

Загрузок: 71,375

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

http://www.designchemical.com/lab/demo-wordpress-jquery-vertical-mega-menu-plugin.html#

Описание плагина:

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

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

3. JQuery Drill Down Ipod Menu Widget

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

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

Загрузок: 20,265

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

http://www.designchemical.com/lab/demo-wordpress-jquery-drill-down-ipod-menu-plugin/

Описание плагина:

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

4. Collapsing Categories

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

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

Загрузок: 104,823

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

Описание плагина:

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

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

5. WordPress Menu Vertical

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

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

Загрузок: 16,336

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

http://wpdemo.web-dorado.com/folder-menu-vertical/

Описание плагина:

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

5. jQuery Categories List Widget

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

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

Загрузок: 20338

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

http://skatox.com/blog/

Описание плагина:

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

JQuery Accordion Menu Widget — подключаемый модуль WordPress

Создает вертикальные аккордеонные меню из любого настраиваемого меню WordPress с помощью jQuery. Добавляйте меню с помощью виджетов или шорткодов. Возможности включают в себя — обработку нескольких уровней, сохранение состояния с использованием файлов cookie, добавление количества ссылок и возможность выбора событий «щелчок» или «наведение курсора» для запуска меню.

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

Параметры виджета для меню

Плагин имеет несколько параметров, которые можно настроить, чтобы помочь скомпоновать вертикальное меню аккордеона:

• Щелчок / наведение — выбирает тип события, которое запускает меню для открытия / закрытия
• Автоматически закрывать открытые меню — если этот флажок установлен, можно будет раскрыть только один пункт меню в любое время.Щелчок по новому пункту меню автоматически закрывает предыдущий.
• Сохранить состояние меню (использует файлы cookie) — выбор этого параметра позволит меню запоминать свое открытое / закрытое состояние при переходе на новую страницу.
• Автоматическое расширение на основе текущей страницы / элемента — если этот флажок установлен, этот параметр будет автоматически расширять подменю на основе текущей страницы / публикации на основе встроенных классов настраиваемого меню WordPress css — например, выберите этот параметр, если вы хотите, чтобы меню автоматически расширялось, когда пользователь щелкает ссылку, отличную от меню аккордеона.
• Отключить родительские ссылки — если этот параметр выбран, для любых пунктов меню, имеющих дочерние элементы, будут отключены их ссылки, и будут открываться / закрываться только соответствующие подменю. Не выбирайте это, если вы хотите, чтобы пользователь по-прежнему мог просматривать страницу этого элемента.
• Закрыть меню (только при наведении) — если этот флажок установлен, меню автоматически полностью закроется через 1 секунду, когда указатель мыши покинет меню — доступно, только если тип события — «наведение».
• Показать счетчик — если этот флажок установлен, в меню будет автоматически добавлен счетчик, показывающий количество ссылок под каждым родительским элементом меню.
• Class Menu — Установите CSS-класс меню WordPress.Если пусто, будет использоваться класс по умолчанию «меню»
• Class Disable — Введите класс CSS для элементов родительского меню, которые должны быть отключены, т.е. дочернее подменю остается открытым
• Задержка наведения — этот параметр добавляет задержку к событию наведения, чтобы предотвратить случайное открытие / закрытие меню. Более высокое число означает, что курсор должен останавливаться на более длительное время, прежде чем действие меню вызовет
• Animation Speed ​​- Скорость, с которой меню открывается / закрывается
• Skin — Доступно несколько образцов скинов, чтобы дать примеры CSS, которые можно использовать для стилизации вашего аккордеонного меню.

Примечание: следует проявлять осторожность при выборе события наведения, поскольку это может повлиять на удобство использования — добавление задержки наведения и снижение скорости анимации может помочь уменьшить проблемы с удобством использования

Использование шорткодов

Минимальное требование для использования шорткода — включить имя меню, которое вы хотите использовать для аккордеона — имя должно соответствовать одному из меню, созданных на странице администратора меню WordPress.Чтобы добавить меню с помощью шорткодов, используйте следующий код:

[dcwp-jquery-accordion menu = «Тестовое меню»]

Дополнительные параметры шорткода для настройки меню (информацию см. В настройках виджета выше):

Событие

— щелчок / наведение (по умолчанию = щелчок)
auto_close — true / false (по умолчанию = false)
save — true / false (по умолчанию = false)
развернуть — истина / ложь (по умолчанию = ложь)
disable — истина / ложь (по умолчанию = ложь)
закрыть — истина / ложь (по умолчанию = ложь)
count — true / false (по умолчанию = false)
menu_class — необязательно (по умолчанию = меню)
disable_class — необязательно (не по умолчанию)
зависать — 600
анимация — медленная / нормальная / быстрая (по умолчанию = медленная)
скин — черный / синий / чистый / демонстрационный / графитовый / серый (по умолчанию = без темы)

Для получения дополнительной информации посетите домашнюю страницу плагина:

Домашняя страница плагина

См. Демонстрацию

Плагин

WordPress — вертикальное двухкоординатное меню jQuery «Design Chemical — jQuery, WordPress, учебники и плагины

Обновлено: 18 января 2012 г.

Этот плагин позволяет легко создавать несколько вертикальных аккордеонных меню jquery, используя функцию настраиваемых меню, доступную в WordPress 3.0.

Аккордеонное меню может обрабатывать любое количество подменю, а функции включают возможность выбора «наведения» или «щелчка» для активации меню, добавления счетчика, показывающего количество ссылок под каждым пунктом меню, и автоматического раскрытия меню на основе на текущей странице.

Также ознакомьтесь с нашими плагинами премиум-класса для WordPress:

Демо Аккордеонное меню

Demo — плагин WordPress Vertical Accordion Menu

Загрузить плагин

Загрузите виджет двухуровневого меню JQuery 3.1,2 (82 537)

Установка

1. Загрузите плагин через интерфейс «Plugins> Add New> Upload» или загрузите папку «jquery-vertical-accordion-menu» в каталог «/ wp-content / plugins /»
2. Активируйте плагин через меню «Плагины» в WordPress
3. Если у вас еще нет настраиваемого меню, создайте его в области «Меню».
4. В разделе виджетов выберите виджет меню аккордеона jQuery и добавьте его в одну из областей виджетов.
5. Выберите одно из доступных настраиваемых меню из раскрывающегося списка

Ваша тема должна поддерживать настраиваемые меню

Использование

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

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

Примечание: для работы эффекта аккордеона в меню должно быть минимум 2 уровня .

Создайте свое вертикальное двухкоординатное меню с помощью виджетов

Используйте существующий виджет в теме WordPress или создайте новую область виджетов в нужном месте.

Для получения дополнительной информации о том, как добавить новый виджет в тему WordPress, см. Наше последующее руководство по WordPress — «Добавление области виджета в файлы темы».

Для создания аккордеонного меню перетащите виджет jQuery Accordion Menu в область виджетов и выберите собственное меню в раскрывающемся меню.

Настройка виджета двухуровневого меню

Виджет имеет несколько параметров, которые можно настроить, чтобы помочь вырезать вертикальное меню аккордеона:

Щелчок / наведение

Выбирает тип события, при котором меню открывается / закрывается.

Примечание: следует проявлять осторожность при выборе события наведения, поскольку это может повлиять на удобство использования — добавление задержки наведения и снижение скорости анимации может помочь уменьшить проблемы с удобством использования

Автоматическое закрытие открытых меню

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

Сохранить состояние меню (использует файлы cookie)

Выбор этого параметра позволит меню запоминать свое открытое / закрытое состояние при переходе на новую страницу.

Автоматическое расширение на основе текущей страницы / позиции

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

Отключить родительские ссылки

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

Закрыть меню (только при наведении)

Если этот флажок установлен, меню автоматически полностью закроется через 1 секунду, когда указатель мыши покинет меню — доступно, только если тип события — «наведение».

Показать количество

Установите этот флажок, чтобы отображать количество ссылок под каждым заголовком меню.

Меню класса

Если вы хотите создать свой собственный скин и иметь больший контроль над стилем меню, вы можете ввести собственное имя класса CSS.Если вы не уверены в этом параметре или хотите использовать класс WordPress по умолчанию (меню), оставьте это поле пустым.

Отключение класса

Введите CSS-класс любых родительских пунктов меню, которые вы хотите отключить — например, Если вы добавляете собственный CSS-класс «menu-disable» на странице редактора меню WordPress к ссылке меню, которую вы не хотите открывать / закрывать, тогда введите «menu-disable» в это поле.

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

Задержка зависания

Этот параметр добавляет задержку к событию наведения, чтобы предотвратить случайное открытие / закрытие меню.Более высокое число означает, что курсор должен останавливаться на более длительное время, прежде чем сработает действие меню.

Скорость анимации

Скорость, с которой меню открывается / закрывается

Кожа

Доступно несколько образцов оболочек для демонстрации примеров CSS, которые можно использовать для стилизации вашего аккордеонного меню.

Создайте свое вертикальное двухкоординатное меню с помощью шорткодов

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

Чтобы добавить меню с помощью шорткодов, используйте следующий код:

[dcwp-jquery-accordion menu = "Тестовое меню"]
 

Приведенный выше шорткод добавит меню «Тестовое меню» с настройками аккордеона по умолчанию (см. Ниже) /

Дополнительные параметры шорткода для настройки меню (информацию см. В настройках виджета выше):

• событие — щелчок / наведение (по умолчанию = щелчок)
• auto_close — истина / ложь (по умолчанию = ложь)
• сохранить — истина / ложь (по умолчанию = ложь)
• раскрыть — истина / ложь (по умолчанию = ложь)
• отключить — истина / ложь (по умолчанию = ложь)
• закрыть — истина / ложь (по умолчанию = ложь)
• count — true / false (по умолчанию = false)
• menu_class — необязательно (по умолчанию = меню)
• disable_class — необязательно (по умолчанию нет)
• парение — 600
• анимация — медленная / нормальная / быстрая (по умолчанию = медленная)

Скин

• — черный / синий / чистый / демонстрационный / графитовый / серый (по умолчанию = Без темы)

Пример пользовательского меню с использованием шорткодов

Чтобы добавить аккордеонное меню с помощью события «hover», сохранить состояние, родительские ссылки отключены, включить количество дочерних ссылок и автоматически развернуть для отображения текущей страницы:

[dcwp-jquery-accordion menu = "Test Menu" event = "hover" save = "true" disable = "true" count = "true" expand = "true"]
 

Использование шорткодов в файлах шаблонов

См. FAQ — Добавление аккордеонного меню с помощью шорткодов к файлам шаблонов.

Создание собственной оболочки

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

Часто задаваемые вопросы

Пожалуйста, обратитесь к нашим страницам часто задаваемых вопросов для jQuery Verticall Accordion Menu Plugin для получения полного списка вопросов и ответов.

Многие проблемы, которые могут возникнуть при установке и использовании плагина с разными темами, также были рассмотрены в нашем разделе комментариев.Пожалуйста, также проверьте предыдущие комментарии и FAQ для получения дополнительной информации / советов.

Для настройки плагина или дополнительной поддержки, пожалуйста, свяжитесь с нами для получения расценки.

Демо Аккордеонное меню

Demo — плагин WordPress Vertical Accordion Menu

Загрузить плагин

Скачать JQuery Accordion Menu Widget 3.1.2 (82537)

Обратная связь

Если вы найдете этот плагин полезным, пожалуйста, оцените его на wordpress.org.

Пожертвовать

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

Обновления

Версия 3.1 — 18 января 2012 г.

Версия 2.6 — 19 июня 2011 г.

• Добавлено: Возможность установить меню CSS Class — по умолчанию «меню»
• Добавлено: возможность отключать элементы родительского меню с помощью класса CSS

.
Обновление

• : версия системы автоматического расширения

Обновление

• : версия плагина jquery — jquery.dcjqaccordion.2.8.js

Версия 2.5.4 — 25 мая 2011 г.

• Исправлено: Ошибка с опцией сохранения состояния.

Версия 2.5.3 — 23 мая 2011 г.

• Обновление: плагин jQuery Accordion Menu включает проверку, существует ли плагин cookie.

Версия 2.5.2 — 20 мая 2011 г.

• Обновление: использование обновленного плагина jQuery Accordion Menu — исправлена ​​ошибка с подсчетом.

Версия 2.5 — 7 апреля 2011 г.

• Добавлено: автоматическое расширение больше не требует выбора опции «Сохранить состояние».

Версия 2.4 — 24 марта 2011 г.

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

Версия 2.3 — 21 марта 2011 г.

• Edit: шрифты Cufon теперь можно использовать в меню аккордеона

Версия 2.2 — 16 февраля 2011 г.

• Добавлено: возможность отображать количество дочерних ссылок
• Edit: Исправлена ​​проблема с файлами cookie с несколькими меню

Версия 2.0 — 26 февраля 2011 г.

• Добавлено: Возможность выбора либо наведения, либо щелчка, чтобы активировать меню
• Добавлено: настройка задержки наведения для события наведения

.

• Добавлено: параметр закрытия меню для события наведения

.

Версия 1.1 — 20 февраля 2011 г.

• Исправлено: повторяющийся идентификатор с темами, добавляющими идентификатор в контейнер виджета
• Исправлено: Установить путь к файлу cookie

.

Скриншоты

Виджет в режиме редактирования

Примеры вертикального меню гармошкой

Альтернативы вертикальному меню аккордеона можно найти в подключаемом модуле вертикального мегаменю или подключаемом модуле меню стиля iPod Drill Down. Для получения дополнительной информации и советов по лучшему типу плагина вертикального меню для использования обратитесь к — Выбор плагина вертикального меню WordPress для вашего сайта.

Теги: гармошка, jQuery, меню, навигация, плагины, вертикальный, виджет, wordpress
Категории Плагины WordPress 77595 Просмотры

10 лучших альтернативных виджетов JQuery Accordion Menu и аналогичные плагины WordPress

Создает вертикальные аккордеонные меню из любого пользовательского меню WordPress с помощью jQuery. Добавляйте меню с помощью виджетов или шорткодов. Возможности включают в себя — обработку нескольких уровней, сохранение состояния с использованием файлов cookie, добавление количества ссылок и возможность выбора событий «щелчок» или «наведение курсора» для запуска меню.

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

WP jQuery Аккордеонное меню

Создает вертикальные выпадающие меню из страниц wordpress с помощью функции wp_list_pages, используя jQuery. Вы можете добавить меню с помощью виджетов или функций в файле темы. Обрабатывает всего 2 уровня и поддерживает все параметры, которые есть в wp_list_pages.Также вы можете установить id и класс div меню дополнительными параметрами ….

Виджет мегаменю JQuery

Создает виджет, который позволяет добавлять раскрывающиеся мегаменю из любого стандартного пользовательского меню WordPress с помощью jQuery. Может обрабатывать несколько мегаменю на каждой странице, предлагает эффекты «постепенного появления» или «скольжения вниз», а также возможность использовать наведение или щелчок для отображения подменю. Для достижения наилучших результатов используйте 3 уровня f ………

JQuery Drill Down Виджет меню Ipod

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

Виджет вертикального мегаменю JQuery

Создает виджет, который позволяет добавлять всплывающие вертикальные мегаменю из любого стандартного пользовательского меню WordPress с помощью jQuery. Может обрабатывать несколько вертикальных мегаменю на каждой странице и предлагает 3 анимационных эффекта — показать / скрыть, исчезнуть или исчезнуть.Виджет также дает возможность выбора влево или вправо для ………

Виджет раскрывающегося меню Superfish

Это виджет навигации, который можно использовать для страниц и для категорий. Выпадающий список основан на плагине Superfish JQuery Джоэла Берча. Вы можете использовать столько, сколько захотите. Для получения дополнительной информации и дополнительных полезных виджетов посетите shailan.com ….

Виджет гладкого меню JQuery

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

Плавающее меню

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

Виджет раскрывающегося меню

Виджет Dropdown Menu добавляет красивое раскрывающееся меню, только CSS, страницы со списком, категории вашего блога. Вы также можете превратить свое навигационное меню WordPress в красивое выпадающее меню с помощью этого плагина.
Это позволяет выбрать вертикальное или горизонтальное расположение. Он поддерживает несколько экземпляров. Вы можете выбрать ………

Простое меню

Демонстрация и руководство по плагину

| Автор плагина | Пожертвовать

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

Шорткоды кнопок на страницах или в сообщениях. Удобный виджет меню.

Список шорткодов:

[EasyMenu menu = xxx style = 1 /] Горизонтальные мужчины ………

Social Share 2.0 — Социальные закладки

Этот плагин добавляет небольшой виджет в каждое сообщение в блоге, чтобы делиться сообщениями в блогах на Facebook, Twitter, Google Buzz, Digg, Surfpeople и более чем на 100 других сайтах социальных закладок и обмена …

JQuery Accordion Menu Widget бесплатный плагин WordPress от Lee Chestnutt

Создает вертикальные аккордеонные меню из любого пользовательского меню WordPress с помощью jQuery.Добавляйте меню с помощью виджетов или шорткодов. Возможности включают в себя — обработку нескольких уровней, сохранение состояния с использованием файлов cookie, добавление количества ссылок и возможность выбора событий «щелчок» или «наведение курсора» для запуска меню.

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

Параметры виджета для меню

Плагин имеет несколько параметров, которые можно настроить, чтобы помочь скомпоновать вертикальное меню аккордеона:

• Щелчок / наведение — выбирает тип события, которое запускает меню для открытия / закрытия
• Автоматически закрывать открытые меню — если этот флажок установлен, можно будет раскрыть только один пункт меню в любое время.Щелчок по новому пункту меню автоматически закрывает предыдущий.
• Сохранить состояние меню (использует файлы cookie) — выбор этого параметра позволит меню запоминать свое открытое / закрытое состояние при переходе на новую страницу.
• Автоматическое расширение на основе текущей страницы / элемента — если этот флажок установлен, этот параметр будет автоматически расширять подменю на основе текущей страницы / публикации на основе встроенных классов css настраиваемого меню WordPress — например, выберите этот параметр, если вы хотите, чтобы меню автоматически расширялось, когда пользователь щелкает ссылку, отличную от меню аккордеона.
• Отключить родительские ссылки — если этот параметр выбран, для любых пунктов меню, имеющих дочерние элементы, будут отключены их ссылки, и будут открываться / закрываться только соответствующие подменю. Не выбирайте это, если вы хотите, чтобы пользователь по-прежнему мог просматривать страницу этого элемента.
• Закрыть меню (только при наведении) — если этот флажок установлен, меню автоматически полностью закроется через 1 секунду, когда указатель мыши покинет меню — доступно, только если тип события — «наведение».
• Показать счетчик — если этот флажок установлен, в меню будет автоматически добавлен счетчик, показывающий количество ссылок под каждым родительским элементом меню.
• Class Menu — Установите класс CSS для меню WordPress.Если пусто, будет использоваться класс по умолчанию «меню»
• Class Disable — Введите класс CSS для элементов родительского меню, которые должны быть отключены, т.е. дочернее подменю остается открытым
• Задержка при наведении — этот параметр добавляет задержку к событию наведения, чтобы предотвратить случайное открытие / закрытие меню. Более высокое число означает, что курсор должен останавливаться на более длительное время, прежде чем действие меню вызовет
• Animation Speed ​​- Скорость, с которой меню открывается / закрывается
• Skin — Доступно несколько образцов скинов, чтобы дать примеры CSS, которые можно использовать для стилизации вашего аккордеонного меню.

Примечание: следует проявлять осторожность при выборе события наведения, поскольку это может повлиять на удобство использования — добавление задержки наведения и снижение скорости анимации может помочь уменьшить проблемы с удобством использования

Использование шорткодов

Минимальное требование для использования шорткода — включить имя меню, которое вы хотите использовать для аккордеона — имя должно соответствовать одному из меню, созданных на странице администратора меню WordPress.Чтобы добавить меню с помощью шорткодов, используйте следующий код:

[dcwp-jquery-accordion menu = «Тестовое меню»]

Дополнительные параметры шорткода для настройки меню (информацию см. В настройках виджета выше):

Событие

— щелчок / наведение (по умолчанию = щелчок)
auto_close — true / false (по умолчанию = false)
save — true / false (по умолчанию = false)
expand — true / false (по умолчанию = false)
disable — true / false (по умолчанию = false)
close — true / false (default = false)
count — true / false (default = false)
menu_class — optional (default = menu)
disable_class — optional (no default)
hover — 600
animation — медленный / нормальный / быстрый (по умолчанию = медленный)
скин — черный / синий / чистый / демонстрационный / графитовый / серый (по умолчанию = без темы)

Для получения дополнительной информации посетите домашнюю страницу плагина:

Домашняя страница плагина

См. Демонстрацию

Подробнее

Автор: Lee Chestnutt

Папка плагина: jquery-vertical-accordion-menu

Теги: анимированные, раскрывающийся список, jquery, меню, вертикальный аккордеон

Источник: WordPress.org

Лучшие плагины аккордеонного меню для вашего сайта WordPress

Есть много элементов, которые вы можете добавить на свой веб-сайт WordPress, и один из них — плагины аккордеонного меню WordPress.

Плагины

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

В зависимости от сконфигурированного параметра меню аккордеона может содержать от нуля до многих элементов при растяжении или расширении.Термин аккордеон происходит от музыкального инструмента, известного как аккордеон.

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

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

1. Виджет двухуровневого меню JQuery

Первым в нашем списке идет плагин для меню аккордеона, созданный remix4. Имея почти идеальный 5-звездочный рейтинг, он позволит вам создать вертикальное аккордеонное меню.С помощью плагина вы можете добавлять несколько уровней, сохранять историю просмотров с помощью файлов cookie, использовать функцию «щелкнуть» или «навести курсор» и многое другое.

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

2. WP UI — вкладки, гармошки, слайдеры

Этот плагин создан kavingray. Плагин может добавлять вкладки, диалоги, спойлеры и аккордеон. В дополнение к этому, плагин поставляется с 14 новыми и улучшенными стилями CSS3 и 24 различными пользовательскими темами пользовательского интерфейса jQuery.

Сильной стороной WP UI является то, что он очень полезен и прост в использовании. Шорткоды исключительно удобны, когда дело доходит до добавления сообщений и лент.

3. Collapse-O-Matic

Collapse-O-Matic может повысить оптимизацию SEO вашего сайта.Он может автоматически удалять беспорядок в вашем коде и в результате экономить место.

4. Адаптивные вкладки Tabby

Если вам нужны вкладки для ваших сообщений, вам наверняка понравятся Tabby Responsive Tabs. Поскольку он отзывчив, его можно легко адаптировать к разным размерам экрана и устройствам. Вкладки и аккордеон поддерживаются jQuery, и вы можете создавать несколько вкладок на одной странице. Также есть возможность изменить стиль вкладок и их заголовок.

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

=== Аккордеонное меню или категория WPB ===
Авторы: wpbean
Теги: меню WordPress аккордеон, wordpress аккордеон, категория WordPress аккордеон, плагин WordPress аккордеон, аккордеон wordpress, плагин аккордеона wordpress, jquery сворачиваемое меню, плагин аккордеона, виджет аккордеона WordPress, меню jquery аккордеон, меню jquery аккордеона, меню боковой панели jquery, меню аккордеона wordpress, плагин для меню аккордеона wordpress, плагин для меню аккордеона, плагин wordpress, wordpress jquery accordion, аккордеон категории wordpress, аккордеон категории, аккордеон категории woocommerce, аккордеон категории ecommerce, категории свертывания wordpress, список сворачиваемых категорий, сворачивающиеся категории, сворачивающиеся категории WooCommerce, меню аккордеона wordpress и категория
Требуется минимум: 3.6
Проверено до: 4.9
Стабильный тег: багажник
Лицензия: GPLv2 или новее
URI лицензии: http://www.gnu.org/licenses/gpl-2.0.html

Для этого плагина возможны оба варианта: аккордеон меню WordPress и аккордеон категорий WordPress с поддержкой submenu / subcategory / custom texonomy.

== Описание ==

Отображение меню аккордеона WordPress или аккордеона любой категории WordPress с поддержкой подменю / подкатегории. Он имеет поддержку выбора значков как для меню, так и для категории. Таким образом, вы можете легко настроить значки в аккордеоне.Включите отключение автоматического закрытия ранее открытого аккордеона и т. Д. Оптимизировано для WooCommerce или любых других категорий электронной коммерции. Приятные анимационные эффекты. Адаптивный и современный плоский дизайн.

> [ДЕМО] (http://demo2.wpbean.com/?page_id=103) | [Поддержка] (http://wpbean.com/support/) | [Купить версию PRO] (https://wpbean.com/product/wpb-accordion-menu-category-pro/) | [Скриншоты] (https://wordpress.org/plugins/wpb-accordion-menu-or-category/screenshots/) | [Документация] (https: // wordpress.org / plugins / wpb-accordion-menu-or-category / installation /)

### Видео документация:

### Возможности плагина

* Категория аккордеон.
* Поддержка пользовательской таксономии.
* Совместимость с WooCommerce или любым другим плагином электронной коммерции.
* Меню гармошки.
* Поддержка нескольких меню аккордеона.
* Система шорткодов, может использоваться где угодно (виджет, страница или сообщение).
* Очень легкий вес.
* Работа со всеми темами WordPress.* Легко использовать.
* Удобство для разработчиков и простота настройки.

### Возможности Pro версии

* Средство выбора значков для меню и категорий.
* Два разных виджета для аккордеона меню и категорий. Категории / теги или любые настраиваемые элементы таксономии исключают виджет формы.
* Возможность выбора любого меню или виджета меню формы расположения темы.
* Две разные предустановленные темы или настройки формы пользовательских цветов.
* Простота использования, легкий вес и многое другое.

== Установка ==

* Установите его как обычный плагин WordPress

* Активировать плагин.* Используйте любой шорткод, чтобы показать свое меню или аккордеон категорий.

### Пример шорткода категории

[wpb_category_accordion taxonomy = «category» orderby = «name» order = «ASC» show_count = «no» hide_empty = «yes» icon = «+»]

Параметры:

* taxonomy: Категория по умолчанию или любая зарегистрированная таксономия.

* orderby: сортировать категории в алфавитном порядке, по уникальному идентификатору категории или по количеству сообщений в этой категории. Допустимые значения: ID, имя, slug, count, term_group

* порядок: порядок сортировки категорий (по возрастанию или убыванию).По умолчанию — по возрастанию. Допустимые значения: ASC, DESC.

* show_count: Включает отображение текущего количества сообщений в каждой категории. По умолчанию — false (не показывать счетчик сообщений). Допустимые значения: нет, да

* hide_empty: Включает отображение категорий без сообщений. По умолчанию установлено значение true (скрыть пустые категории). Допустимые значения: да, нет

* значок: значок навигации «Аккордеон» (необязательно).

### Пример шорткода меню

[wpb_menu_accordion menu = «Название меню» icon = «+»]

параметры:

* меню: желаемое меню; принимает (соответствие по порядку) id, slug, name

* theme_location: меню может быть назначено по расположению темы (необязательно).* значок: значок навигации «Аккордеон» (необязательно).

== Часто задаваемые вопросы ==

= Как я могу изменить цвет фона? знак равно
Для этого вам нужно немного изменить код css.

== Скриншоты ==
1. Аккордеонное меню или категория WPB в действии.
2. Сворачивание аккордеонного меню или категории WPB.
3. Пользовательский виджет (только в версии Pro).

== Журнал изменений ==

= версия 1.0 =
* Первый выпуск

= версия 1.01 =
* Проблема с cookie исправлена

= версия 1.02 =
* Исправлена ​​проблема с проверкой W3.

= версия 1.03 =
* Исправлена ​​небольшая ошибка.

= версия 1.04 =
* Добавлена ​​функция смены значка аккордеонной навигации.

= версия 1.05 =
* Добавлена ​​поддержка WordPress 4.7.

= версия 1.06 =
* Добавлена ​​поддержка WordPress 4.9.

== Уведомление об обновлении ==

5+ лучших плагинов jQuery Accordion 2021 (бесплатно и платно)

«Гармошки полезны, когда вы хотите переключаться между скрытием и отображением большого количества контента»

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

Итак, если вы ищете виджеты или плагины Accordion, посмотрите ниже. Вот список некоторых БЕСПЛАТНЫХ и Платных плагинов Accordion для вашего веб-сайта: —

1. 1. Бесплатные плагины для аккордеона
   2. Платные плагины Accordion

Платные плагины Accordion

1.Аккордеонный слайдер — отзывчивый и сенсорный Accordion

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

Характеристики

Дизайнерам

• Он предоставляет 2 полностью адаптивных режима: автоматический и пользовательский.

• С помощью функции Touch-enabled вы можете легко провести пальцем по экрану и жестами касания на мобильных устройствах и перетащить мышь на настольных устройствах.

• Динамическая компоновка автоматически меняет ориентацию с горизонтальной на вертикальную и наоборот.

• Поддерживает 2 типа слоев: анимированные и статические.

• Когда панель открыта, вы можете легко изменить фоновое изображение с помощью Image swap.

Для разработчиков

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

• Переходы CSS3 и RequestAnimationFrame, который разработан с использованием современных методов анимации, используются для обеспечения плавной анимации.

• Аккордеон предоставляет несколько общедоступных методов и функций обратного вызова, а также возможность изменять свойства во время выполнения с помощью мощного API.

Нажмите здесь, чтобы узнать больше

2. jQuery Accordion

Другой — jQuery Accordion, компонент аккордеона, основанный на Javascript и CSS.Он имеет адаптивный и плавный макет, имеет систему сеток, 8 предустановленных стилей и многое другое. Лучшее в этом плагине то, что он также обеспечивает эффекты затухания содержимого.

Характеристики

Нажмите здесь, чтобы узнать больше

3. Аккордеонное меню jQuery

«jQuery Accordion Menu» — это меню с аккордеонным поведением. Плагин имеет несколько параметров, которые можно настроить, чтобы помочь настроить вертикальное меню аккордеона.Их можно установить либо через панель управления виджетами, либо путем передачи параметров в шорткоде.

Характеристики

• Простота использования и настройки

Нажмите здесь, чтобы узнать больше

4. Аккордеон | FAQ | Свернуть — Дополнения для Visual Composer

Accordion — это современный визуальный композитор. Он имеет 26+ стилей с огромными возможностями. В плагине вы получите множество аккордеонов, которые вы можете выбрать в соответствии с требованиями вашего веб-сайта.

Характеристики

• 26+ уникальных стилей * Скоро появятся новые стили!

• Совместимая последняя версия WordPress

• Чистое кодирование, проверка W3c

• Шаг за шагом, хорошо документированный

Нажмите здесь, чтобы узнать больше

Бесплатные плагины Accordion

1. Легко реагирующие вкладки для Accordion

Адаптивные вкладки к аккордеону — это тонкий плагин jQuery для аккордеона, который оптимизирует обычные вертикальные и горизонтальные вкладки на нескольких устройствах, таких как Интернет, планшеты, мобильные устройства (IPad и iPhone.Плагин адаптирует размер экрана и при этом соответственно меняет свое действие.

Характеристики

• Горизонтальные / вертикальные вкладки к гармошке.

• Аккордеон и вкладки полностью разработаны с использованием jQuery.

• Поддерживает несколько наборов вкладок на одной странице.

• Кроссбраузерная совместимость (IE7 +, Chrome, Firefox, Safari и Opera).

• Поддержка нескольких устройств (Интернет, планшеты и мобильные устройства).

• (Работает с несколькими экземплярами) Ссылка непосредственно на указанную вкладку.

• Плагин обрабатывает все состояния вкладок при переходе со страницы и последующем возврате с использованием прямого / обратного (если браузер поддерживает History API).

Нажмите здесь, чтобы узнать больше

2. Адаптивные вкладки jQuery

Этот плагин jQuery Bootstrap обеспечивает адаптивную функциональность вкладок. Вкладки трансформируются в гармошку при достижении точки останова CSS.Аккордеон, сформированный с помощью этого плагина, имеет горизонтальный характер. Вы можете использовать этот плагин как решение для элегантного отображения вкладок на настольных компьютерах, планшетах и ​​мобильных устройствах.

Характеристики

• Вкладки преобразуются в аккордеон на основе точки останова.

• Для переключения технических вкладок (на основе классов) вы можете использовать jQuery / javascript.

• Использует CSS для просмотра на рабочем столе / планшете / мобильном устройстве.

• Имеет события обратного вызова для событий вкладки.

• Вкладки можно открывать с помощью автоповорота, хешей URL, свертывания (необязательно), отключения и т. Д.

• Вкладки управляются с помощью методов API.

• Кроссбраузерная совместимость (IE7 +, Chrome, Firefox, Safari и Opera).

• Поддержка нескольких устройств (Интернет, планшет, мобильный телефон и т. Д.).

Нажмите здесь, чтобы узнать больше

Заключение —

Это 5+ [Бесплатных + Платных] лучших плагинов Accordion для вашего веб-сайта.Надеемся, что вы нашли продукт, который соответствует вашим потребностям и требованиям.

Также может понравиться —

Похожие сообщения:

.