Wordpress

Плагин аккордеон для wordpress: Лучшие WordPress-плагины для создания аккордеона

10.07.1970

Содержание

Лучшие WordPress-плагины для создания аккордеона

👍 Научим создавать сайты на WordPress бесплатно за 11 уроков. Подробнее →

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

Зачем нужно добавлять аккордеоны в WordPress?

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

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

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

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

Для WordPress разработано и успешно применяются десятки плагинов, обеспечивающих удобное размещение контента в аккордеонах.

Accordion

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

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

Accordion FAQ

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

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

Tab – Accordion, FAQ

Tab – Accordion, FAQ – это WordPress-плагин, который позволяет добавлять красивые анимированные вкладки и аккордеоны на сайт. Вы можете легко добавить адаптивные горизонтальные, вертикальные, анимированные и другие аккордеоны в записи, страницы и области виджета боковой панели.

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

Arconix Shortcodes

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

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

Easy Accordion

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

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

Shortcodes Ultimate

Shortcodes Ultimate – это многофункциональный плагин, который поставляется с набором шорткодов для добавления нескольких функций. Во-первых, вы можете добавить аккордеон с предварительным просмотром в реальном времени.

Он имеет собственный виджет, который можно использовать для добавления аккордеона в любую область виджетов вашего сайта WordPress. Shortcodes Ultimate прост в использовании и корректно работает с большинством современных тем WordPress.

Smooth Accordion

Smooth Accordion – простой плагин аккордеона WordPress. Как и другие аналогичные плагины, он позволяет добавлять аккордеоны на свои страницы и записи. Smooth Accordion добавляет значок в визуальный редактор WordPress, который помогает сразу добавлять аккордеоны в ваши записи и страницы.

Вы можете настроить цвет фона, добавить пользовательские стили к аккордеонам и легко разместить свой контент в настройках плагина.

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

Мне нравится10Не нравится2

Если Вам понравилась статья — поделитесь с друзьями

Аккордеон — Плагин для WordPress

Accordions is easy and powerful tool to create accordion, faq, tabs, tab content, frequently asked question, knowledge base, question & answer section, WooCommerce FAQ tabs and many other way to use this plugin. supper easy to customize looks and feel, changing color, font size of content, choosing accordion icons was never easy before.

Accordions by http://pickplugins.com

Plugin Features

Unlimited Accordion & Tabs
You can created unlimited accordion and tabs via this plugin, we never limit your count.

Display via Shortcode
Accordion and tabs can be display anywhere via shortcode under page, post content, sidebar via widgets and page builder
widgets and elements and gutenberg blocks as well. we provided and extra shortcode [accordions_pplugins] to avoid 3rd party conflict.

Lazy Load
Lazy load is very useful and hide content on page load, you can enable to disable this option.

Responsive Accordion and Tabs
We used jQuery UI library to generate accordion and tabs, which is super responsive in any device.

Custom icons
You can set your own icons for accordion header icons, we used fontawesome as font icons, you can change default and
activate icon as well, changing default color, hover color, font size is also available.

Header style
You can style header as your own, there is planty of option available to style accordion header font size, default text
color, activate text color, hover text color, default background color, activate background color and changing header
padding and margins.

Content Style

You can style accordion content as you needs by changing accordion font size, font color, background color, padding and
margin

Container Style
You can change container background color, background image, text align and padding.

Content Editing
You can create accordion content with WP Editor, you can add text, image andother media like youtube video, self hosted
video and etc. Section can be drag & drop sorting. delete any section without
loading the page and can hide without deleting it on front-end.

Import 3rd party plugin data
You can import accordion and tabs data from 3rd party plugin source.

Premium Features

Nested/multi level accordion
You can create multi level or nested accordion with unlimited level, nested accordion can customize as you want.

Click header to scroll top
WHen user click to accordion header it will scroll to top.

Header text toggle
You can display toggle text when clicked on header

Display expand/collapse all button
You can display expand/collapse all button to expand or collapsed at once. you can also set custom text for expand/collapse all button and add custom background color.

Open/Active accordion by url Parameter
You can enable active or open accordion by url parameter, ex: yourdomain.com/accordion-page/?active_index=83|1,2

you display multiple or keep open multiple by providing multiple argument like this yourdomain.com/accordion-page/?active_index=83|1,2-84|1,3

Open/Active accordion by url hash
You can enable active or open accordion by url hash, ex: yourdomain.com/accordion-page#headerID

Header click track & stats
You can track click on accordion header.

Header background image
You can set custom background image and color for each header.

Active accordion on page load

You can choose header to active on page load,

Enable search
You can display search input field to enable search though accordion content. also custom placeholder text for search input field avilable.

Vertical Tabs
You can display vertical style tabs.

2.2.32
* 2021-04-22 - fix - html output issue fixed
2.2.31
* 2021-04-22 - fix - escaping issue fixed.
* 2021-04-22 - fix - HTML saving issue fixed.
2.2.30
* 2021-04-21 - fix - sanitization issue fixed
2.2.29
* 2021-04-16 - fix - minor security issue fixed
* 2021-04-16 - remove - removed unnecessary files.
2.2.28
* 2021-04-13 - fix - security issue fixed
2.2.27
* 2020-10-14 - fix - security issue fixed
2.2.26
* 2020-06-26 - add - Who can see edit link
2.2.25
* 2020-06-26 - fix - schema header text count text removed.
2.2.24
* 2020-06-17 - fix - Ultimate FAQ import issue fixed.
* 2020-06-17 - fix - Responsive Accordion And Collapse import issue fixed.
* 2020-06-17 - fix - Quick and Easy FAQs import issue fixed.
2.2.23
* 2020-06-10 - fix - minor js issue fixed.
2.2.22
* 2020-06-09 - update - WooCommerce tested version update.
* 2020-06-09 - add - accordion items count attribute added.
2.2.21
* 2020-05-23 - update - Enable autoembed default to Yes
* 2020-05-23 - update - Enable shortcode default to Yes
* 2020-05-23 - update - Enable auto paragraph default to Yes
2.2.20
* 2020-04-25 - add - hide for schema by section.
2.2.19
* 2020-04-25 - fix - accordion shortcode "accordions_pplugins" back
2.2.18
* 2020-04-22 - fix - accordion header font-family issue fixed.
* 2020-04-22 - fix - accordion body font-family issue fixed.
2.2.17
* 2020-04-18 - fix - Keep expanded others issue fixed.
2.2.16
* 2020-04-16 - fix - accordion content editor issue fixed.
2.2.15
* 2020-04-13 - fix - schema content convert quotes to characters,
* 2020-04-13 - fix - schema count issue fixed when hide set to true.
* 2020-04-13 - update - default tabs style update
2.2.14
* 2020-04-08 - fix - schema error issue fixed.
* 2020-04-08 - remove - remove shortcode from schema content.
* 2020-04-08 - remove - remove html from schema content.
2.2.13
* 2020-04-04 - fix - minor script issue fixed.
* 2020-04-04 - remove - remove data migration, load old option if new options not saved.
* 2020-04-04 - remove - remove reset data migration.
* 2020-04-04 - remove - remove empty line break from scipts to avoid wpautop conflict.
2.2.12
* 2020-04-01 - fix - default font-awesome version set to 5+ if not set.
* 2020-04-01 - fix - load old data and option if data migration not completed.
* 2020-04-01 - fix - codemirror issue fixed.
2.2.11
* 2020-03-19 - fix - display old content if data migration not completed
2.2.10
* 2020-03-19 - add - data migration tutorial update and linked help section
2.2.9
* 2020-03-18 - update - data migration post status to any.
* 2020-03-18 - update - import accordion any post status
* 2020-03-18 - fix - security issue on import accordion fixed.
2.2.8
* 2020-03-18 - fix - minor security issue fixed.
2.2.7
* 2020-03-18 - add - older version plugin link added under help section.
2.2.6
* 2020-03-17 - fix - WooCommerce product FAQ tab remove issue fixed.
2.2.5
* 2020-03-17 - add - 20 3rd party plugin to import accordion and tabs data.
2.2.4
* 16-03-2020 - fix - font awesome version compatibility issue fixed.
* 16-03-2020 - add - 3rd party accordion and tabs data import.
2.2.3
* 15-03-2020 - fix - tabs style issue fixed.
* 15-03-2020 - add - tabs navs alignment to left right added.
2.2.2
* 13-03-2020 - fix - adding new content conflict with 3rd party plugin.
2.2.1
* 13-03-2020 - fix - minor php issue fixed
* 13-03-2020 - update - readmore text update
2.2.0
* 13-03-2020 - add - accordions preview on frontend.
* 13-03-2020 - add - option to enable/disable shortcode
* 13-03-2020 - add - option to enable/disable autoembed
* 13-03-2020 - add - option to enable/disable wpautop
* 13-03-2020 - add - option to enable/disable schema
* 13-03-2020 - add - icon position left or right or none.
* 13-03-2020 - add - Custom class for accoridon header or tabs navs.
* 13-03-2020 - add - Custom class for accoridon content or tabs content.
* 13-03-2020 - add - Container width for different devices.
* 13-03-2020 - update - improved accordion content editor.
* 13-03-2020 - merge - accordion and tabs display under same shortcode by option selection.
2.1.18
* 2020-02-07 - fix - settings tab broken style issue fixed.
2.1.17
* 04/09/2019 - fix - font family issue fixed.
2.1.16
* 22/08/2019 - fix - fontawesome missing file issue fixed.
2.1.15
* 07/07/2019 - fix - Background color issue fixed on internet explorer browser.
2.1.14
* 22/06/2019 - add - Display 3rd party shortcode inside accordion content.
* 22/06/2019 - add - load option for fontawesome version library file.
* 22/06/2019 - add - Optimize css and js file loading.
2.1.13
* 31/05/2019 - fix - export/import js file missing issue fixed.
2.1.12
* 29/05/2019 - fix - optimize script and css file load on admin.
2.1.10
* 21/03/2019 - add - video tutorials added.
* 21/03/2019 - update - update accordion content editor.
* 21/03/2019 - remove - remove help & support menu.
2.1.10
* 05/02/2019 - fix - js issue fixed.
2.1.9
* 05/02/2019 - fix - Import issue fixed.
2.1.8
* 19/12/2018 - fix - First tab active on load for tabs.
* 19/12/2018 - fix - Html issue on header.
* 19/12/2018 - fix - Tabs nav icons toggle issue fixed.
2.1.7
* 08/12/2018 - fix - accordion header html input issue fixed.
2.1.6
* 11/11/2018 - fix - remove fontawesome twice loaded issue
2.1.5
* 29/10/2018 - fix - Icons issue fixed.
2.1.4
* 28/10/2018 - fix - fixed js error on WooCommerce product page.
* 28/10/2018 - fix - responsive issue on accordion edit page.
2.1.3
* 18/10/2018 - fix - minor php error fixed.
2.1.2
* 10/10/2018 - fix - Icon not saved issue fixed.
2.1.1
* 10/10/2018 - fix - Minor js issue fixed.
2.1.0
* 08/10/2018 - update - font-awesome 5 added.
* 08/10/2018 - update - admin settings updated.
* 08/10/2018 - add - accordion preview with responsive added on admin.
* 08/10/2018 - add - custom JS field added.
* 08/10/2018 - add - Expand all/Collapse all button added on settings.
* 08/10/2018 - add - Icon hover color input field added.
* 08/10/2018 - add - Header padding, margin input field added.
* 08/10/2018 - add - Content padding, margin input field added.
* 08/10/2018 - add - Tabs activate event.
* 08/10/2018 - add - WooCommerce Product FAQ tab.
* 08/10/2018 - add - Duplicate accordion.
2.0.23
* 12/02/2018 - add - Accordion export/import feature added
2.0.22
* 12/02/2018 - fix - CSS conflict issue fixed on accoridon edit tabs.
2.0.21
* 24/10/2017 - add - Support link update.
2.0.20
* 23/10/2017 - add - Added Spanish Translation.
2.0.19
* 16/10/2017 - add - Translation ready.


