Меню аккордеон плагины wordpress

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

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

Плагин

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник

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 для отображения категорий в виде выпадающего списка с некоторыми эффектами.

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

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

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

Источник

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

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

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

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

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

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

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

JQuery Vertical Accordion Menu

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

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

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

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

Nextend Accordion Menu

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

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

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

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

Nice Navigation

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

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

Источник

12 Лучших табов, виджетов аккордеона и плагинов для WordPress

Russian (Pусский) translation by Marat Amerov (you can also view the original English article)

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

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

Табы выполняют аналогичную аккордеонам функцию, но по-другому. Они стилизованы под традиционные табы, которые вставляются в файлы или картотеки. Подобно табам карт, плагины и виджеты для табов помечены и дают подсказку с информацией, которую они скрывают. Кликая на таб, пользователь может открыть дополнительную информацию о субъекте таба и использовать табы для навигации по сайту или странице.

Если вы ищете табы или виджеты и плагины аккордеона, вы можете найти то, что ищете на CodeCanyon. Чтобы сэкономить вам некоторое время, вот выбор из 12 лучших табов, виджетов и плагинов аккордеона доступных в Code Canyon.

1. Accordion Tables, FAQs, Columns, and More

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

• Возможность предварительного просмотра изменений вживую, когда вы их делаете
• автоматические обновления
• интеграция с Font Awesome Icons
• поставка с несколькими настраиваемыми пресетами
• и многое другое

Accordion Tables, FAQs, Columns, and More — отличный выбор для отображения вашего контента в стильных макетах аккордеона.

2. Accordion Slider — Responsive WordPress Plugin

Плагин Accordion Slider объединяет две большие функции в одном удобном плагине. Во-первых он функционирует как аккордеон, а во-вторых, он функционирует как слайдер.

• Добавьте столько панелей, сколько хотите, не беспокоясь о пространстве экрана
• touch-enabled хорошо работает с мобильными экранами
• загрузка изображений и контента из постов, галерей и Flickr
• Аккордеоны автоматически кэшируются, чтобы улучшить время загрузки
• могут быть размещены в любом месте, в постах/ страницах, шаблоне PHP-кода или виджетах
• и многое другое

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

3. WP Responsive FAQ with Category

FAQ WP Responsive FAQ с плагином Category специально разработан для пользователей, которые имеют или хотят добавить область часто задаваемых вопросов на свой сайт, и не хотят, чтобы их посетители просматривали бесконечный поток текста, чтобы получить ответы на вопросы и ответы. относящихся к ним.

• FAQs могут быть организованы по категориям
• 15 настраиваемых различных вариантов дизайна на выбор
• совместимость с билдером страниц Visual Composer и WooCommerce
• два типа FAQ: значок стрелки или плюс
• и многое другое

Нет никаких сомнений в том, что WP Responsive FAQ with Category является решением для FAQ.

4. WooCommerce Category Accordion

WooCommerce Category Accordion разработан специально для пользователей WooCommerce. Его можно использовать в качестве виджета или шорткода для перечисления категорий продуктов и подкатегорий.

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

WooCommerce Category Accordion идеально подходит для пользователей, которые хотят организовывать свои продукты или услуги по категориям и подкатегориям, чтобы клиенты могли легко перемещаться по сайту.

5. Responsive Searchable 3 Level Accordion For WordPress

Responsive Searchable 3 Level Accordion For WordPress — это супер простой плагин, который можно использовать в любом месте вашего WordPress сайта . Это понравится пользователям, которые хотят упорядочить контент в стиле аккордеона в постах, боковой панели, футере и т. д.

• может использоваться как виджет или шорткод
• доступны три уровня вложенности
• пять вариантов стиля
• позволяет пользователям вводить искомую фразу
• и многое другое

Responsive Searchable 3 Level Accordion For WordPress — это плагин с отсутствием лишнего, и его отличные функции, такие как трехуровневая поддержка и поиск по контенту, действительно выделяют его.

