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

Привет! Сегодня я покажу вам Супер полезный плагин 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, смотри Здесь!

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

info-effect.ru

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 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.

Simply works, beautiful layout, perfect.

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

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

ru.wordpress.org

Accordion – WordPress plugin | WordPress.org

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 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.

Simply works, beautiful layout, perfect.

“Accordion” is open source software. The following people have contributed to this plugin.

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

wordpress.org

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

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

Плагин

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

beloweb.ru

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

Thanks for visit our plugin. Need an awesome accordion FAq plugin then this is it. Responsive Accordion is has buildup with excellent accordion FAq builder for wordpress. You can add unlimited accordion and collapse with unlimited color.You can easy sort your accordion position using backend. Responsive Accordion is built-in bootstrap.

Responsive Accordion Shortcode

[WPSM_AC id=xx]

Here xx is your accordion shortcode id.

Check Demo

Features Of Plugin

• Responsive Design
• Accordion is responsive and friendly to any mobile devices
• Limitless accordion anywhere in the theme
• Drag and Drop builder Api integrated.
• Draggable accordion items for easy sorting
• Use via short-codes
• Awesome input field for accordions content
• Unlimited colour option
• Bootstrap framework based
• Less for quick customization
• Font Awesome Icon Support
• Font Awesome Icon Picker Integrated
• Two different styles Integrated
• Hide All Accordion on page load or display all
• Gulp for instant workflow
• Highly customized for User Experience
• Slick Frontend and backend UI
• Add and remove accordion item from backend.
• Multiple Advanced Custom Field Available
• All browser compatible

CHECK SIMILAR PLUGINS BY WPSHOPMART

Accordion Pro Features

• Responsive Design
• 8 Design Templates
• 500+ Google Fonts
• 12 open/Close Icons Set
• 30+ Content Animation
• 4 types of background Overlay
• On Hover Accordion
• Preview Option
• Widget Option
• Limitless accordion anywhere in the theme
• Drag and Drop builder Api integrated.
• Draggable accordion items for easy sorting
• Use via short-codes
• Awesome input field for accordions content
• Unlimited colour option
• Bootstrap framework based
• Less for quick customization
• Font Awesome Icon Support
• Border Color Customization
• Font Awesome Icon Picker Integrated
• Two different styles Integrated
• Hide All Accordion on page load or display all
• Gulp for instant workflow
• Highly customized for User Experience
• Slick Frontend and backend UI
• Add and remove accordion item from backend.
• Multiple Advanced Custom Field Available
• All browser compatible

Check Demos

Гибкий дизайн

Responsive Accordion is all mobile device compatible, it’s design is responsive and browser compatible.

Drag And Drop Api

You can create or add multiple accordion with plugin drag and drop feature. If you change position of accordion so just drag it and then drop that place where you want to show it. It’s a simplest drag n drop accordion builder in wordpress

Toggle/Collapse Effect

Responsive Accordion is integrated with toggle or collapse effect so you can open one or more accordion at a same time.

Unlimited Shortcode

Here you can create unlimited accordion group with unlimited shortcode. So using shortcode you can display your accordion on multiple page and post.

No Coding Required

Plugin so easy UI is user friendly, just add new accordion and then easily publish it.

It’s works With Your Theme

We have tested on with multiple themes, and work on every themes. So design is very clean and works with youe theme as well.

Переводчики

Please contribute to translate our plugin. Contact at wpshopmart(at)gmail(dot)com.

1. Upload the entire responsive-accordion-and-collapse folder to the /wp-content/plugins/ directory.
2. Активируйте плагин на странице «Плагины» в панели управления WordPress.
3. Go to Responsive Accordion menu to customize your Responsive Accordion plugin.
4. Copy your publish accordion shortcode and then paste into your page or post to display your accordion

Please use WordPress support forum to ask any query regarding any issue.

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