* 31/05/2017 - add - Added filter hook for default minus icon.
* 31/05/2017 - update - adding icon method updated.
2.0.17
* 10/03/2017 - fix - Newly added accordion sorting issue.
2.0.16
* 10/03/2017 - add - Added extra shortcode to avoid conflict.
2.0.15
* 07/03/2017 - update - Content sorting icon update.
* 07/03/2017 - update - Content expand/collapse icon update.
* 07/03/2017 - update - Content remove icon update.
* 07/03/2017 - update - Documentation link added on help page.
2.0.14
* 29/11/2016 - fix - scripts error issue fixed.
2.0.13
* 12/08/2016 - fix - accordion header quotes issue fixed.
2.0.12
* 01/08/2016 - fix - accordion header messedup in non english.
2.0.11
* 27/07/2016 - fix - tinyMCE error issue fixed.
2.0.10
* 26/07/2016 - add - tinyMCE Editor when add new accoridon
2.0.9
* 21/07/2016 - add - added filter to work in sidebar.
2.0.8
* 06/05/2016 - update - font aswesome latest version added.
* 06/05/2016 - update - jquery-ui minified & latest version added.
2.0.7
* 18/04/2016 - update - minor issue update.
2.0.6
* 19/03/2016 - update - font asesome version update.
2.0.5
* 25/02/2016 - fix- first accordion default open issue fixed.
2.0.4
* 25/02/2016 add- tabs features added.
* 25/02/2016 add- Container Text Align, Padding, Background color, Background image.
2.0.3
* 03/02/2016 fix- jquery-ui icon issue fixed.
2.0.2
* 25/01/2016 fix- content sort & WP Editor conflict issue fixed.
2.0.1
* 25/01/2016 fix- minor issue fixed.
2.0.0
* 25/01/2016 add - font awesome icons.
* 25/01/2016 add - Container Custom Padding.
* 25/01/2016 add - Container Custom Background color.
* 25/01/2016 add - New Theme added.
* 25/01/2016 add - Collapsible option added.
* 25/01/2016 add - heightStyle option added.
1.10
* 19/01/2016 - update - Minor option udpate.
1.9
* 11/12/2015 - fix - Shortcode issue fixed.
1.8
* 23/11/2015 - add - admin UI changed.
* 23/11/2015 - fix - minor php issue fixed.
1.7
* 11/09/2015 - add - ssl issue fixed.
* 11/09/2015 - add - accordion collapsible.
1.6
* 14/08/2015 - add - re-coding & made by OOP.
* 14/08/2015 - add - Hide any section of accordion.
* 14/08/2015 - add - Custom CSS box.
1.5
* 09/06/2015 - fix - fix issue for content formating and added wpautop().
1.4
* 09/06/2015 - fix - WP editor button width fixed.
1.3
* 22/05/2015 - update - UI update for admin content part.
* 22/05/2015 - add - WP Editor for Accordion Content.
1.2
* 12/11/2014 problem fixed for content color and font size.
1.1
* 17/11/2014 add confirmation before delete accordion content.
* 17/11/2014 Update help page.
* 17/11/2014 minor js error fixed.
1.0
* 27/10/2014 Initial release.

Accordion — Плагин для WordPress

Accordion’s wp is a fully responsive HTML & CSS3 WordPress plugin that offering a modern and engaging user experience.

Plugin Features

  • Fully responsive.
  • All Browser support.
  • Unlimited Accordions anywhere in the theme.
  • Use via short-code.
  • 5 Different Themes.
  • Drag & Drop Accordion sorting.
  • WP Editor for accordion content.
  • Custom Title background color.
  • Custom Title Font color.
  • Custom Title Font Size.
  • Custom Content Background Color.
  • Custom Content Font Color.
  • Custom Content Font Size.
  • Content Padding Option.
  • Add and remove accordion item from backend.
  • Highly customized for User Experience.
  • And Many More…

Pro Version Features

  • All Features of the free version.
  • Fully responsive.
  • 8+ different Themes.
  • Widget Ready.
  • Unlimited Domain.
  • Support wysiwyg text editor.
  • Create accordions by group.
  • Cross-browser compatibility.
  • Drag & Drop accordion items sorting.
  • Add and remove accordion item from backend.
  • Use via short-codes.
  • Accordion header title font size.
  • Accordion header title font color.
  • Accordion header title text position.
  • Accordion header title background color.
  • Show/Hide Accordions expand/collapse icons options.
  • Accordion header closeAble true or false Options.
  • Expand/collapse Slide speed of Animation Options.
  • Accordion content font size.
  • Accordion content font color.
  • Accordion content background.
  • Custom Accordion Padding Options.
  • Accordion area background image Options.
  • Accordions Area Padding Options.
  • Support Any videos (Ex: youtube, vimeo )
  • Valid HTML5 & CSS3 layout.
  • Highly customized for User Experience.
  • Clean Design & Code.
  • Unlimited accordion anywhere in the themes or template.
  • Work in all browsers and mobile devices.
  • Life Time Self hosted auto updated enable.
  • 24/7 dedicated support forum.
  • Well Documentation.
  • And much more!

Upgrade to Premium!»

Why Accordion Pro ?

  • Unlimited Features.
  • Self Hosted Auto Update Enable.
  • 24/7 Dedicated Support Forum.
  • Continuously Updated New Features.
  • One Time Purchase.
  • No Hidden Charge.
  • No Yearly Charge.
  • Reasonable price.

Activation

Once the accordion-wp folder has been uploaded, you can activate the plugin. Go to your WordPress admin panel and select the ‘Plugins’ menu option. You should see a new plugin listed, Accordion-Wp. Click Activate to activate the plugin.

Using the Plugin

Once the plugin has been activated, a new menu called Accordion will appear in menu section. There are Three menu options: ‘Accordion’, ‘Add New Accordion’ & ‘Help & Support’.

Creating First Accordion

Click the Accordion submenu entry entitled ‘Add New Accordion’. This will take you to the accordion creation and editing page, Then click Add New Item to add accordion.

