MrStar Accordion Builder

MrStar Accordion Builder is a comprehensive WordPress plugin that makes it easy to create professional, responsive accordions without any coding. Whether you’re building FAQs, collapsible content sections, or dynamic post-based accordions, this plugin provides all the tools you need.

Why Choose MrStar Accordion Builder?

• No Coding Required – Intuitive admin interface for creating and managing accordions
• Two Content Sources – Create accordions manually or dynamically from WordPress posts
• Flexible Styling – Per-accordion and global theme-based styling options
• Repeatable Fields – Add unlimited accordion items with titles and content
• Theme System – Create reusable accordion themes for consistent styling across your site
• Shortcode Support – Easy shortcode integration with full customization
• Lightweight – Optimized code with minimal dependencies
• Translation Ready – Fully localized for international audiences
• Multiple Instances – Use multiple accordions on the same page without conflicts

Key Features

1. Custom Post Type Management
Manage all your accordions from a dedicated admin interface. Organize, edit, and publish accordions just like regular posts.

2. Two Accordion Source Options
* Manual Content – Create accordion items directly with titles and rich text content
* Post-Based – Automatically generate accordions from WordPress posts with custom filtering and sorting

3. Repeatable Accordion Items
Add unlimited accordion items to each accordion. Each item includes:
* Custom title
* Rich text content editor
* Flexible organization with drag-and-drop sorting

4. Advanced Theme System
* Create unlimited reusable themes
* Apply themes to multiple accordions
* Override theme settings per accordion
* Consistent styling across your entire site

5. Customization Options
* Choose between single and multiple open items (accordion or multi-collapse behavior)
* Configure animation speed
* Control which item opens first
* Custom styling for icons and appearance
* Per-accordion style overrides

6. Responsive Design
Built with mobile-first design principles to ensure your accordions look great on all devices.

7. Easy Shortcode Integration
Simple shortcode syntax: [mrstar_accordion id="123"]
Use multiple accordions on the same page without conflicts.

Use Cases

• Frequently Asked Questions (FAQs)
• Product features and specifications
• Pricing plans with feature lists
• Service descriptions
• Team member bios
• Terms and conditions
• Help documentation
• Any collapsible content sections

Getting Started

Step 1: Create an Accordion

1. Navigate to Accordion > Add New
2. Enter a title for your accordion
3. Click Publish

Step 2: Add Accordion Items

In the “Accordion Items” metabox:
1. Click “Add Item”
2. Enter the item title
3. Add the content in the editor
4. Drag to reorder items as needed
5. Click Update

Step 3: Configure Settings

• Select accordion Source (Manual Content or Posts)
• Choose or create a Theme
• Set Accordion Behavior (single or multiple items open)
• Adjust animation Speed
• Control which item opens first

Step 4: Display Your Accordion

Copy the shortcode from the “Accordion Shortcode” metabox and paste it into any:
* Page
* Post
* Text widget
* Custom page template

Advanced: Using Post-Based Accordions

1. Select “Post-Based” as the source
2. Choose post type to display
3. Set up filters (categories, tags, authors)
4. Configure sorting options
5. Set pagination if needed

Advanced: Creating Custom Themes

1. Go to Accordion > Accordion Themes
2. Click Add New
3. Configure:
   • Default styling
   • Icon settings
   • Animation behavior
4. Apply to multiple accordions for consistent design

Shortcode Reference

Basic Shortcode

[mrstar_accordion id="123"]

Attributes:
* id (required) – The accordion post ID to display

Example

[mrstar_accordion id="42"]

To find your accordion ID:
1. Go to Accordion > All Accordions
2. Copy the shortcode for the accordion you want from the table.

Technical Details

Requirements

• WordPress 6.0 or higher
• PHP 7.2 or higher
• Modern web browser (Chrome, Firefox, Safari, Edge)

Compatibility

• Fully compatible with WordPress 6.0 and higher
• Works with popular themes and page builders
• Compatible with multisite installations

Performance

• Lightweight and optimized for speed
• Minimal database queries
• Efficient CSS and JavaScript loading
• Inline styles only when necessary

Security

• Nonces for form security
• Proper capability checks
• Sanitized and escaped output
• SQL injection prevention

Frequently Requested Features

We’re always looking to improve MrStar Accordion Builder. Requested features include:
* Custom animation effects
* Advanced styling options
* Integration with popular plugins
* Additional content sources

Have a feature request? Post in the support forum!

1. Admin: Create and manage accordions
2. Frontend: Example accordion display