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.

Extend Themes

Horea Radu

<p>The Materialis Companion plugin adds drag and drop page builder functionality to the Materialis theme.</p>
<p>The Materialis Companion plugin features include:</p>
<ul>
<li>Beautiful ready-made homepage</li>
<li>Drag and drop page customization</li>
<li>30+ predefined content sections</li>
<li>Live content editing</li>
<li>and many other features</li>
</ul>
<h3>License</h3>
<p>Materialis Companion WordPress plugin, Copyright (C) 2017 Horea Radu<br />
Materialis Companion WordPress plugin is licensed under the GPL3 (https://www.gnu.org/licenses/gpl-3.0.en.html).</p>
<p>Unless otherwise specified, all the theme files and scripts are licensed under GNU General Public License.</p>
<p>The exceptions to this license are as follows:</p>
<ul>
<li>
<p>Spectrum Colorpicker v1.8.0 – https://github.com/bgrins/spectrum<br />
Licensed under the MIT license (https://opensource.org/licenses/MIT)<br />
Copyright (c) Brian Grinstead</p>
</li>
<li>
<p>SpeakingURL – https://github.com/pid/speakingurl<br />
Licensed under the BSD3 license (https://opensource.org/licenses/BSD-3-Clause)<br />
Copyright (c) 2013-2017 Sascha Droste <a href="mailto:pid@posteo.net" rel="nofollow ugc">pid@posteo.net</a></p>
</li>
<li>
<p>Kirki by Aristeides Stathopoulos – https://github.com/aristath/kirki<br />
Licensed under the MIT license (https://opensource.org/licenses/MIT)</p>
</li>
<li>
<p>Images</p>
</li>
</ul>
<p>The following images used in the plugin are distributed under Creative Commons Zero license, http://creativecommons.org/publicdomain/zero/1.0/</p>
<pre><code>* theme-data/materialis/sections/images/about-img-5.jpg
Source: https://pixabay.com/en/urban-people-crowd-citizens-438393/

* theme-data/materialis/sections/images/about-5-1.jpg
Source: https://pixabay.com/en/apple-black-business-desk-keyboard-1838564/

* theme-data/materialis/sections/images/apple-1838564.jpg
Source: https://pixabay.com/en/apple-black-business-desk-keyboard-1838564/

* theme-data/materialis/sections/images/apple-1838564-big.jpg
Source: https://pixabay.com/en/apple-black-business-desk-keyboard-1838564/

* theme-data/materialis/sections/images/apple-1838564.jpg
Source: https://pixabay.com/en/apple-black-business-desk-keyboard-1838564/

* theme-data/materialis/sections/images/background-2498615.jpg
Source: https://pixabay.com/en/background-red-gloss-art-color-2498615/

* theme-data/materialis/sections/images/about-5-2.jpg
Source: https://pixabay.com/en/computer-keyboard-apple-electronics-2569652/

* theme-data/materialis/sections/images/about-7-2.jpg
Source: https://pixabay.com/en/computer-keyboard-apple-electronics-2569652/

* theme-data/materialis/sections/images/computer-2569652.jpg
Source: https://pixabay.com/en/computer-keyboard-apple-electronics-2569652/

 * theme-data/materialis/sections/images/about-7-3.jpg
Source: https://pixabay.com/en/laptop-apple-macbook-computer-2559795/

* theme-data/materialis/sections/images/laptop-2559795.jpg
Source: https://pixabay.com/en/laptop-apple-macbook-computer-2559795/

* theme-data/materialis/sections/images/mockup-863469.jpg
Source: https://everypixel.com/image-1191756555950098452

* theme-data/materialis/sections/images/people-2605526.jpg
Source: https://pixabay.com/en/people-girl-beauty-face-eyebrow-2605526/

* theme-data/materialis/sections/images/team-1.jpg
Source: https://www.pexels.com/photo/beautiful-beauty-black-and-white-face-432588/

* theme-data/materialis/sections/images/team-2.jpg
Source: https://www.pexels.com/photo/adult-business-businessman-close-up-428339/

* theme-data/materialis/sections/images/team-3.jpg
Source: https://www.pexels.com/photo/attractive-beautiful-beauty-casual-206560/

* theme-data/materialis/sections/images/team-4.jpg
Source: https://www.pexels.com/photo/adult-attractive-beanie-beautiful-355022/

* theme-data/materialis/sections/images/team-5.jpg
Source: https://www.pexels.com/photo/men-s-black-coat-with-white-polo-shirt-213117/

* theme-data/materialis/sections/images/team-6.jpg
Source: https://pixabay.com/en/model-female-girl-beautiful-woman-429733/

* theme-data/materialis/sections/images/team-7.jpg
Source: https://www.pexels.com/photo/portrait-of-young-man-in-autumn-247917/

* theme-data/materialis/sections/images/team-8.jpg
Source: https://pixabay.com/en/fashion-woman-clothing-female-1623088/

* theme-data/materialis/sections/images/urban-438393.jpg
Source: https://pixabay.com/en/urban-people-crowd-citizens-438393/

* theme-data/materialis/sections/images/woman-1209584.jpg
Source: https://pixabay.com/en/woman-portrait-face-beautiful-1209584/

* theme-data/materialis/sections/images/image-5.png
Source: https://www.pexels.com/photo/macbook-pro-129208/

* theme-data/materialis/sections/images/image-1.png
Source: https://www.pexels.com/photo/apple-computer-desk-electronics-374857/

* theme-data/materialis/sections/images/image-6.png
Source: https://unsplash.com/photos/PLagT-U75kY

* theme-data/materialis/sections/images/people-1031169.jpg
Source: https://pixabay.com/en/people-walking-city-urban-knapsack-1031169/

* theme-data/materialis/sections/images/portrait-photography-657116.jpg
Source: https://pixabay.com/en/portrait-photography-profile-face-657116/

* theme-data/materialis/sections/images/image-1.jpg
Source: https://pixabay.com/en/office-desk-smartphone-modern-865091/

* theme-data/materialis/sections/images/image-5.jpg
Source: https://pixabay.com/en/old-retro-antique-vintage-classic-1130731/

* theme-data/materialis/sections/images/image-4.jpg
Source: https://pixabay.com/en/white-room-business-office-table-2591357/

* theme-data/materialis/sections/images/image-4.png
Source: https://pixabay.com/en/home-office-workstation-office-336373/

* theme-data/materialis/sections/images/image-2.png
Source: https://pixabay.com/en/people-man-hand-wrist-watch-time-2564955/

* theme-data/materialis/sections/images/image-3.png
Source: https://pixabay.com/en/macbook-laptop-computer-technology-2617705/

* theme-data/materialis/sections/images/image-7.png
Source: https://pixabay.com/en/startup-start-up-notebooks-creative-593327/

* theme-data/materialis/sections/images/image-2.jpg
Source: https://unsplash.com/photos/UV81E0oXXWQ

* theme-data/materialis/sections/images/image-6.jpg
Source: https://unsplash.com/photos/X9fdmlGEo4Y
</code></pre>
<p>The following images are exported from Font Awesome</p>
<p>Font Awesome 4.7.0 by @davegandy – http://fontawesome.io – @fontawesome<br />
License – http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)</p>
<pre><code>* customizer/assets/icons/brush-hover.png
* customizer/assets/icons/brush.png
* customizer/assets/icons/check.png
* customizer/assets/icons/chevron-right.png
* customizer/assets/icons/close.png
* customizer/assets/icons/cog-white.png
* customizer/assets/icons/cog.png
* customizer/assets/icons/plus-black.png
* customizer/assets/icons/plus.png
* customizer/assets/icons/slash.png
* customizer/assets/icons/swap.png
* customizer/assets/icons/toggle-menu-active.png
* customizer/assets/icons/toggle-menu.png
* customizer/assets/icons/toolbar-cog.png
* customizer/assets/icons/trash-o.png
* customizer/assets/icons/trash.png
* customizer/assets/icons/up-down.png
</code></pre>
<p>The following images are the creation of Horea Radu and are distributed under the Creative Commons Zero License, http://creativecommons.org/publicdomain/zero/1.0/</p>
<pre><code>* theme-data/materialis/sections/images/logo1.png
* theme-data/materialis/sections/images/logo2.png
* theme-data/materialis/sections/images/logo3.png
* theme-data/materialis/sections/images/logo4.png
* theme-data/materialis/sections/images/bw-logo-1.png
* theme-data/materialis/sections/images/bw-logo-2.png
* theme-data/materialis/sections/images/bw-logo-3.png
* theme-data/materialis/sections/images/bw-logo-4.png

* sections/images/quote.png
* customizer/assets/icons/reorder-handler.png
</code></pre>


Materialis Companion

The Materialis Companion plugin adds drag and drop page builder functionality to the Materialis theme.

MrStar Accordion Builder vs Materialis Companion