Begin by entering a title & description for your accordion. Description Content can be entered using the Visual or HTML content editors. Any valid HTML content (e.g. images, video etc.) can be displayed inside accordion.

To add a new accordion, Just click the ‘Add New Item’ button & fill all the data .

To remove a Accordion, click the ‘Remove’ button located top right side of the accordion title or visual editor.

Inserting Accordion into a Post/page or Widget

After Publish your accordion, you’ll see a notification that the accordion has been Published, then go to ‘Accordion Configure ’ change your own settings & Shortcode tab copy the shortcode & paste into any where into your post/page or text widgets. save your post/page or widgets and browse to see your accordion.

Note :

Some features is not available in free version . Upgrade Premium!» to unlock all amazing features.

Using The WordPress Dashboard

  1. Install as regular WordPress plugin.
  2. Go your Pluings setting via WordPress Dashboard and activate it.
  3. After activate plugin you will see «Accordion» menu at left side on WordPress dashboard and find «Accordion Option Configuration»

Using FTP
1.Extract accordions-wp.zip to your computer.
2.Upload the accordions-wp directory to your wp-content/plugins directory.
3.After activate plugin you will see «Accordion» menu at left side on WordPress dashboard and find «Accordion Option Configuration»

How to use short-code?
When accordions options setup done please copy & paste shortcode into your theme any where you want to display this accordions.

I have a little FAQ that can’t be completed with this plugin. Only 6 or 7 itens is a shame.

Једини је проблем јер нема ажурирања.

I tried the free version and it seemed to meet all my needs. I upgraded to the Pro version, as the free version has limits on number of accordions. The Pro version doesn’t work with the current version of WordPress. I requested support, only to receive a reply the next day that they were on EID vacation. No idea when support would even contact me, poor service! I have requested a refund.

Very nice plugin and support was very quick, thx guys

I tested ALL the WordPress accordion and FAQ plugins that I could find. I spent 10 hours installing and testing the various plugins and this accordion plugin stands out from all the others. I am adding this plugin to a website that will be used by people who are not familiar with WordPress and who are not technically inclined. Most of the other plugins were way too complicated and hard to figure out. This accordion is super intuitive, easy to figure out how to make an accordion. Also, this accordion has the most style options and the style options are super easy to figure out how to use. All around excellent plugin. Also, the support staff are very responsive and helpful.

plugin works fine. quick replies and friendly support for personal css adjustments.

Посмотреть все 9 отзывов

«Accordion» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
2.6
  • Update Option Page.
  • Fix CSS Issues.
2.5
  • Update Option Page.
  • Fix CSS Issues.
2.4
  • Update Option Page.
  • Fix CSS Issues.
2.3
  • Update Option Page.
  • Added New Options.
  • Update Admin Interface.
  • Fix CSS Issues.
2.2
  • Update Option Page.
  • Fix Color Picker Issues.
2.1
  • Update Option Page.
  • Fix Javascript Issues.
2.0
  • Update Option Page.
  • Fix CSS Issues.
  • Fix javascript Issues.
1.9
  • Update Option Page.
  • Fix CSS Issues.
1.8
1.7
  • Fix shortcode inside accordion item issues.
1.6
  • Fix Accordion wysiwyg content display issues.
  • Update Font Size Options.
1.5
  • fix accordion admin js issues.
1.4
1.3
  • Fix Unlimited Accordion Support issue.
  • Added Repeatable Field for accordion content.
  • WP Editor for accordion content.
  • Remove Old Option Page.
  • Added New Option Page with new settings.
  • Fix Css Issues.
  • Added Support Option page.
1.2
1.1
  • fix plugin header problem
1.1
  • fix post limit.
  • add option in setting page.
1.0

Супер аккордеон HTML CSS3 плагин WordPress Accordion – info-effect.ru

Привет! Сегодня я покажу вам Супер полезный плагин WordPress! Вы сможете очень просто и быстро создавать Стильные аккордеоны. Можно создать один спойлер, а можно создать связку спойлеров, это и есть аккордеон. Внутрь спойлера можно добавлять любой контент с помощью визуального редактора WordPress. Можно настроить внешний вид аккордеона, выбрать цвета, размер и т.д. Есть 5 готовых стилей. Очень простой и полезный плагин!

 






 

Установить плагин Accordion вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, установите и активируйте найденный плагин.

 

 

Далее, после установки и активации плагина, перейдите на страницу: Accordion. Здесь будут отображаться все созданные аккордеоны. Чтобы создать новый, нажмите вверху на кнопку Add New Accordion.

 

 

Далее, на странице создания укажите название нового аккордеона. Чтобы добавить спойлер в аккордеон, нажмите на кнопку Add New Item. В настройках вы можете:

 

 – Accordion Themes, можно выбрать готовый стиль.

 – Title BG Color, цвет фона спойлера.

 – Title Font Color, цвет заголовка спойлера.

 – Title Font Size, размер заголовка.

 – Content BG Color, цвет фона содержания.

 – Content Font Color, цвет текста содержания.

 – Content Font Size, размер текста содержания.

 – Content Padding, размер отступа.

Сохраните настройки.

 

 

Далее, внутрь каждого спойлера вы можете добавить любой контент, текст, фото, видео, форму и т.д. Для каждого спойлера укажите свой заголовок. Чтобы создать несколько вкладок внутри аккордеона, жмите на кнопку Add New Item.

 

 

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

 

 

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

 

 

Всё готово! На сайте будет отображаться готовый аккордеон, как показано на скриншотах в начале записи!

 

 – Супер плагины WordPress, более 500, смотри Здесь!

 

Остались вопросы? Напиши комментарий! Удачи!

 

Топ бесплатных плагины аккордеона для WordPress

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

1. Плагин Squelch Tabs and Accordions Shortcodes

“wordpress.org/plugins/squelch-tabs-and-accordions-shortcodes/”

Плагин Squelch Tabs and Accordions Shortcodes дает вам шорткоды как для аккордеонов, так и для содержимого с вкладками. Он также позволяет вам выбирать как горизонтальные, так и вертикальные параметры, чего нет у других плагинов.

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

Некоторые из этих особенностей заключаются в следующем:

Интерактивность со складными аккордеонами и вкладками
Индивидуальный стиль
Разделение содержимого
Вы можете выбрать одну из 24 тем пользовательского интерфейса jQuery или создать свою собственную.

Этот 5-звездочный плагин имеет 2k активных установок. Отзывы очень положительные, что делает этот привлекательный аккордеонный плагин достойным внимания.

2. Плагин Shortcodes Ultimate

“wordpress.org/plugins/shortcodes-ultimate/”

Shortcodes Ultimate упакован с более чем 40 различными шорткодами для вкладок, коробок, кнопок и т. Д. Одним из таких, конечно, является шорткод аккордеонов.

3. Плагин Tabs

“wordpress.org/plugins/tabs-responsive/”

Плагин Tabs позволяет отображать как горизонтальный, так и вертикальный стиль вкладок (аккордеонов). Вы также можете добавить несколько вкладок на нескольких сообщений и страниц.

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

Некоторые из его атрибутов включают в себя:

– Адаптивный дизайн
– Встроенный Drag & drop конструктор
– Отображение только вкладок значков
– Совместимость со всеми браузерами

Этот плагин имеет 4,5-звездочный обзор и более 30 тысяч активных установок. Он позиционирует себя как плагин вкладок № 1.

4. Плагин Accordion FAQ

“wordpress.org/plugins/responsive-accordion-and-collapse/”

У плагина есть демонстрационный сайт – “demo.wpshopmart.com/accordion-pro/”

С помощью плагина Accordion FAQ вы можете добавить неограниченное количество аккордеонов и украсить их различными цветами.

Этот плагин позволяет легко сортировать позиции аккордеона в бэкэнде с помощью drag & drop конструктора. Кроме того, он полностью удобен для мобильных устройств и предлагает легко настраиваемый интерфейс.

Вот некоторые из ключевых особенностей:

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

Плагин Accordion FAQ plugin имеет 4,5-звездочный рейтинг и более 30 000 активных установок.

5. Плагин Accordion

Скачать плагин можно здесь “downloads.wordpress.org/plugin/accordions.zip” или с моего сайта здесь “https://mnogoblog.ru/wp-content/uploads/2021/04/accordions.zip”
В официальном репозитории ссылка на скачивания временно не работает “wordpress.org/plugins/accordions/”

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

При создании аккордеона можно выбрать цвет и размер шрифта.

Некоторые из его ключевых особенностей заключаются в следующем:

– Отображение через шорткод аккордеона WordPress
– Ленивая нагрузка
– Отзывчивый аккордеон и табы
– Пользовательские иконки
И другое.…

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

PS: Красивых и прибыльных Вам сайтов!

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

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

Плагин

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10 лучших WordPress-плагинов для создания FAQ

Чтобы свести к минимуму время, которое приходится тратить, отвечая на одни и те же вопросы пользователей, разместите на сайте раздел часто задаваемых вопросов (FAQ). Использование специального плагина упростит этот процесс.

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

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

  1. Ultimate FAQ
  2. Accordion FAQ
  3. Easy Accordion
  4. WP Responsive FAQ
  5. Knowledge Base for Documents and FAQs
  6. HTML5 Responsive FAQ
  7. FAQ by 10Web
  8. Spider FAQ
  9. Quick and Easy FAQs
  10. YITH WooCommerce Questions and Answers

