Плагин меню аккордеон для wordpress

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

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

Плагин

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник

Accordion for WordPress — бесплатное аккордеон меню для WordPress

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

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

Источник

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

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

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

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

Источник

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

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

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

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

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

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

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

JQuery Vertical Accordion Menu

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

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

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

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

Nextend Accordion Menu

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

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

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

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

Nice Navigation

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

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

Источник

WordPress.org

Русский

WPB Accordion Menu or Category

Описание

Showing WordPress accordion menu or any WordPress category accordion with submenu/subcategory support. It has icon picker support both for menu and category. So you can setup icons in accordion easily. Enable disable auto-closing previously open accordion etc. Highly optimized for WooCommerce or any other eCommerce categories. Nice animation effects. Responsive and modern flat design.

Pro Version Video Documentation:

Plugin Features

• Category accordion.
• Custom taxonomy support.
• WooCommerce or any other eCommerce plugin compatible.
• Menu accordion.
• Multiple menu accordion support.
• Shortcode system can be used anywhere ( widget, page or post ).
• Two custom Elementor widgets for showing the menu and categories accordion in the Elementor page.
• Very lightweight.
• Work with all WordPress themes.
• Easy to use.
• Developer friendly & easy to customize.

Pro Version Features

• Widgets for showing any custom taxonomy (categories) or any custom menu.
• Feature to choose any menu or theme location from the menu widget.
• Five different predefined skins for accordion.
• Color customization option in settings.
• WooCommerce product categories and tags support.
• Auto open first level parent category or menu, settings available for enabling or disable.
• Feature for keep open selected menu items accordion.
• Feature for keep open current menu or category accordion.
• Custom icon picker both for menu & categories.
• FontAwesome and Themify icons included.
• Easy to use, lightweight and many more.

Different skins of accordion:

• Accordion Material Design
• Accordion Transparent
• Accordion Minimal
• Accordion Flat Design
• Accordion Dark

Tested with Following Themes

• Divi
• Storefront
• Betheme
• Enfold
• Flatsome
• Shopkeeper
• Avada
• Kallyas
• Salient
• The7
• Hestia
• Ocean WP
• Astra
• Hello Elementor

Скриншоты

• Category Accordion.
• Menu Accordion with Icons.
• Elementor widget for category accordion.
• Elementor widgets.
• Custom widget ( Pro version only ).

Установка

Install it as a regular WordPress plugin

Active the plugin.

Use any shortcode to show your menu or categories accordion.

Category shortcode example

Options:

taxonomy: Default category or any registered taxonomy.

orderby: Sort categories alphabetically, by unique Category ID, or by the count of posts in that Category. Valid values: ID, name, slug, count, term_group

order: Sort order for categories (either ascending or descending). The default is ascending. Valid values: ASC, DESC

show_count: Toggles the display of the current count of posts in each category. The default is false (do not show post counts). Valid values: no, yes

hide_empty: Toggles the display of categories with no posts. The default is yes (hide empty categories). Valid values: yes, no

icon: Accordion navigation icon ( optional ).

accordion: Close previously opened accordion item. The default is no. Valid values: yes, no.

Menu shortcode example

Options:

menu: The menu that is desired; accepts (matching in order) id, slug, name

theme_location: menu can be asign by theme location ( optional ).

icon: Accordion navigation icon ( optional ).

accordion: Close previously opened accordion item. The default is no. Valid values: yes, no.

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

Is it compatible with the Elementor?

Yes, it is. We have two custom Elementor widgets for showing the menu and categories accordion in the Elementor page.

How can I change the background colors?

You need to change a little bit of CSS code for that. or You can get the pro version, which comes with settings for color and background change.

Источник