Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

12 кращих вкладок і акордеонів WordPress, віджетів і плагінів

by
Length:LongLanguages:

Ukrainian (українська мова) translation by Elen (you can also view the original English article)

Акордеони і вкладки – це чудовий спосіб стисло і елегантно представити великий об'єм текстової інформації,  зберігаючи при цьому цінний простір на вашому сайті WordPress та зменшуючи інформаційне навантаження.

Акордеони запозичили свою назву від музичного інструменту; вони складаються з вертикально, або горизонтально складеної панелі, при цьому видно тільки заголовки панелей. Коли ви клікаєте по панелі, вона розгортається, або складається, як і її однойменний аналог, в більшій чи меншій мірі показуючи інформацію, відповідну до свого заголовку.

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

Якщо ви шукаєте плагіни акордеонавкладки або віджети, ви можете знайти їх на CodeCanyon. Щоб зберегти ваш час, ми зробили вибірку 12 кращих  вкладок і віджетів та плагінів акордеона, доступних на CodeCanyon для успішного старту.

1. Accordion Tables, FAQs, Columns, and More

З більш, ніж 20 пресетами таблиць акордеонів, FAQs, колонками та ін., даний плагін для акордеона сподобається широкому колу користувачів, які бажають перетворити свій контент в компактні акордеони.

Accordion Tables FAQs Columns and More

Найяскравіші особливості:

  • Можливість переглядати зміни в процесі їх внесення в режимі реального часу
  • Автоматичне оновлення
  • Інтеграція з Font Awesome Icons
  • Поставляється з декількома пресетами, які можна налаштувати
  • Та багато ін.

Accordion Tables, FAQs, Columns, and More – чудовий вибір для відображення вашого контенту за допомогою стильних макетів акордеону.

2. Accordion Slider - Responsive WordPress Plugin

Accordion Slider поєднує дві великі функції в одному зручному плагіні. По-перше, він працює як акордеон, по-друге, він функціонує як слайдер.

Accordion Slider - Responsive WordPress Plugin

Найкращі відмінності:

  • Додавайте скільки завгодно панелей, не турбуючись про екранний простір
  • Відмінно працює функція доторку для сенсорних мобільних екранів
  • Завантажуйте зображення з постів, галерей та Flickr
  • Акордеони автоматично кешуються, щоб скоротити час завантаження
  • Можуть розміщуватися в будь-якому місці на постах/сторінках, шаблонах PHP-коду або віджетах
  • Та ін.

Accordion Slider - Responsive WordPress Plugin – відмінний варіант плагіна 2-в-1, який сподобається тим, хто шукає відмінний спосіб презентувати зображення або текст.

3. WP Responsive FAQ with Category

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

WP Responsive FAQ with Category

Найкращі особливості:

  • Можливість впорядкування FAQs по категоріям
  • 15 різних варіантів дизайну на вибір, які можна налаштовувати
  • Сумісний з конструктором сторінок Visual Composer та WooCommerce
  • Два типи іконки перемикача FAQ: стрілка, або знак +
  • Та багато ін.

Без сумніву, WP Responsive FAQ with Category – це відповідь на всі ваші FAQ-потреби.

4. WooCommerce Category Accordion

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

WooCommerce Category Accordion

Особливості:

  • Підтримка необмеженої кількості категорій і підкатегорій
  • Включено 14 Font Awesome Icons
  • Можливість виділити опцію поточної категорії
  • Сортування по зростанню чи спаданню
  • Та багато ін.

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

Найкращі особливості:

  • Може використовуватися як віджет або шорткод
  • Доступні три рівня вкладки
  • П’ять готових варіантів дизайну
  • Користувачі можуть вводити пошукову фразу
  • Та багато ін.

Responsive Searchable 3 Level Accordion For WordPress – це плагін без нічого зайвого, а його відмінні функції, такі як три рівні підтримки та пошук по контенту, насправді виділяють його серед інших.

6. StackTabs for WordPress

StackTabs for WordPress красиво поєднує функції як панелі, так і акордеона, і хоча його можна використовувати для будь-якого об’єму текстового контенту, він, напевне, найкраще підійде в випадку, коли користувач бажає розділити контент на кроки, або показати послідовність.

 StackTabs for WordPress

Кращі особливості:

  • Упорядкування та переміщення вкладок за допомогою drag & drop конструктора вкладок
  • Високий рівень кастомізації
  • Інтеграція з Font Awesome Icons
  • Необмежені комбінації кольорів
  • Та багато ін.

Якщо ви не можете обрати між плагінам панелі та акордеону, чому б не обрати обидва? StackTabs for WordPress дає вам саме таку можливість.

7. WordPress Tabs and Accordions DZS