Познакомимся с этими плагинами поближе.

Плагин Ultimate FAQ

Плагин Ultimate FAQ поддерживает интеграцию с WooCommerce и блочный редактор. Поэтому он подходит практически для любого сайта.

Преимущества данного плагина:

  • Три блока часто задаваемых вопросов.
  • Вкладка FAQ для страниц товаров, представленного с помощью WooCommerce.
  • Категории и теги FAQ.
  • Пользовательские параметры CSS стилей.

Плагин Accordion FAQ

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

С помощью данного плагина вы сможете:

  • Создать несколько аккордеонов для размещения страниц FAQ.
  • Добавлять списки часто задаваемых вопросов через шорткоды.
  • Настраивать аккордеон с различными вариантами цвета.
  • Добавить иконки Font Awesome.
  • Структурировать вопросы с помощью drag-and-drop конструктора.

Платная версия Accordion Pro предоставляет доступ к анимации, Google Fonts и другим дополнительным эффектам.

Плагин Easy Accordion

Плагин Easy Accordion  похож на FAQ Accordion. Он предоставляет аналогичные функции перетаскивания и адаптивный дизайн. А также уникальные темы для оформления раздела часто задаваемых вопросов. В платной версии плагина Easy Accordion Pro, доступно 16 вариантов тем.

Плагин WP Responsive FAQ

Плагин WP Responsive FAQ позволяет добавить на сайт раздел ЧАВО с адаптивным дизайном. А его система шорткодов позволяет отображать вопросы в разных местах сайта.

Другие функции плагина:

  • Возможность создания часто задаваемых вопросов как обычных записей WordPress;
  • Категории для организации и отображения часто задаваемых вопросов;
  • FAQ по товару, представленному с помощью WooCommerce (только в премиум-версии плагина).

Кроме этого премиум-версия плагина включает в себя 15 дополнительных параметров шорткодов для обеспечения большей гибкости в процессе настройки.

Плагин Knowledge Base for Documents and FAQs

Плагин Knowledge Base for Documents and FAQs позволяет разместить на сайте полноценную базу знаний. Это позволяет:

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

Сам плагин бесплатный, но есть несколько платных надстроек.

Плагин HTML5 Responsive FAQ

Плагин  HTML5 Responsive FAQ легко интегрируется в текущую тему оформления сайта. А также предлагает другие функции:

  • Настройка цвета, размера шрифта и других стилей раздела FAQ.
  • Пользовательские параметры сортировки.
  • Категории FAQ.
  • Шорткоды для включения часто задаваемых вопросов
  • Аккордеонные стили для страниц.

Этот плагин полностью бесплатен.

Плагину FAQ by 10Web

Плагин FAQ от 10Web предоставляет следующие функции:

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

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

Плагин Spider FAQ

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

Для доступа к темам оформления вам понадобится премиум-лицензия.

Плагин Quick and Easy FAQs

Плагин Quick and Easy FAQs поддерживает пользовательские типы записей и шорткоды. Их можно использовать для добавления и отображения вопросов и ответов. Кроме этого он полностью бесплатный.

Плагин YITH WooCommerce Questions and Answers

Мы рассмотрели несколько плагинов для добавления раздела FAQ. Но YITH WooCommerce Questions and Answers идет еще дальше. С помощью этого плагина вы сможете:

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

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

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

Для этого в панели администрирования WordPress перейдите в раздел Страницы> Добавить новую. Затем разместите все вопросы и ответы на созданной странице.

Редактор WordPress

Но этот процесс можно улучшить, используя редактор блоков. В нем доступно несколько типов элементов, которые облегчают создание дизайна для FAQ. Среди них блоки «Columns», «Quote», «Table» и «Text blocks».

Редактор блоков

Плагины WordPress для создания FAQ могут значительно упростить процесс поддержки клиентов. Для расширения возможностей раздела вопросов-ответов можно использовать плагины Knowledge Base for Documents and FAQs и WooCommerce Questions and Answers.

Данная публикация является переводом статьи «10 Best WordPress FAQ Plugins (+ How to Create an FAQ Section Manually)» , подготовленная редакцией проекта.

7 лучших плагинов WordPress Accordion (2021)

Вы ищете лучшие плагины WordPress Accordion?

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

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

Почему вам нужно добавлять аккордеоны в WordPress?

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

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

Accordions чаще всего используются для добавления раздела с часто задаваемыми вопросами (FAQ) путем отображения вопросов в виде вкладок. Однако вы можете использовать их для добавления любого контента, в который вы хотите уберечь пользователей от прокрутки.

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

1. Аккордеон

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

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

Accordion имеет поддержку шрифтов Font Awesome, что позволяет использовать красивые значки на вкладках аккордеона.

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

2. SeedProd

SeedProd — лучший перетаскиваемый конструктор страниц WordPress на рынке, используемый более чем 1 миллионом веб-сайтов. Он позволяет создавать любые целевые страницы без необходимости кодирования.

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

Все, что вам нужно сделать, это перетащить блок аккордеона на свою страницу и начать настройку.

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

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

Подробнее см. В нашем руководстве по созданию целевой страницы с помощью WordPress.

3. FAQ по аккордеону

Accordion FAQ — еще один плагин для аккордеона для сайтов WordPress.В нем есть конструктор перетаскивания, который помогает легко добавлять аккордеоны в любом месте вашего блога WordPress.

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

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

4. Вкладка — Аккордеон, FAQ

Tab, Accordion and FAQ — это плагин WordPress, который позволяет добавлять красивые анимированные вкладки и аккордеоны в WordPress.

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

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

5. Шорткоды Arconix

Arconix Shortcodes — это многоцелевой плагин WordPress, который имеет шорткоды разных стилей для добавления вкладок и аккордеонов на ваш сайт. Он отображает ваш контент в виде гармошки и аккуратно отображается на всех мобильных устройствах.

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

6. Легкий аккордеон

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

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

7. Шорткоды Ultimate

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

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

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

Accordion — плагин для WordPress | WordPress.org

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

Аккордеоны от http://pickplugins.com

Функции плагина

Неограниченное количество аккордеонов и вкладок
С помощью этого плагина вы можете создавать неограниченное количество аккордеонов и вкладок, мы никогда не ограничиваем ваше количество.

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

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

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

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

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

Content Style
Вы можете стилизовать контент «аккордеон» по своему усмотрению, изменив размер шрифта «аккордеон», цвет шрифта, цвет фона, отступы и поля

Стиль контейнера
Вы можете изменить цвет фона контейнера, фоновое изображение, выравнивание текста и отступы.

Редактирование контента
Вы можете создавать аккордеонный контент с помощью WP Editor, вы можете добавлять текст, изображения и другие медиафайлы, такие как видео на YouTube, собственное видео
и т. Д. Раздел может быть сортировкой перетаскиванием. Удалите любой раздел без
загрузки страницы и можете скрыть, не удаляя его во внешнем интерфейсе.

Импортировать данные стороннего плагина
Вы можете импортировать данные аккордеона и вкладок из стороннего источника плагина.

Премиум-функции

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

Щелкните заголовок для прокрутки вверху
Когда пользователь щелкнет заголовок аккордеона, он будет прокручиваться вверх.

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

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

Открыть / Активный аккордеон по URL-адресу Параметр
Вы можете включить активный или открытый аккордеон по параметру url, например: yourdomain.com / accordion-page /? active_index = 83 | 1,2
вы показываете несколько или оставляете открытыми несколько, предоставляя несколько аргументов, например yourdomain.com/accordion-page/?active_index=83|1,2-84|1,3

Открыть / Активный аккордеон по хешу URL
Вы можете включить активный или открытый аккордеон по хешу URL, например: yourdomain.com/accordion-page#headerID

Отслеживание кликов по заголовку и статистика
Вы можете отслеживать клики по заголовку аккордеона.

Фоновое изображение заголовка
Вы можете установить собственное фоновое изображение и цвет для каждого заголовка.

Активная гармошка при загрузке страницы

Вы можете выбрать активный заголовок при загрузке страницы,

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

Вертикальные вкладки
Вы можете отображать вкладки в вертикальном стиле.

2.2.32
  * 2021-04-22 - исправлено - исправлена ​​проблема с выводом HTML
  
2.2,31
  * 2021-04-22 - исправлено - устранена проблема с побегом.
* 2021-04-22 - fix - Исправлена ​​проблема с сохранением HTML.
  
2.2.30
  * 2021-04-21 - исправлено - исправлена ​​проблема с санитарией
  
2.2.29
  * 2021-04-16 - исправлено - исправлена ​​незначительная проблема безопасности
* 2021-04-16 - удалить - удалены ненужные файлы.
  
2.2.28
  * 2021-04-13 - исправлено - исправлена ​​проблема безопасности
  
2.2.27
  * 2020-10-14 - fix - исправлена ​​проблема безопасности
  
