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.

Paolo

AyeCode

Stiofan

<p>BlockStrap Page Builder — Bootstrap Blocks gives you a selection of Bootstrap blocks that let you craft a whole site, including a header, footer, and even menus.</p>
<p>This plugin, combined with the <a href="https://wordpress.org/themes/blockstrap/" rel="ugc">BlockStrap theme</a>, effortlessly turbocharges your website’s loading speed.</p>
<p>BlockStrap: The Ultimate BootStrap Page Builder for WordPress</p>
<p>Transform your WordPress website with BlockStrap, the ultimate page builder plugin that brings the power of the Bootstrap CSS framework to your fingertips.</p>
<h3>Why Choose BlockStrap?</h3>
<p>BlockStrap is not just a plugin; it’s a complete page builder that gives you the freedom to create any type of theme. It integrates seamlessly with the WordPress block editor, providing a wide range of fully customizable blocks that are easy to use.</p>
<h3>Build Anything with BlockStrap</h3>
<p>Whether you’re building a blog, a Directory, an e-commerce store, a portfolio, or a business website, BlockStrap has got you covered. With over 30+ unique blocks, you can create anything from stylish navigation bars and responsive image galleries to dynamic accordions and interactive maps.</p>
<h3>BlockStrap Free Child Themes</h3>
<ul>
<li><a href="https://wordpress.org/themes/directory/" rel="ugc">Directory Theme</a> – Built for our plugin <a href="https://wordpress.org/plugins/geodirectory" rel="ugc">GeoDirectory</a>, this is the best free <a href="https://wordpress.org/themes/directory/" rel="ugc">WordPress directory theme</a> you will find on WordPress.org.</li>
<li><a href="https://wpgeodirectory.com/downloads/real-estate-directory-theme/" rel="nofollow ugc">Real Estate Theme</a> – Designed specifically for our GeoDirectory plugin, this is the top free WordPress Real Estate theme available. When used alongside the free <a href="https://wpgeodirectory.com/downloads/real-estate-directory/" rel="nofollow ugc">Real Estate Directory add-on </a>, for GeoDirectory, it puts premium real estate themes to shame.</li>
<li><a href="https://wpgeodirectory.com/downloads/job-board-theme/" rel="nofollow ugc">Job Board Theme</a> Seamlessly integrated with GeoDirectory, this theme offers a robust platform for managing and showcasing job opportunities. Whether running a local job board or a large-scale employment site, the Job Board Theme ensures a professional look and smooth user experience.</li>
<li><a href="https://wordpress.org/themes/school/" rel="ugc">School Child Theme</a> Build a professional-looking educational website with the free School Child Theme for Blockstrap. Tailored for academic institutions, this theme provides a clean, user-friendly design that enhances the online presence of schools and educational programs. Fully compatible with the Blockstrap framework, the School Child Theme offers seamless functionality and a professional aesthetic to engage students, parents, and educators alike.</li>
</ul>
<p>Many more BlockStrap Child themes are in the pipeline. We aim to release at least 1 per month.</p>
<h3>Blockstrap Blocks</h3>
<h3>BS > Archive Actions</h3>
<p>This block, perfect for blogs and news sites, allows you to add category selectors and sort options to archive pages.</p>
<h3>BS > Archive Title</h3>
<p>Display your archive titles stylishly and professionally.</p>
<h3>BS > Breadcrumb</h3>
<p>Improve your site navigation with this breadcrumb block.</p>
<h3>BS > Button</h3>
<p>Create stylish and responsive buttons that are highly customizable.</p>
<h3>BS > Container</h3>
<p>This block allows you to create responsive containers for your content. It also doubles as row, column and card blocks.</p>
<h3>BS > Counter</h3>
<p>Display numbers dynamically and engagingly with this counter block.</p>
<h3>BS > Gallery</h3>
<p>Showcase your images in a beautiful and responsive gallery.</p>
<h3>BS > Heading</h3>
<p>Create headings that stand out and match your theme.</p>
<h3>BS > Icon Box</h3>
<p>Add icons to your site with this easy-to-use block.</p>
<h3>BS > Image</h3>
<p>Display your images in a stylish and responsive manner.</p>
<h3>BS > Map</h3>
<p>Add interactive maps to your site with this block.</p>
<h3>BS > Nav</h3>
<p>Create a responsive navigation menu for your site.</p>
<h3>BS > Nav Dropdown</h3>
<p>Add dropdown menus to your navigation with this block.</p>
<h3>BS > Nav Item</h3>
<p>Add individual items to your navigation menu.</p>
<h3>BS > Navbar</h3>
<p>Create a stylish and responsive navigation bar.</p>
<h3>BS > Navbar Brand</h3>
<p>Display your brand/logo in your navigation bar with this block.</p>
<h3>BS > Pagination</h3>
<p>Improve your site navigation with this pagination block.</p>
<h3>BS > Post Excerpt</h3>
<p>Display post excerpts stylishly and engagingly.</p>
<h3>BS > Post Info</h3>
<p>Showcase your post info with this block, including author, dates, comments, reading time, etc.</p>
<h3>BS > Post Title</h3>
<p>Display your post titles stylishly and professionally.</p>
<h3>BS > Search</h3>
<p>Add a search function to your site with this block.</p>
<h3>BS > Shape Divider</h3>
<p>Add stylish dividers to your site with this block.</p>
<h3>BS > Share</h3>
<p>Make it easy for your visitors to share your content with this social share block.</p>
<h3>BS > Skip Links</h3>
<p>Improve your site accessibility with this skip links block.</p>
<h3>BS > Tab</h3>
<p>Create tabs for your content with this block.</p>
<h3>BS > Tabs</h3>
<p>Organize your content in a stylish and responsive tabs layout.</p>
<h3>BS > Accordion</h3>
<p>Display your content in a dynamic accordion layout.</p>
<h3>BS > Accordion Item</h3>
<p>Add individual items to your accordion with this block.</p>
<h3>BS > Contact Form</h3>
<p>Add a simple and easy contact form to your site with this block.</p>
<h3>BS > Rating</h3>
<p>Add star rating icons to your posts. (can also be used to output GeoDirectory post ratings)</p>
<h3>BS > Scroll Top</h3>
<p>Add a button to the page so users can scroll back to the top of the page easily.</p>
<h3>BS > Modal</h3>
<p>Add a modal (popup) to the page containing any content.</p>
<h3>BS > Offcanvas</h3>
<p>Add an Offcanvas element to the page containing any content.</p>
<h3>BS > Alert</h3>
<p>Add an Alert element to the page to show important information.</p>
<h3>BS > Headline</h3>
<p>Add an animated headline to your site, this supports highlight and animations.</p>
<h3>Get BlockStrap Today!</h3>
<p>Take your WordPress site to the next level with the BlockStrap plugin. Experience the power of Bootstrap in your WordPress block editor today!</p>


BlockStrap Page Builder – Bootstrap Blocks

BlockStrap Page Builder - Bootstrap Blocks combines Bootstrap's power with the block editor's versatility.

MrStar Accordion Builder vs BlockStrap Page Builder – Bootstrap Blocks