Ready to blow your mind? Quix 4 launching ⇝

ThemeXpert Blog

Free Shorcode Accordion Builder for WordPress - Meet Xpert Accordion

Free  Shorcode Accordion Builder for WordPress - Meet Xpert Accordion
Parvez Akther

3 mins

Guys it has a long since to post blogs, You might know the reason behind. As you know at the beginning of this year, our CEO published a blog post titled 2014 Year In Review for ThemeXpert. There he mentioned all our plans for 2015. Yes, we all are at ThemeXpert HQ running for the goal. A team is making DigiCom, another team is preparing for WordPress and Joomla template. And one more team is working for Joomla and WordPress plugin. Today I am here with great announcement. We are going to release an interactive shortcode WordPress accordion builder, XpertAccordion and it's absolutely FREE.

XpertAccordion is a highly customizable shortcode accordion builder for WordPress. A user can generate unlimited accordion sets anywhere in posts and pages with artistic UI. The XpertAccordion plugin comes with bundle of opportunity such easy style switching, shorting and many more awesome features. The plugin builds with ThemeXpert's own prefixes to avoid CSS conflict with other vendor plugins. Have a look on the plugin feature.

Key Feature

  • Xpert Accordion is responsive and friendly to any mobile devices
  • Limitless accordion anywhere in the theme
  • Use via short-codes
  • Numerous preset styles
  • Draggable accordion items for easy sorting
  • Live accordion header change
  • Selectable icon for accordion titles
  • Live icon change with each selection
  • Awesome input field for accordions content.
  • Bootstrap framework.
  • Less for quick customization
  • Gulp for instant workflow
  • Highly customized for User Experience
  • Slick Frontend and backend UI
  • Form Validation with color changes
  • Add and remove accordion item from backend.
  • Font Awesome Icon Support

Installation and Usage

The plugin is easy to install. It can the same process as the other. Have a look in the steps

Step 01

When you successfully instaled the plugin, it’ll add a button call XpertAccordion right to the Media Button in the WordPress admin panel. Have a look in the image below.


Step 02

The placement of the button could be different when your WordPress site is loaded with other plugins. One Click on the button the following screen appears


Step 03

With the select style dropdown you can switch between the predefined styles for you accordion. When you click on Add New button it will start adding accordion items for. You can all add icons for your items header from the search accordion drop down. When you have done with adding items for your accordion list. Click submit and the following screen comes up.


Step 04

If you want to update the items you can do it from screen above. Have a look on the short code structure.

[xa_acc style="xa-default" ]
[xa_slide title="Accordion Title 01" icon="Select Icon---"]Content[/xa_slide]
[xa_slide title="Accordion Title 02" icon="Select Icon---"]Content[/xa_slide]
[xa_slide title="Accordion Title 03" icon="Select Icon---"]Content[/xa_slide]

Though don't need to understand short code by yourself, Xpert Accordion will generate for you. If you want to update your accordion set manually. It takes three parameters to change accordion title, style and title icons.

Styles parameters:

If you don't select any style for your accordion set. It will give you xa-default style. If you change your accordion style. Just pass the following parameters for the custom styles.

  1. xa-default
  2. xa-style1
  3. xa-style2
  4. xa-red
  5. xa-blue
  6.  xa-red
  7. xa-yellow



Icon Parameters

You don't need to touch shortcode parameter for title icons if you select them correctly while creating items. If you want to update them. Just add the icon name. Xpert accordion supports FontAwesome icons. FontAwesome come with fa fa` prefix with each individual icon. Xpert accordion will add the prefix automatically for you. You need only pass the icon name. .



Title Parameter

Title parameter will add the title for your accordion items header. You want to update or change the title just update the text form the title parameters.


title=”Updated Title”

Step 05

When you are done with setting, click on the update button it will generate the following screen in the front end. If you select the xa-blue style for you.



I think you will enjoy with the feature of the Xpert accordion. If you have any question to ask regarding this plugin. Please comment below, I bet I’ll answer you soon.

DigiCom - Selling Digital Products With Joomla Has...
Joomla! Component Development with FOF - Part 02

Build better website with ThemeXpert

Get access to all premium Joomla templates and
next generation page builder Quix.

Join our club

Comments (0)

There are no comments posted here yet

Leave your comments

  1. Posting comment as a guest. Sign up or login to your account.
Attachments (0 / 3)
Share Your Location