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.

Jason

<p><strong>NOTE: This plugin requires a supported theme with the Theme Blvd Framework.+</strong></p>
<p>When using a Theme Blvd theme, this plugin gives you slick interface to build custom layouts with the framework’s core elements.</p>
<p>You can build these layouts directly into your WordPress pages through the standard Edit Page screen, or you can create templates that can be synced to multiple pages. Additionally, you can use <a href="https://wordpress.org/extend/plugins/theme-blvd-layouts-to-posts/" rel="ugc">this plugin</a> to extend the templates to standard posts and custom post types.</p>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/70256816" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<p><em>Note: To get all features in the above video, you need to be using a theme with Theme Blvd Framework v2.5+, which currently only includes <a href="http://themeblvd.com/links/buy-jumpstart" rel="nofollow ugc">Jump Start 2</a>, <a href="http://themeblvd.com/links/buy-denali" rel="nofollow ugc">Denali</a> and <a href="http://themeblvd.com/links/buy-gnar" rel="nofollow ugc">Gnar</a>. For all other themes, <a href="https://vimeo.com/112649094" rel="nofollow ugc">see this video</a>.</em></p>
<h4>Theme Compatibility</h4>
<p>This plugin has been built to work with the following theme:</p>
<ul>
<li><a href="https://wpjumpstart.com" rel="nofollow ugc">Jump Start</a></li>
</ul>
<p>The following themes may work to varying degrees with this plugin, but are unfortunately no longer supported:</p>
<ul>
<li><a href="http://themeblvd.com/links/buy-denali" rel="nofollow ugc">Denali</a></li>
<li><a href="http://themeblvd.com/links/buy-gnar" rel="nofollow ugc">Gnar</a></li>
<li><a href="http://themeforest.net/item/alyeska-responsive-wordpress-theme/164366?ref=themeblvd" rel="nofollow ugc">Alyeska</a></li>
<li><a href="http://themeforest.net/item/akita-responsive-wordpress-theme/1530025?ref=themeblvd" rel="nofollow ugc">Akita</a></li>
<li><a href="http://themeforest.net/item/swagger-responsive-wordpress-theme/930581?ref=themeblvd" rel="nofollow ugc">Swagger</a></li>
<li><a href="http://themeforest.net/item/barely-corporate-responsive-wordpress-theme/93069?ref=themeblvd" rel="nofollow ugc">Barely Corporate</a></li>
<li><a href="http://themeforest.net/item/the-arcadian-responsive-wordpress-theme/1266406?ref=themeblvd" rel="nofollow ugc">The Arcadian</a></li>
<li><a href="http://themeforest.net/item/commodore-responsive-wordpress-theme/111713?ref=themeblvd" rel="nofollow ugc">Commodore</a></li>
</ul>


Theme Blvd Layout Builder

Awesome editor

When using a Theme Blvd theme, this plugin gives you slick interface to build custom layouts.

MrStar Accordion Builder vs Theme Blvd Layout Builder