2.2,26
  * 2020-06-26 - добавить - Кто может видеть ссылку редактирования
  
2.2.25
  * 2020-06-26 - исправлено - текст счетчика текста заголовка схемы удален.
  
2.2.24
  * 2020-06-17 - fix - Исправлена ​​проблема импорта Ultimate FAQ.
* 2020-06-17 - исправление - Исправлена ​​проблема с адаптивным импортом Accordion And Collapse.
* 2020-06-17 - fix - Исправлена ​​проблема с быстрым и простым импортом часто задаваемых вопросов.
  
2.2.23
  * 2020-06-10 - fix - исправлена ​​незначительная проблема с js. 
2.2.22
  * 2020-06-09 - обновление - обновление протестированной версии WooCommerce.
* 2020-06-09 - add - добавлен атрибут количества элементов аккордеона.
  
2.2.21
  * 2020-05-23 - обновление - Включить автоматическое внедрение по умолчанию на Да
* 2020-05-23 - обновление - Включить шорткод по умолчанию на Да
* 2020-05-23 - обновление - Включить автоматический абзац по умолчанию на Да
  
2.2.20
  * 2020-04-25 - добавить - скрыть схему по разделам.
  
2.2,19
  * 2020-04-25 - исправление - шорткод аккордеона "accordions_pplugins" назад
  
2.2.18
  * 2020-04-22 - исправлено - исправлена ​​проблема с семейством шрифтов заголовка аккордеона.
* 2020-04-22 - fix - Исправлена ​​проблема с семейством шрифтов тела аккордеона.
  
2.2.17
  * 2020-04-18 - исправлено - Оставить расширенные другие исправления.
  
2.2.16
  * 2020-04-16 - исправлено - исправлена ​​проблема с редактором содержимого аккордеона.
  
2.2,15
  * 2020-04-13 - исправление - содержимое схемы преобразует кавычки в символы,
* 2020-04-13 - исправлено - проблема с подсчетом схем исправлена, когда для параметра hide установлено значение true.
* 2020-04-13 - обновление - обновление стиля вкладок по умолчанию
  
2.2.14
  * 2020-04-08 - fix - исправлена ​​ошибка схемы.
* 2020-04-08 - удалить - удалить шорткод из содержимого схемы.
* 2020-04-08 - remove - удалить html из содержимого схемы.
  
2.2.13
  * 2020-04-04 - fix - исправлена ​​незначительная проблема скрипта.* 2020-04-04 - удалить - удалить перенос данных, загрузить старую опцию, если новые опции не сохранены.
* 2020-04-04 - удалить - удалить сброс данных переноса.
* 2020-04-04 - remove - удалить пустой перенос строки из скриптов, чтобы избежать конфликта wpautop.
  
2.2.12
  * 2020-04-01 - исправлено - версия font-awesome по умолчанию установлена ​​на 5+, если не установлена.
* 2020-04-01 - исправление - загрузка старых данных и опция, если миграция данных не завершена.
* 2020-04-01 - fix - Исправлена ​​проблема с кодовым зеркалом.
  
2.2.11
  * 2020-03-19 - исправление - отображение старого содержимого, если перенос данных не завершен
  
2.2.10
  * 2020-03-19 - add - обновление руководства по переносу данных и связанный раздел справки
  
2.2.9
  * 2020-03-18 - update - статус поста переноса данных в любой.
* 2020-03-18 - обновление - импортировать аккордеон любой статус сообщения
* 2020-03-18 - fix - исправлена ​​проблема безопасности при импорте аккордеона.
  
2.2.8
  * 2020-03-18 - fix - исправлена ​​небольшая проблема безопасности. 
2.2.7
  * 2020-03-18 - add - добавлена ​​ссылка на более старую версию плагина в разделе справки.
  
2.2.6
  * 2020-03-17 - fix - Исправлена ​​проблема с удалением вкладки часто задаваемых вопросов продукта WooCommerce.
  
2.2.5
  * 2020-03-17 - add - 20 сторонний плагин для импорта данных аккордеона и вкладок.
  
2.2.4
  * 16-03-2020 - fix - исправлена ​​проблема совместимости с версией font awesome.
* 16-03-2020 - добавлено - импорт данных сторонних аккордеонов и вкладок. 
2.2.3
  * 15-03-2020 - fix - исправлена ​​проблема стиля вкладок.
* 15-03-2020 - add - добавлено выравнивание навигации вкладок по левому и правому краям.
  
2.2.2
  * 13-03-2020 - исправление - добавление нового контента, конфликт со сторонним плагином.
  
2.2.1
  * 13-03-2020 - fix - исправлена ​​незначительная проблема с php
* 13-03-2020 - обновление - подробнее текст обновления
  
2.2.0
  * 13-03-2020 - add - предварительный просмотр аккордеонов на фронтенде.* 13-03-2020 - добавить - возможность включить / отключить шорткод
* 13-03-2020 - добавлено - опция включения / выключения авто-встраивания
* 13-03-2020 - добавлено - опция включения / отключения wpautop
* 13-03-2020 - добавить - возможность включить / отключить схему
* 13-03-2020 - добавить - позиция иконки влево или вправо или нет.
* 13-03-2020 - add - Пользовательский класс для заголовка Accoridon или вкладок navs.
* 13-03-2020 - add - Пользовательский класс для содержимого Accoridon или содержимого вкладок.
* 13-03-2020 - add - Ширина контейнера для разных устройств.
* 13-03-2020 - обновление - улучшенный редактор содержания аккордеона.* 13-03-2020 - объединить - аккордеон и вкладки отображаются под одним и тем же шорткодом при выборе опции.
  
2.1.18
  * 2020-02-07 - fix - Исправлена ​​проблема неработающего стиля вкладки настроек.
  
2.1.17
  * 09.04.2019 - fix - исправлена ​​проблема с семейством шрифтов.
  
2.1.16
  * 22.08.2019 - fix - исправлена ​​проблема с отсутствующим файлом fontawesome.
  
2.1.15
  * 07.07.2019 - исправлено - Исправлена ​​проблема с цветом фона в браузере Internet Explorer. 
2.1.14
  * 22.06.2019 - добавлено - Отображение стороннего шорткода внутри содержимого аккордеона.
* 22.06.2019 - add - опция загрузки файла библиотеки fontawesome версии.
* 22.06.2019 - добавлено - Оптимизация загрузки файлов css и js.
  
2.1.13
  * 31.05.2019 - исправлено - устранена проблема с отсутствием экспорта / импорта js-файла.
  
2.1.12
  * 29.05.2019 - fix - оптимизировать загрузку скриптов и файлов css на админке.
  
2.1,10
  * 21.03.2019 - добавлено - добавлены видеоуроки.
* 21.03.2019 - обновление - обновление редактора контента аккордеона.
* 21.03.2019 - удалить - удалить меню справки и поддержки.
  
2.1.10
  * 02.05.2019 - fix - устранена проблема с js.
  
2.1.9
  * 02.05.2019 - fix - Исправлена ​​проблема с импортом.
  
2.1.8
  * 19.12.2018 - fix - Первая вкладка активна при загрузке для вкладок.
* 19.12.2018 - исправление - Проблема с HTML в заголовке.* 19.12.2018 - fix - Исправлена ​​проблема с переключением значков на вкладках.
  
2.1.7
  * 12.08.2018 - исправлено - исправлена ​​проблема ввода html заголовка аккордеона.
  
2.1.6
  * 11.11.2018 - исправление - удалить дважды загруженную проблему fontawesome
  
2.1.5
  * 29.10.2018 - fix - Исправлена ​​проблема с иконками.
  
2.1.4
  * 28.10.2018 - fix - исправлена ​​ошибка js на странице продукта WooCommerce.
* 28.10.2018 - исправлено - проблема с откликом на странице редактирования аккордеона. 
2.1.3
  * 18.10.2018 - fix - исправлена ​​небольшая ошибка php.
  
2.1.2
  * 10.10.2018 - исправлено - Исправлена ​​проблема с сохранением значка.
  
2.1.1
  * 10.10.2018 - fix - Исправлена ​​небольшая проблема с js.
  
2.1.0
  * 10.08.2018 - обновление - добавлен font-awesome 5.
* 10.08.2018 - обновление - обновлены настройки админа.
* 08.10.2018 - добавлено - предварительный просмотр аккордеона с добавлением адаптива на админке.
* 08.10.2018 - add - добавлено кастомное JS поле.* 08.10.2018 - добавлено - Развернуть все / Свернуть все кнопка добавлена ​​в настройки.
* 08.10.2018 - добавлено - добавлено поле ввода цвета при наведении курсора.
* 08.10.2018 - добавлено - добавлено заполнение заголовка, поле ввода поля.
* 08.10.2018 - добавлено - добавлено заполнение содержимого, поле ввода поля.
* 10.08.2018 - добавлено - Вкладки активируют событие.
* 08.10.2018 - добавлено - вкладка часто задаваемых вопросов по продукту WooCommerce.
* 10.08.2018 - добавлено - Дубликат аккордеона.
  
