MrStar

<p><strong>MrStar Accordion Builder</strong> 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.</p>
<h4>Why Choose MrStar Accordion Builder?</h4>
<ul>
<li><strong>No Coding Required</strong> – Intuitive admin interface for creating and managing accordions</li>
<li><strong>Two Content Sources</strong> – Create accordions manually or dynamically from WordPress posts</li>
<li><strong>Flexible Styling</strong> – Per-accordion and global theme-based styling options</li>
<li><strong>Repeatable Fields</strong> – Add unlimited accordion items with titles and content</li>
<li><strong>Theme System</strong> – Create reusable accordion themes for consistent styling across your site</li>
<li><strong>Shortcode Support</strong> – Easy shortcode integration with full customization</li>
<li><strong>Lightweight</strong> – Optimized code with minimal dependencies</li>
<li><strong>Translation Ready</strong> – Fully localized for international audiences</li>
<li><strong>Multiple Instances</strong> – Use multiple accordions on the same page without conflicts</li>
</ul>
<h4>Key Features</h4>
<p><strong>1. Custom Post Type Management</strong><br />
Manage all your accordions from a dedicated admin interface. Organize, edit, and publish accordions just like regular posts.</p>
<p><strong>2. Two Accordion Source Options</strong><br />
* <strong>Manual Content</strong> – Create accordion items directly with titles and rich text content<br />
* <strong>Post-Based</strong> – Automatically generate accordions from WordPress posts with custom filtering and sorting</p>
<p><strong>3. Repeatable Accordion Items</strong><br />
Add unlimited accordion items to each accordion. Each item includes:<br />
* Custom title<br />
* Rich text content editor<br />
* Flexible organization with drag-and-drop sorting</p>
<p><strong>4. Advanced Theme System</strong><br />
* Create unlimited reusable themes<br />
* Apply themes to multiple accordions<br />
* Override theme settings per accordion<br />
* Consistent styling across your entire site</p>
<p><strong>5. Customization Options</strong><br />
* Choose between single and multiple open items (accordion or multi-collapse behavior)<br />
* Configure animation speed<br />
* Control which item opens first<br />
* Custom styling for icons and appearance<br />
* Per-accordion style overrides</p>
<p><strong>6. Responsive Design</strong><br />
Built with mobile-first design principles to ensure your accordions look great on all devices.</p>
<p><strong>7. Easy Shortcode Integration</strong><br />
Simple shortcode syntax: <code>[mrstar_accordion id="123"]</code><br />
Use multiple accordions on the same page without conflicts.</p>
<h4>Use Cases</h4>
<ul>
<li>Frequently Asked Questions (FAQs)</li>
<li>Product features and specifications</li>
<li>Pricing plans with feature lists</li>
<li>Service descriptions</li>
<li>Team member bios</li>
<li>Terms and conditions</li>
<li>Help documentation</li>
<li>Any collapsible content sections</li>
</ul>
<h3>Getting Started</h3>
<h4>Step 1: Create an Accordion</h4>
<ol>
<li>Navigate to <strong>Accordion > Add New</strong></li>
<li>Enter a title for your accordion</li>
<li>Click <strong>Publish</strong></li>
</ol>
<h4>Step 2: Add Accordion Items</h4>
<p>In the “Accordion Items” metabox:<br />
1. Click “Add Item”<br />
2. Enter the item title<br />
3. Add the content in the editor<br />
4. Drag to reorder items as needed<br />
5. Click <strong>Update</strong></p>
<h4>Step 3: Configure Settings</h4>
<ul>
<li>Select accordion <strong>Source</strong> (Manual Content or Posts)</li>
<li>Choose or create a <strong>Theme</strong></li>
<li>Set <strong>Accordion Behavior</strong> (single or multiple items open)</li>
<li>Adjust animation <strong>Speed</strong></li>
<li>Control which item opens <strong>first</strong></li>
</ul>
<h4>Step 4: Display Your Accordion</h4>
<p>Copy the shortcode from the “Accordion Shortcode” metabox and paste it into any:<br />
* Page<br />
* Post<br />
* Text widget<br />
* Custom page template</p>
<h4>Advanced: Using Post-Based Accordions</h4>
<ol>
<li>Select “Post-Based” as the source</li>
<li>Choose post type to display</li>
<li>Set up filters (categories, tags, authors)</li>
<li>Configure sorting options</li>
<li>Set pagination if needed</li>
</ol>
<h4>Advanced: Creating Custom Themes</h4>
<ol>
<li>Go to <strong>Accordion > Accordion Themes</strong></li>
<li>Click <strong>Add New</strong></li>
<li>Configure:
<ul>
<li>Default styling</li>
<li>Icon settings</li>
<li>Animation behavior</li>
</ul>
</li>
<li>Apply to multiple accordions for consistent design</li>
</ol>
<h3>Shortcode Reference</h3>
<h4>Basic Shortcode</h4>
<pre><code>[mrstar_accordion id="123"]
</code></pre>
<p><strong>Attributes:</strong><br />
* <code>id</code> (required) – The accordion post ID to display</p>
<h4>Example</h4>
<pre><code>[mrstar_accordion id="42"]
</code></pre>
<p>To find your accordion ID:<br />
1. Go to Accordion > All Accordions<br />
2. Copy the shortcode for the accordion you want from the table.</p>
<h3>Technical Details</h3>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.0 or higher</li>
<li>PHP 7.2 or higher</li>
<li>Modern web browser (Chrome, Firefox, Safari, Edge)</li>
</ul>
<h4>Compatibility</h4>
<ul>
<li>Fully compatible with WordPress 6.0 and higher</li>
<li>Works with popular themes and page builders</li>
<li>Compatible with multisite installations</li>
</ul>
<h4>Performance</h4>
<ul>
<li>Lightweight and optimized for speed</li>
<li>Minimal database queries</li>
<li>Efficient CSS and JavaScript loading</li>
<li>Inline styles only when necessary</li>
</ul>
<h4>Security</h4>
<ul>
<li>Nonces for form security</li>
<li>Proper capability checks</li>
<li>Sanitized and escaped output</li>
<li>SQL injection prevention</li>
</ul>
<h3>Frequently Requested Features</h3>
<p>We’re always looking to improve MrStar Accordion Builder. Requested features include:<br />
* Custom animation effects<br />
* Advanced styling options<br />
* Integration with popular plugins<br />
* Additional content sources</p>
<p>Have a feature request? Post in the support forum!</p>
<ol>
<li>Admin: Create and manage accordions</li>
<li>Frontend: Example accordion display</li>
</ol>


