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
- Navigate to Accordion > Add New
- Enter a title for your accordion
- 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
- Select “Post-Based” as the source
- Choose post type to display
- Set up filters (categories, tags, authors)
- Configure sorting options
- Set pagination if needed
Advanced: Creating Custom Themes
- Go to Accordion > Accordion Themes
- Click Add New
- Configure:
- Default styling
- Icon settings
- Animation behavior
- 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!
- Admin: Create and manage accordions
- Frontend: Example accordion display