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

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

Example

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