MrStar Accordion Builder

Create professional, responsive accordions, collapsible content, and dynamic posts, no coding required.

Agency Dominion Inc.

<p>Fusion is a flexible and expandable page builder for WordPress. It focuses on providing a powerful, user friendly experience that aims to closely emulate the native WordPress look and feel.</p>
<p>Built on the popular Bootstrap framework, Fusion will allow you to easily split your theme’s content area into responsive multi-column layouts.</p>
<p>The Core plugin includes elements for outputting text and raw code into the columns while our free Extension plugins add all the functionality you need for your WordPress site including Galleries, Videos, and Maps.</p>
<p>Fusion also allows you to create Components and Templates. Components are pieces of a layout that can be repeated across several different pages and edited / maintained in one place, and Templates are full page layouts that can be loaded and modified to easily create new pages.</p>
<p>Fusion is designed to be developer friendly, making it possible for WordPress plugin and theme developers to add, modify, and expand the Fusion ecosystem to limitless horizons.</p>
<h4>Extensions</h4>
<ul>
<li><a href="https://wordpress.org/plugins/fusion-extension-blog/" rel="ugc">Blog</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-button/" rel="ugc">Button</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-comments/" rel="ugc">Comments</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-contact-form/" rel="ugc">Contact Form</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-copyright/" rel="ugc">Copyright</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-divider/" rel="ugc">Divider</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-gallery/" rel="ugc">Gallery</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-image/" rel="ugc">Image</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-map/" rel="ugc">Map</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-menu/" rel="ugc">Menu</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-post-details/" rel="ugc">Post Details</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-sidebar/" rel="ugc">Sidebar</a></li>
<li><a href="https://wordpress.org/plugins/fusion-extension-video/" rel="ugc">Video</a></li>
</ul>
<h4>Fusion Base Theme</h4>
<p>The Fusion Base Theme is a blank-canvas theme that is designed to work hand in hand with the Fusion plugin. The post and page templates use the entire browser window for post content output, meaning every aspect of your page is controlled by Fusion. This makes for limitless possibilities when it comes to the look and feel of your site.</p>
<p>The Fusion Base also adds a Layout page in the admin for building a Master Layout for your site. This allows you to add and arrange Components that are output above and/or below the post content on every post and page. This feature is most useful for building custom headers and footers that are easy to maintain from one location.</p>
<p><a href="https://wordpress.org/themes/fusion-base/" rel="ugc">Get Fusion Base on the WordPress Theme Directory</a></p>
<h3>Links</h3>
<p><a href="http://agencydominion.helpscoutdocs.com/" title="Fusion Knowledge Base" rel="nofollow ugc">Knowledge Base and User Guide</a></p>


Fusion Page Builder

Perfect!

Fusion. The forever free, natively powerful, beautifully flexible, and easily expandable page builder for Wordpress.

MrStar Accordion Builder vs Fusion Page Builder