WordPress Tabs and Accordions DZS – це ще один плагін, який відкриває користувачам доступ до функцій як панелі, так і акордеону.

WordPress Tabs and Accordions DZS

Кращі відмінності:

  • Повні скіни для відповідності будь-якому бренду
  • WYSIWYG редактор
  • Необмежене налаштування кольорів
  • Оптимізація під iPhone, iPad та Android
  • Та багато ін.

Отже, якщо StackTabs вас не приваблюють, WordPress Tabs and Accordions DZS – ще один чудовий варіант 2-в-1.

8. Hello Tabs WordPress Widget

Hello Tabs дозволяє вам створювати панелі з будь-яких віджетів або контенту вашого сайту. Окрім використання простої функції drag and drop, плагін пропонує 12 готових стилів та 24 анімаційних ефектів.

Hello Tabs WordPress Widget

Найкращі особливості:

  • Опція multi-tabs для створення більше, ніж однієї панелі
  • Функція drag and drop
  • Кросс-браузерна сумісність
  • 23 анімаційних ефектів
  • Та багато ін.

Скажіть «Привіт» витонченій функціональності панелей з Hello Tabs WordPress Widget.

9. WooCommerce Tabs Pro: Extra Tabs for Product Page

Якщо у вас є сайт WooCommerce, плагін WooCommerce Tab Pro дозволить вам створювати та управляти 11 різними типами панелей для відображення ваших товарів.

WooCommerce Tabs Pro Extra Tabs for Product Page

Кращі функції:

  • Можливість додавати необмежену кількість панелей на окремій сторінці товару
  • WYSIWYG редактор для редагування контенту користувача
  • Можливість активувати або деактивувати панель 
  • Можливість створення загальної панелі, яку можна використовувати для всіх товарів
  • Та багато ін.

Коли у вас є сайт електронної комерції, внесення змін до шаблону може справді підвищити продажі. З WooCommerce Tabs Pro: Extra Tabs for Product Page скоро будуть дзвінки.

10. Elegant Tabs for Visual Composer

Elegant Tabs for Visual Composer – це доповнення до плагіна Visual Composer WordPress. Воно дозволяє додавати будь-який шорткод до безлічі панелей та пропонує массу налаштувань, таких як різні кольори, іконки та фони для різних секцій або панелей.

Elegant Tabs for Visual Composer

Кращі функції:

  • Вертикальні панелі
  • Функція drag and drop для будь-яких елементів Visual Composer, щоб помістити їх всередину контенту вкладки
  • Підтримка deep linking
  • Десять різних стилів панелей та безліч варіантів
  • Та багато ін.

Elegant Tabs також доступний для Fusion Builder, WooCommerce, Cornerstone, та Beaver Builder.

11. Social Network Tabs For WordPress

Social Network Tabs for WordPress – це зовсім інший підхід до панелей, аніж ми представили вище. Даний плагін був спеціально розроблений, щоб продемонструвати всі ваші профілі в соцмережах та відгуки на статичних вкладках або вкладках-слайдерах, які розміщуються по краям вікна вашого сайту.

Social Network Tabs For WordPress

Кращі функції:

  • 16 кращих соцмереж з 69 функціями відгуків
  • Гнучке розташування
  • Пости включають посилання "поділитися" через Twitter, Facebook, Google + and LinkedIn
  • Проста стилізація панелей за допомогою інструменту вибору кольору
  • Та багато ін.

Вам потрібно більше послідовників? Social Network Tabs For WordPress допоможе вам стати суперзіркою соцмереж.

12. PullOut Widgets for WordPress

Як і Social Network Tabs for WordPress, PullOut Widgets  - це інший підхід в роботі з панелями. Він спеціально розроблений для того, щоб перетворити будь-який віджет вашого сайту на виносну панель.

PullOut Widgets for WordPress

Кращі функції:

  • 289 іконок для виносної панелі
  • 32 анімаційних ефектів слайдів
  • Необмежені варіанти розміщення віджета: зверху, справа, внизу, зліва
  • Необмежений вибір кольору віджета
  • Та багато ін.

Найуспішніші сайти – інтерактивні і саме PullOut Widgets for WordPress дають безліч шансів вашим користувачам взаємодіяти з вашим контентом.

Закінчення

Приведені 12 кращих панелей і акордеонів WordPress, віджетів і плагінів – тільки невелика частинка продуктів, доступних на Envato Market. Якщо серед низ ви не знайшли того, що шукали, у нас є маса інших опцій, щоб задовольнити ваші потреби. Тому перегляньте розділи панелей, акордеонів, віджетів та плагінів.

І якщо ви бажаєте покращити ваші навики в WordPress, обов'язково перегляньте наші безкоштовні навчальні матеріали.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.