Introduction

Easy Accordion Pro allows you to add multiple accordions in your WordPress website. It can be in posts, pages, sidebars or anywhere of your site you want to show. There is no limit to what you can do with Easy Accordion Pro. Anyone can set up the marvelous accordion(s) for their websites without any prior coding knowledge. Unlimited colors and attractive designs make the plugin complete unique and a MUST-BUY for everyone who wants to create a website with beautiful accordions.

Getting Started

System Requirements

To get the best experience of this plugin, we recommend the followings–

  1. PHP 5.6 or later
  2. MySQL 5.6 or later
  3. WordPress 4.4.1 or later

To be sure about the above requirements contact your hosting vendor.

Installation

Suppose you have installed WordPress. If you do not know how to install WordPress contact your hosting provider or see the document https://codex.wordpress.org/Installing_WordPress .

  1. Login to the admin panel of WordPress
  2. Navigate to the to Plugins → Add New → Upload File. Click Choose File and select the zipped file named easy-accordion-pro. Click Install Now. When done, click Activate Plugin.
  3. After activating the Easy Accordion Pro plugin, you are ready to add Accordion in your post, page, widget or anywhere you like.
Accordion Creation

An accordion can be created in two ways. Let's begin–

1. Accordion form shortcode

Go to page > Add New. On the editor, you will see a dropdown called "EAP Shortcodes", click here. Then click on the first menu called "Accordion form shortcode". In your post editor, you will see a shortcode like–

[eaccordion id="01"] [eitems title="Your Title here ..." text="Your Text here ..."] [eitems title="Your Title here ..." text="Your Text here ..."] [eitems title="Your Title here ..." text="Your Text here ..."][/eaccordion]

eaccordion is a wrapper shortcode for the accordion item. You have to use this shortcode before & after accordion items shortcodes.You must use different id if you are planning to use multiple accordions on the same page.

eitems is a shortcode for each accordion item. This shortcode has two attributes. The title attribute is for accordion title & text is for accordion text. You can add your text as your wish. You can use multiple items in your accordion. Just you have to increase eitems shortcode.

 

2. Accordion form posts of custom post

If you want to insert accordion form post, Add some post in Accordion items > Add New. Then use this shortcode:

[wap_items id="02"]

Now save your page, then visit the newly created page & see something awesome. :)

Shortcodes

Accordion from shortcode

[eaccordion id="01"] [eitems title="Your Title here ..." text="Your Text here ..."] [eitems title="Your Title here ..." text="Your Text here ..."] [eitems title="Your Title here ..." text="Your Text here ..."][/eaccordion]
No. Attribute Default value options Description
1  id 01  use your ID eg: 01 or 02 If you want to show multiple accordion on a page, you need use different ID eg: id="01" and id="02"
2  single  true  true / false  Keep open single item or multiple items of the accordion.
3  effect  slide  slide / fade  Set accordion animation type .
5  speed  200  number  Accordion open speed in millisecond.
6  scroll  false  true / false  Scroll with accordion slide.
7  theme  false  ea_one / ea_two / ea_three  Use any one of the themes.
8  color  #666  color code  Header icon background color.
9  selfclose  false  true / false  Close on click outside.

Accordion from posts of custom post

[wap_items id="02"]
No. Attribute Default value options Description
1  id 01  use your ID eg: 01 or 02 If you want to show multiple accordion on a page, you need use different ID eg: id="01" and id="02"
2  single  true  true / false  Keep open single item or multiple items of the accordion.
3  effect  slide  slide / fade  Set accordion animation type .
5  speed  200  number  Accordion open speed in millisecond.
6  scroll  false  true / false  Scroll with accordion slide.
7  theme  false  ea_one / ea_two / ea_three  Use any one of the themes.
8  color  #666  color code  Header icon background color.
9  selfclose  false  true / false  Close on click outside.
Conclusion

If you have any idea or suggestion to improve this plugin, please write us here. And, Don't get any help from above documentation? don't hesitate to post your query/issue in our instant Support Forum. Thank you!