About this plugin
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