6. StackTabs for WordPress

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

• упорядочивание и перемещение вкладок с помощью drag & drop билдера
• гибкая кастомизация
• интеграция со шрифтом Awesome Icons
• Доступны неограниченные цветовые комбинации
• и многое другое

Если вы не можете выбрать между табами и плагином аккордеона, почему бы и нет? StackTabs for WordPress дает вам именно это.

7. WordPress Tabs and Accordions DZS

WordPress Tabs and Accordions DZS — это еще один плагин, который дает пользователям доступ к функциям табов и аккордеона.

• полные скины, для соответствия каждому бренду
• WYSIWYG редактор
• неограниченное количество цветов для настройки
• оптимизация под iPhone, iPad и Android
• и многое другое

Так что если StackTabs не привлекает, WordPress Tabs and Accordions DZS — еще один отличный вариант два в одном.

8. Hello Tabs WordPress Widget

Hello Tabs позволяют создавать табы из любых виджетов или контента на вашем сайте. Используя простую функцию перетаскивания, плагин предлагает 12 предопределенных стилей и 24 анимационных эффекта.

• multi-tabs для создания нескольких элементов табов
• функция перетаскивания
• кросс-браузерная совместимость
• 23 анимационных эффекта
• и многое другое

Скажите «Hello» комплексным функциям табов с помощью Hello Tabs WordPress Widget.

9. WooCommerce Tabs Pro: Extra Tabs for Product Page

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

• возможность добавления неограниченных табов на одну страницу продукта
• WYSIWYG редактор для редактирования пользовательского контента
• возможность включения или отключения табов
• возможность создания глобальных табов, которые могут использоваться со всеми продуктами
• и многое другое

Когда у вас есть сайт электронной коммерции, внесение улучшений в ваш макет может действительно повысить продажи. С WooCommerce Tabs Pro: Extra Tabs for Product Page, скоро будут звонки.

10. Elegant Tabs for Visual Composer

Elegant Tabs for Visual Composer — это аддон для плагина WordPress Visual Composer. Он позволяет добавлять любой шорткод на несколько табов и предлагает множество настроек, таких как разные цвета, иконки и фоны для разных разделов или табов.

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

11. Social Network Tabs For WordPress

Social Network Tabs for WordPress — это другой подход к табам из тех, которые были представлены до сих пор. Этот плагин специально разработан, чтобы продемонстрировать все профили и фиды социальных сетей на слайдовых или статических табах, которые расположены вокруг краев окна вашего веб-сайта.

• 16 социальных сетей с 69 вариантами фидов
• гибкое позиционирование
• посты включают в себя ссылки Twitter, Facebook, Google + и LinkedIn
• легкая стилизация табов с помощью колорпикера
• и многое другое

Нужно больше фолловеров? Social Network Tabs For WordPress поможет вам стать суперзвездой в социальных сетях.

12. PullOut Widgets for WordPress

Подобно Social Network Tabs for WordPress, PullOut Widgets — это другой подход к табам. Он специально предназначен для превращения любого виджета на вашем сайте в выносные табы.

• 289 иконок для выносных табов
• 32 эффекта анимации скольжения
• неограниченное размещение виджета в верхней, правой, нижней или левой стороне
• неограниченные цвета виджета
• и многое другое

Самые успешные веб-сайты являются интерактивными, а PullOut Widgets for WordPress дает вашим посетителям множество возможностей для взаимодействия с вашим контентом.

Заключение

12 Best Tab & Accordion WordPress Widgets Envato Market & Plugins — это всего лишь несколько продуктов, доступных на Envato Market. Если вы не нашли то, что ищете, у нас есть много других отличных вариантов, которые бы соответствовали вашим потребностям. Поэтому попробуйте выбрать виджеты и плагины табов и аккордеонов.

И если вы хотите улучшить свои навыки WordPress, ознакомьтесь с нашими полезными и бесплатными учебниками WordPress.

Источник