2.0.23
  * 02.12.2018 - add - Добавлена ​​функция экспорта / импорта Accordion
  
2.0,22
  * 02.12.2018 - fix - Исправлена ​​проблема конфликта CSS на вкладках редактирования accoridon.
  
2.0.21
  * 24.10.2017 - добавлено - Поддержка обновления ссылки.
  
2.0.20
  * 23.10.2017 - доп - Добавлен испанский перевод.
  
2.0.19
  * 16.10.2017 - добавлено - Перевод готов.


* 31.05.2017 - add - Добавлен фильтр для значка минуса по умолчанию.
* 31.05.2017 - обновление - обновлен метод добавления значков.
  
2.0,17
  * 03.10.2017 - fix - Недавно добавленная проблема сортировки аккордеона.
  
2.0.16
  * 03.10.2017 - add - Добавлен лишний шорткод во избежание конфликта.
  
2.0.15
  * 03.07.2017 - обновление - Обновление значка сортировки контента.
* 03.07.2017 - обновление - Обновление значка разворачивания / сворачивания контента.
* 03.07.2017 - обновление - Обновление значка удаления контента.
* 03.07.2017 - обновление - добавлена ​​ссылка на документацию на странице справки.
  
2.0.14
  * 29.11.2016 - fix - исправлена ​​ошибка скриптов.
  
2.0.13
  * 08.12.2016 - fix - исправлена ​​проблема с кавычками в заголовке аккордеона.
  
2.0.12
  * 08.01.2016 - исправлено - сообщение заголовка аккордеона на неанглийском языке.
  
2.0.11
  * 27.07.2016 - fix - исправлена ​​ошибка tinyMCE.
  
2.0.10
  * 26.07.2016 - добавление - tinyMCE Editor при добавлении нового аккоридона
  
2.0,9
  * 21.07.2016 - добавлено - добавлен фильтр для работы в сайдбаре.
  
2.0.8
  * 05.06.2016 - обновление - добавлена ​​последняя версия font aswesome.
* 05.06.2016 - обновление - минимизирован jquery-ui и добавлена ​​последняя версия.
  
2.0.7
  * 18.04.2016 - обновление - обновление мелких проблем.
  
2.0.6
  * 19.03.2016 - обновление - обновление правильной версии шрифта.
  
2.0.5
  * 25.02.2016 - fix - исправлена ​​первая открытая проблема по умолчанию для аккордеона. 
2.0.4
  * 25.02.2016 добавлены дополнительные функции.
* 25.02.2016 add - Контейнерное выравнивание текста, отступы, цвет фона, фоновое изображение.
  
2.0.3
  * 02.03.2016 fix - исправлена ​​проблема со значком jquery-ui.
  
2.0.2
  * 25.01.2016 fix - исправлена ​​проблема с сортировкой содержимого и конфликтом в редакторе WP.
  
2.0.1
  * Исправление 25.01.2016 - исправлена ​​небольшая проблема.
  
2.0.0
  * Дополнение 25.01.2016 - шрифт офигенных иконок.* 25.01.2016 добавлено - Пользовательское заполнение контейнера.
* 25.01.2016 добавлено - Пользовательский цвет фона контейнера.
* 25.01.2016 add - Добавлена ​​новая тема.
* 25.01.2016 add - Добавлена ​​сворачиваемая опция.
* 25.01.2016 add - добавлена ​​опция heightStyle.
  
1,10
  * 19.01.2016 - обновление - Мелкая опция udpate.
  
1,9
  * 12.11.2015 - fix - Исправлена ​​проблема с шорткодом.
  
1,8
  * 23.11.2015 - добавлено - изменен интерфейс администратора.
* 23.11.2015 - fix - исправлена ​​небольшая проблема с php. 
1,7
  * 09.11.2015 - добавлено - исправлена ​​проблема с ssl.
* 09.11.2015 - доп - гармошка разборная.
  
1,6
  * 14.08.2015 - добавлено - перекодирование и сделано ООП.
* 14.08.2015 - добавлено - Скрыть любой раздел аккордеона.
* 14.08.2015 - добавлено - Custom CSS box.
  
1,5
  * 06.09.2015 - fix - исправлена ​​проблема с форматированием контента и добавлен wpautop ().
  
1,4
  * 06.09.2015 - fix - Исправлена ​​ширина кнопки редактора WP. 
1,3
  * 22.05.2015 - обновление - обновление пользовательского интерфейса для админской контентной части.
* 22.05.2015 - добавлено - WP Editor для Accordion Content.
  
1,2
  * 11.12.2014 исправлена ​​проблема с цветом содержимого и размером шрифта.
  
1,1
  * 17.11.2014 добавить подтверждение перед удалением содержимого аккордеона.
* 17.11.2014 Обновите страницу справки.
* 17.11.2014 исправлена ​​незначительная ошибка js.
  
1,0
  * 27.10.2014 г. Первый выпуск. 

6 лучших плагинов WordPress Accordion для часто задаваемых вопросов и прочего (2020)

Ищете лучшие плагины WordPress Accordion?

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

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

Шесть лучших плагинов для аккордеона для WordPress

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

1.Аккордеон

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

Основные характеристики
  • Неограниченное количество аккордеонов и вкладок
  • Отображение в любом месте с помощью шорткода
  • Ленивая загрузка для скорости страницы
  • Адаптивные аккордеоны
  • Вертикальные вкладки (премиум)
  • Пользовательские значки
  • Несколько стилей заголовков / содержимого
  • Импорт данных сторонних плагинов
  • Статистика кликов по заголовку (премиум)
  • Совместимость с редактором блоков WordPress и WooCommerce
Окончательный вердикт по Accordion

В целом Accordion — надежный, простой и бесплатный вариант.Это дает вам возможность выбирать из аккордеонов или вкладок. Вы можете легко полностью настроить аккордеон. Создав свои аккордеоны, просто нажмите «Опубликовать» и используйте шорткод везде, где хотите их добавить.

2. Легкий аккордеон

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

Основные характеристики
  • Легкий конструктор аккордеонов
  • Эффект щелчка или наведения мыши
  • Готов к переводу
  • Поддержка нескольких сайтов
  • Оптимизация для SEO
  • Кроссбраузерная поддержка
  • Поддержка колесика мыши
  • Развернуть / свернуть стили значков
  • Навигация с помощью клавиатуры поддержка
  • Расширенный генератор коротких кодов (премиум)
  • Адаптивный и удобный для мобильных устройств
Окончательный вердикт по Easy Accordion

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

3. FAQ по аккордеону

Accordion FAQ — это бесплатный конструктор аккордеонов FAQ, который пригодится вашим партнерским сайтам Amazon, блогам и другим сайтам, на которых вы размещаете подробные руководства. Наряду с широкими вариантами цвета у вас будет отличный настройщик в разделе плагинов WordPress. Поскольку он был встроен в Bootstrap, этот плагин предлагает быстрый рендеринг.Accordion FAQ — это замечательный плагин для аккордеона WordPress с интерактивным и простым в использовании интерфейсом.

Основные характеристики
  • Отзывчивый и удобный для мобильных устройств дизайн
  • API-интерфейс Drag-and-drop Builder
  • Неограниченное количество аккордеонов
  • Неограниченные параметры цвета
  • Фреймворк Bootstrap
  • Font Awesome icons
  • Несколько расширенных настраиваемых полей
  • Совместимость со всеми браузерами
  • Совместимость со всеми браузерами 907 рабочий процесс (оплачивается)
Окончательный вердикт по Accordion FAQ

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

4. Окончательные блоки

Ultimate Blocks — это гораздо больше, чем просто плагин для аккордеона WordPress — это набор новых блоков для редактора блоков WordPress. Однако одним из этих блоков является блок-гармошка (называемый Content Toggle). С помощью этого блока вы можете настроить разделы аккордеона прямо из собственного интерфейса редактора блоков.

Основные характеристики
  • Красивые аккордеоны
  • Работа в собственном редакторе блоков
  • Блоки содержимого с вкладками
  • Переключатель настраиваемого содержимого
  • Простота использования
  • Более 20 новых блоков для редактора блоков
  • Более 20000 активных установок
  • Регулярно обновляется
  • Страница макет блоков
Окончательный вердикт по Ultimate Blocks

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

5. Шорткоды Ultimate

Shortcodes Ultimate — еще одна уникальная опция в нашем списке плагинов для аккордеона WordPress. Он предлагает набор визуальных и функциональных элементов, которые вы можете использовать для добавления элементов как через блочные, так и через классические редакторы, виджеты или любые другие средства.Кроме того, для дополнительных функций, таких как планировщик, буквицы, заметки, фиктивные изображения и т. Д., Вам не нужно писать длинный код.

Основные характеристики
  • Простые аккордеоны
  • Дизайн с быстрой загрузкой
  • Адаптивный
  • Совместимость с редактором блоков
  • Готовность к переводу
  • Документация для начинающих
  • Поддержка RTL
  • Предварительный просмотр в реальном времени
  • 50+ красивых шорткодов 66
на шорткодах Ultimate

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

