Top-10 плагинов WordPress для создания аккордеона

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

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

Описание аккордеона и небольшой пример вы можете посмотреть здесь.

Вариантов использования таких аккордеонов — много. Самый, на мой взгляд, характерный: создание страницы с ответами на часто встречающиеся или типовые вопросы.

Когда-то давно я делал интернет-магазин детских товаров, и одна из страниц магазина как раз создана для списка типичных вопросов и ответов на них. Кликнув на вопрос — открывается спрятанный ответ — http://www.3medvedya.com.ua/pravila

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

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

accordion

Olevmedia Shortcodes

Этот плагин добавит целый список коротких кодов на ваш сайт. В этом списке вы найдете и код для вставки аккордеона, с настройками цвета, фона, текста, картинки для заголовка. Появится кнопка в визуальном редакторе, и там — весь список коротких кодов. Плагин не переведен на русский.

olevmedia wordpress плагинСкачать плагин

Моя оценка:

  • Управление: 4.5
  • Дизайн: 4.5
  • Локализация: 0

 

Squelch Accordions Shortcodes

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

squelch-accordionsСкачать плагин

Моя оценка:

 

PPM Accordion

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

ppm-accordionСкачать плагин

Моя оценка:

  • Управление: 4
  • Дизайн: 4
  • Локализация: 0

Arconix

Этот плагин предлагает не только аккордеон, в нем — целый набор стилей: кнопки, вкладки, разноцветные секции, списки. Такой же по функционалу, как и первый в списке — Olevmedia Shortcodes. Русской локализации нет.

arconix

Скачать плагин

Моя оценка:

  • Управление: 3
  • Дизайн: 4
  • Локализация: 0

Shortcodes Ultimate

Этот плагин также даст вам кроме аккордеона массу других стилей и оформлений. Целая библиотека в одном плагине! Добавит кнопку в визуальном редакторе. Я им пользуюсь активно на всех своих сайтах и часто ставлю своим заказчикам. Удобный, функциональный, на русском языке. Советую.

shortcodes-ultimate

Скачать плагин

Моя оценка:

  • Управление: 5
  • Дизайн: 5
  • Локализация: 5

Synved WordPress Shortcodes

Еще один набор коротких кодов, которые добавят разные варианты стилевых оформлений, и среди них — нужный нам аккордеон. Кнопка в визуальном редакторе. Без русской локализации.

synved-shortcodes

Скачать плагин

Моя оценка:

  • Управление: 3
  • Дизайн: 4
  • Локализация: 0

Light Shortcode

Еще один плагин, который кроме аккордеона добавит кнопки, флажки, ценовые таблицы и многое другое. Удобная кнопка в визуальном редакторе. Достаточно легкий, мало генерирует запросов. Русского языка нет.

light-shortcode

Скачать плагин

Моя оценка:

  • Управление: 5
  • Дизайн: 4
  • Локализация: 0

WP UI

Еще плагин, в котором кроме аккордеона — много других оформлений. Добавит кнопку в визуальный редактор. Но что любопытно: в списке по кнопке вы не найдете аккордеон, его нужно запускать с помощью вставки короткого кода в тексте. Инструкции и примеры — http://kav.in/projects/blog/linking-to-tabs-accordions-and-spoilers-in-wp-ui. Русского языка нет.

wp-ui

Скачать плагин

Моя оценка:

  • Управление: 3
  • Дизайн: 3
  • Локализация: 0

Simnor Shortcodes

Как и большинство плагинов в моем обзоре, этот плагин также может добавить не только аккордеон. Тоже имеет кнопку в визуальном редакторе. Удобно организован список по кнопке, удобное диалоговое окно настроек. Реально удобный в использовании. Не русифицирован.

Советую прочитать еще:  Плагин WordPress Glass добавит на ваш сайт лупу для просмотра фотографий

simnor

Скачать плагин

Моя оценка:

  • Управление: 5
  • Дизайн: 4.5
  • Локализация: 0

Whistles

Этот плагин отличается от предыдущих. Он создает новые пользовательские типы записей под названием Whistles, а там вы создаете отдельно записи, которые затем можно организовать как ответы на вопросы. А вопросы — это заголовки записей. Плагин сложней в управлении, многошаговый в настройке, но, возможно, вам именно такой и нужен? Русского перевода пока к нему нет.

whistle

Скачать плагин

Моя оценка:

  • Управление: 4
  • Дизайн: 3.5
  • Локализация: 0

Моя оценка каждого плагина в этом обзоре складывалась из следующих критериев:

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

Дизайн: наличие файла стилей в плагине, возможность настроек собственного цветового и оформительского решения, кастомизация (уникализация).

Локализация: наличие файлов русской локализации

Если материал вам понравился, нажмите или расскажите о нем друзьям!

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

0 Comments

  • Отличные плагины. Я нашел еще один слайдер плагин, который является «Avartan слайдер». Который имеет мульти функциональность слайдер. Который имеет много и уникальных особенностей.

    Вы можете проверить это: goo.gl/bx41ak

    Avartan Slider доступен в Lite и Pro версии.

    Ответить

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

Ваш email нигде не будет показан. Обязательные поля помечены *