6. Элемент

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

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

Основные характеристики
  • Полностью настраиваемый аккордеон
  • Эффекты движения
  • Визуальный конструктор страниц
  • Редактирование с перетаскиванием
  • Простота сборки
  • 40+ бесплатных виджетов
  • Пользовательские шрифты и значки
  • Совместимость с WooCommerce
  • Мощная поддержка Пользовательский CSS
  • Полностью отзывчивый
Окончательный вердикт по Elementor

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

Какой лучший аккордеон WordPress?

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

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

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

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

У вас еще есть вопросы об этих плагинах аккордеона для WordPress? Задайте нам вопрос в комментариях!

Бесплатный гид

5 основных советов по ускорению работы вашего сайта на WordPress


Сократите время загрузки даже на 50-80%

, просто следуя простым советам.

Сравнение 9 лучших плагинов WordPress Accordion (платных и бесплатных)

Хотите лучшие плагины для аккордеона для WordPress?

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

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

Что такое аккордеон?

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

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

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

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

Лучшие плагины для WordPress Accordion

1. Аккордеон

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

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

2. Шорткоды Ultimate

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

Он поставляется с настраиваемым виджетом, который упрощает отображение аккордеонов на боковой панели или в других областях виджетов. Это бесплатный плагин, который отлично работает со всеми самыми популярными плагинами WordPress.

3. Столы-гармошки

Accordion Tables — это премиальный плагин для аккордеона для WordPress. Он поставляется с 30 стильными предустановками, позволяющими легко создавать аккордеоны для вашего профиля, списков, продуктов, событий, заметок, часто задаваемых вопросов, отзывов и многого другого.

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

4. Аккордеонные блоки

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

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

5. Окончательные блоки

Ultimate Blocks — важный плагин для редактора Gutenberg, который имеет более 15 настраиваемых блоков. Один из блоков — Content Toggle (Accordion). Он позволяет с легкостью добавить аккордеон к любому сообщению или странице.

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

6. Легкий аккордеон

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

У

Easy Accordion есть платная версия, которая предлагает больше опций, таких как цветовые темы, шорткоды и многое другое.Это также позволяет вам создавать вкладки аккордеона из ваших категорий и других настраиваемых таксономий.

7. Вкладка — Аккордеон, FAQ

Tab — Accordion and FAQ — бесплатный плагин для аккордеона для WordPress. Он имеет горизонтальные и вертикальные вкладки-гармошки с адаптивным макетом. Он поставляется с анимированными аккордеонами, чтобы привлекать пользователей и вовлекать их на вашем сайте.

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

8. FAQ по аккордеону

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

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

9. Шорткоды Arconix

Arconix Shortcodes — это плагин для аккордеона WordPress с потрясающими функциями и возможностями. Он использует короткие коды для отображения вкладок аккордеона. Это полностью адаптивный и удобный для начинающих плагин.

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

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

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

10 лучших плагинов Accordion для WordPress (2021) — WPLeaders

Вы видели эти потрясающие складные разделы на сайтах, которые расширяются после нажатия, и вы видите, что текст / изображение появляются сразу же, и это похоже на волшебство?

Это называется Accordion .Это добавляет дополнительный штрих профессионализма к вашему сообщению / странице и улучшает взаимодействие с пользователем на вашем сайте.

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

А когда дело доходит до выбора плагина для аккордеона, доступны десятки вариантов.

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

Лучшие плагины Accordion для WordPress

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

Перейдем к первому варианту.

Easy Accordion — популярный плагин для аккордеона, который помогает создавать адаптивные аккордеоны с перетаскиванием и легко добавлять их на страницу с возможностью настройки множества вещей. Он создан командой ShapedPlugin и доступен бесплатно в каталоге плагинов WordPress.

Вот некоторые особенности этого плагина:

  • WP Classic Editor для содержания аккордеона. (WYSIWYG)
  • Перетащите аккордеоны, чтобы отсортировать их.
  • Настройте активацию для ответа на щелчок мышью или наведение курсора.
  • Простая настройка режима загрузки страницы: первая открытая, вся открытая или все свернутые.
  • Легко настройте границу, цвет фона заголовка, поля, цвет фона и многое другое.
  • Измените стиль по своему усмотрению с неограниченными возможностями.

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

Вот пример того, как могут выглядеть аккордеоны:

Что нужно знать перед выбором подключаемого модуля :

  • Отличный вариант для размышлений. Получите версию PRO, если вам нужна поддержка их команды и доступ к их 16 шаблонам. В остальном бесплатная версия великолепна.
  • Профессиональная версия стоит 29 долларов.

Ultimate Blocks — это плагин блоков Гутенберга, который имеет более 15 настраиваемых блоков. Наряду с переключателем содержимого (аккордеон) он предлагает некоторые полезные блоки, такие как содержимое с вкладками, оглавление, призыв к действию, отзывы, щелчок для твита, обратный отсчет, слайдер изображения, кнопка и многое другое.

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

Вот несколько функций этого плагина:

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

Вот живой пример того, как выглядит аккордеон, созданный с помощью этого плагина:

Могу ли я использовать Ultimate Blocks в классическом редакторе?

Нет, этот плагин предназначен только для нового редактора блоков WordPress (редактор Gutenberg).

Да, это бесплатно.Вы можете скачать его с WordPress.org.

Разрешает ли этот плагин вложенный блок?

Да, вы можете вставить другие блоки внутрь блока аккордеона.

Поддерживает ли он схему часто задаваемых вопросов?

Да, есть возможность включить FAQ для аккордеонов.

Что нужно знать перед тем, как выбрать этот плагин

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


Это красиво оформленный плагин для часто задаваемых вопросов, разработанный Hero Themes. Плагин имеет очень интуитивно понятный интерфейс с редактором перетаскивания, который упрощает создание FAQ.

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

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

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

Вот некоторые особенности этого плагина:

  • Интерфейс перетаскивания
  • Добавление изображений / видео в ответы на часто задаваемые вопросы
  • 5 предустановленных стилей часто задаваемых вопросов
  • Пользовательский заказ часто задаваемых вопросов
  • Мобильная версия
  • Анимация CSS3
  • Готова к переводу

Вот пример того, как выглядят аккордеоны с использованием этого плагина:

Что нужно знать перед выбором подключаемого модуля

  • Если говорить о простоте и удобстве использования, это один из лучших плагинов WordPress для часто задаваемых вопросов.
  • Интерфейс перетаскивания упрощает создание ответов на часто задаваемые вопросы.
  • Если вы хотите, чтобы ваши ответы на часто задаваемые вопросы выглядели привлекательно, вам понравится этот плагин, поскольку он имеет 5 предустановленных стилей, и все они выглядят великолепно.
  • Однако плагин не является бесплатным. Лицензия на один сайт этого плагина стоит 49 долларов и включает в себя 1 год обновлений и поддержки.
  • Вы также можете получить лицензию на плагин с 3 или 5 сайтами.

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

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

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

Существует также премиум-функция, которая дает вам доступ к таким функциям, как:

  • Шорткоды поддерживают прямое использование внутри содержимого аккордеона.
  • Легко создаваемый многоуровневый вложенный аккордеон.
  • Активировать при наведении курсора мыши.
  • Функция отложенной загрузки доступна для загрузки после загрузки страницы и дает вашему сайту более высокую скорость ранжирования.
  • Легко редактируйте пользовательские отступы и поля заголовка и содержимого.
  • Также можно создавать вертикальные вкладки.

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

Что нужно знать перед тем, как выбрать этот плагин

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


5. Легкий аккордеон

Lightweight Accordion добавляет складной аккордеон на ваш сайт с небольшим размером кода. Используя HTML-тег деталей и небольшой (необязательный) CSS-файл, плагин создает аккордеон без Javascript для максимальной производительности.

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

Вот пример того, как будет выглядеть аккордеон —

Что нужно знать перед выбором подключаемого модуля

  • Это бесплатный плагин, который работает как с классическим редактором, так и с редактором блоков. И он очень легкий.
  • Он также предлагает схему часто задаваемых вопросов

Созданный командой WP Shopmart, Accordion FAQ — еще один замечательный плагин, специально разработанный для часто задаваемых вопросов.Он доступен бесплатно в каталоге плагинов WordPress.

Вы можете создать аккордеон в бэкэнде, а затем просто добавить его на страницу с помощью шорткода.

Вот некоторые особенности этого плагина:

  • Конструктор Drag-and-Drop с интеграцией API.
  • Легко сортируйте элементы с помощью функции перетаскивания.
  • Простое добавление содержимого в поля ввода.
  • Легко меняйте цвет на любой, какой захотите.
  • Скрыть все гармошки при загрузке страницы или отобразить все параметры.

Существует также профессиональная версия с такими функциями, как:

  • 8 шаблонов дизайна уже доступны для использования.
  • Более 30 анимаций контента.
  • 4 типа наложения фона.
  • На парящем аккордеоне.
  • Возможность простого предварительного просмотра ваших предметов.

Вот пример того, как будет выглядеть ваш аккордеон:

Что нужно знать перед выбором подключаемого модуля

  • Это отличный плагин. Вы можете использовать бесплатную версию, если не возражаете против дополнительных функций дизайна, которые вы получаете в PRO-версии, например, при наведении курсора.
  • Если вы хотите, чтобы версия PRO использовалась на 1 сайте в течение 6 месяцев, вы можете получить первый план за 9 долларов. Бизнес-план премиум-класса стоит 27 долларов и может использоваться на неограниченном количестве сайтов в течение всей жизни.

Это еще один отличный плагин для аккордеона для WordPress. Этот плагин, разработанный SevenSpark, позволяет создать красивый и полностью адаптивный аккордеон для вашего веб-сайта.

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

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

Вот некоторые ключевые особенности этого плагина:

  • 3 скина Accordion
  • Полностью адаптивный
  • Добавление изображений, значков и настраиваемого содержимого к аккордеонам
  • Интеграция коротких кодов
  • Интеграция виджетов
  • Несколько подуровневых меню в Accordions

Вот пример аккордеона, созданного с помощью этого плагина:

Что нужно знать перед тем, как выбрать этот плагин

  • Если вы ищете плагин для аккордеона с возможностью создания уровней подменю, этот вариант — идеальный вариант.
  • Плагин поставляется бесплатно, но также имеет премиум-версию с большим количеством функций.
  • Возможность добавлять пользовательский контент к аккордеонам доступна только в премиум-версии плагина.
  • Премиум-версия плагина стоит 15 долларов за лицензию на один сайт. Вы также можете получить лицензию на 5 или 25 сайтов.

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

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

Вот некоторые особенности этого плагина:

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

В версии Pro вы также получаете больше функций, например:

  • Случайные эффекты.
  • Анимации перехода контента, такие как отскок вниз, отскок влево, переворот по горизонтали и многое другое.
  • Настройте размер и цвет шрифта заголовка.
  • Настройте цвет фона заголовка.
  • Пользовательские эффекты наведения и активные эффекты.
  • Поддержка команды.
  • И многое другое.

Вот пример того, как могут отображаться аккордеоны с помощью этого плагина:

Что нужно знать перед выбором подключаемого модуля

  • Это один из тех плагинов, который создан для людей, которые хотят иметь множество опций на выбор, которые имеют возможность настраивать все.Это не для всех, но если вам это нравится, то стоит подумать об этом плагине.
  • Если вы хотите иметь еще больше возможностей, версия Pro создана для вас. Вам понравится играть с анимацией перехода контента.
  • И его использование на 1 сайте стоит всего 10 долларов с 6 месяцами поддержки и обновлений.
  • Лицензию разработчика можно использовать на неограниченном количестве сайтов с 1 годом поддержки и обновлений.

Shortcodes Ultimate — еще один из тех совершенных плагинов, которые могут помочь вам во многих вещах, включая возможность добавлять аккордеоны, но это гораздо больше.Он создан Владимиром Анохиным и доступен бесплатно в каталоге плагинов WordPress.

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

Вот некоторые особенности этого плагина:

  • Уже вставлено более 50 коротких кодов.
  • Добавьте шорткод одним щелчком мыши.
  • Может также использоваться с Gutenberg.
  • Используйте собственный редактор CSS для редактирования дизайна.
  • Можно приобрести дополнительные надстройки, чтобы получить больше возможностей для добавления к этому подключаемому модулю.

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

Что нужно знать перед выбором подключаемого модуля

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

Как следует из названия, это надстройка для Elementor. Это самый популярный плагин надстроек Elementor, который насчитывает более 200 тысяч активных установок. В нем более 60 виджетов.

Он предлагает два виджета аккордеона — Advanced Accordion и Image Accordion.

Advanced Accordion позволяет отображать текстовое содержимое как на аккордеоне, так и в режиме переключения.Image Accordion имеет опции как при наведении, так и при щелчке.

Вот как выглядит Advanced Accordion:

Что нужно знать перед тем, как выбрать этот плагин

  • Для использования этого плагина у вас должен быть установлен Elementor.
  • Это плагин freemium. Это означает, что вы можете бесплатно скачать его с WordPress.org. Премиум-версия стоит от 29,97 долларов за один сайт.

Заключение: какой плагин Accordion вам подходит?

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

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

То же самое можно сказать и о Ultimate Blocks, если вы используете Gutenberg и хотите, чтобы больше блоков редактировали ваш контент по мере необходимости.

Shortcodes Ultimate — еще один вариант, в котором есть аккордеоны с другими опциями для редактирования вашего контента.Так что, если он у вас уже есть, не беспокойтесь о других вариантах.

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

Если вам нужен плагин с богатым набором функций, обратите внимание на Tab-accordion. Если вам нужен простой в использовании плагин, можно использовать бесплатный плагин Accordion вместе с шорткодами Accordion.

Скажите, какой из них вы выбираете и почему.🙂

Адаптивный плагин Accordion для WordPress

Responsive Accordion Plugin For WordPress — это настраиваемый конструктор аккордеонов для вашей веб-страницы. Вы можете добавить неограниченное количество аккордеонов и свернуть неограниченное количество цветов. Адаптивный аккордеон также поддерживает Font Awesome Icon. Вы можете легко отсортировать позицию аккордеона с помощью бэкэнда. Отзывчивый аккордеон — это встроенный бутстрап.

Проверить демоверсию Скачать бесплатно

Функции плагина

  • Адаптивный дизайн
  • Accordion отзывчив и дружелюбен к любым мобильным устройствам
  • Безграничный аккордеон в любом месте темы
  • Интегрированный Api построителя перетаскивания.
  • Элементы, перемещаемые гармошкой для удобной сортировки
  • Использование через короткие коды
  • Отличное поле ввода для содержания аккордеонов
  • Неограниченный цветовой выбор
  • На основе фреймворка Bootstrap
  • Меньше для быстрой настройки
  • Поддержка Font Awesome Icon
  • Font Awesome Icon Picker интегрирован
  • Два разных стиля Интегрированы
  • Скрыть все Accordion при загрузке страницы или отобразить все
  • Gulp для мгновенного рабочего процесса
  • Оптимизировано для удобства пользователей
  • Удобный интерфейс и внутренний интерфейс
  • Добавление и удаление элемента аккордеона из серверной части
  • Доступно несколько дополнительных настраиваемых полей
  • Совместимость со всеми браузерами

Основные характеристики
Адаптивный дизайн

Responsive Accordion совместим со всеми мобильными устройствами, имеет адаптивный дизайн и совместим с браузером.

API перетаскивания

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

.
Эффект переключения / сворачивания

Responsive Accordion интегрирован с эффектом переключения или сворачивания, поэтому вы можете одновременно открывать один или несколько аккордеонов.

Неограниченный шорткод

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

Кодирование не требуется Плагин

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

Это работает с вашей темой

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

лучших плагинов для WordPress Accordion | Двигатель WP

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

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

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

Зачем использовать плагины Accordion?

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

Фактически, часть веб-сайта с часто задаваемыми вопросами (FAQ) часто отображается в стиле аккордеона. Вопросы представлены в виде краткого списка с текстом ответов для каждого, скрытым на панелях аккордеона.Это упрощает пользователям поиск нужных вопросов без необходимости бесконечно прокручивать ненужный контент.

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

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

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

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

1. Аккордеон

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

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

2. Вкладки

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

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

3. FAQ по аккордеону

Accordion FAQ создан и поддерживается создателями вкладок. Это означает, что у вас будет такой же отличный пользовательский интерфейс, о котором мы говорили выше. Добавить контент аккордеона легко из панели администратора вашего веб-сайта, и вы также можете выбирать из неограниченного количества вариантов цвета.

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

4. Max Mega Menu

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

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

5. Окончательные блоки

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

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

Лучшие платные плагины для аккордеонов

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

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

1. Столики-гармошки

Плагин Accordion Tables позволяет создавать контент для предварительного просмотра веб-сайта в реальном времени. За 15 долларов вы получите 30 предустановленных стилей, которые можно легко настроить под свой сайт. Кроме того, этот плагин прост в использовании и не требует каких-либо ноу-хау в области программирования.

Еще одно преимущество Accordion Tables заключается в том, что вы можете добавлять столько столбцов и строк, сколько вам нужно для отображения содержимого. Кроме того, вы можете просматривать и добавлять значки Font Awesome к своим аккордеонам прямо с панели редактирования.

2. Слайдер-гармошка

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

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

3. Аккордеон категории WooCommerce

И последнее, но не менее важное: этот плагин предоставляет полезное расширение для пользователей WooCommerce. Аккордеон категорий WooCommerce позволяет добавлять информацию о категории WooCommerce на панели аккордеона для создания более динамичного отображения.

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

Найдите отличные ресурсы с WP Engine

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

Здесь, в WP Engine, мы стремимся помочь пользователям WordPress создать невероятный цифровой опыт для своих клиентов. Мы не только хотим, чтобы у вас был доступ к лучшим доступным ресурсам для разработчиков, мы также предлагаем планы хостинга и решения для сайтов для всех уровней пользователей и потребностей!

.

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

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