Mostafa Shahiri

The Everything Accordion is a simple widget that shows wordpress widgets, posts and pages in an pretty accordion. It enables you to control:
<ol>
<li>displaying the widgets</li>
<li>displaying the separated posts</li>
<li>displaying the pages</li>
<li>displaying posts of some specific categories</li>
<li>different filters for posts and pages</li>
<li>Ordering posts and pages based on created date, modified date, views, comments count and random.</li>
<li>Showing pages and posts in two different modes: 1)Introtext includes featured image+inro content+readmore link. 2)Fulltext mode</li>
<li>Custom text for readmore links.</li>
<li>Some other filters for showing the categories, author, published date, modified date and comments count of the pages or posts.</li>
</ol>
If you like to apply your style to this widget, you can edit everythingaccordion.css file. The ID of this widget is everything_accordion.
Now we explain about CSS classes are used in Everything Accordion :
.evachead: CSS class for styling accordion headers 
.accord_widget: CSS class for styling widgets 
.accord_content: CSS class for styling accordion panel 
.info: CSS class for styling info small tags 
.infoblock: All small tags have been placed in a div with this CSS class. (Parent div class for small tags) 
.accord_img: CSS class for featured images divs 
.accord_post: CSS class for styling posts or pages content divs 
.accord_readmore: CSS class for parent divs of readmore links.

Everything Accordion

The Everything Accordion is a simple widget that shows wordpress widgets, posts and pages in an pretty accordion.

Binsaifullah

gkits

Mehedi

Md Obaidul Islam Milon

Jafor islam Shahin

Md Jobayer islam

Easy Accordion Block – Create Stunning & Responsive Accordions Effortlessly
Easy Accordion Block is a lightweight and powerful Gutenberg block that allows you to create beautiful accordion sections or FAQ sections without writing a single line of code! Built with Gutenberg native components, this block ensures seamless integration with the WordPress block editor and works flawlessly with any WordPress theme.
🌟 <a href="https://accordion.gutenbergkits.com/demos" rel="nofollow ugc">View Demo</a> | <a href="https://accordion.gutenbergkits.com/pricing" rel="nofollow ugc">Get Pro Version</a>
<h3>Video Tutorial</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Hh3LNLpwzX4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>🚀 Why Choose Easy Accordion Block?</h3>
✅ Fast & Lightweight – Loads scripts only on pages where the block is used, ensuring better performance. 
✅ Highly Customizable – Adjust the accordion’s design, colors, icons, and layout to match your website’s aesthetics. 
✅ No Coding Required – Drag, drop, and customize accordion items effortlessly within the block editor. 
✅ Works with Any Theme – Fully compatible with all WordPress themes. 
✅ SEO & Accessibility Friendly – Designed with best practices for performance and user experience.
<h3>✨ Key Features</h3>
<ul>
<li>Single & Multiple Accordion Items Opened at Once – Control how accordion items behave. </li>
<li>Keep Accordion Active on Load – Set default open items for better user interaction. </li>
<li>Allow Closing All Accordion Items – Users can collapse all accordions for a cleaner view. </li>
<li>Nested Accordion Support – Create multi-level accordions effortlessly. </li>
<li>Customizable Icons – Choose from 100+ SVG icons for active and inactive states. </li>
<li>Add Any Block as Accordion Content – Embed images, videos, or even other blocks inside accordion items. </li>
<li>Smart Styling Options – Adjust colors, margins, padding, and use theme color palettes for seamless design integration. </li>
<li>Unlimited Accordion Items – Add as many accordions as you need. </li>
<li>Fully Responsive – Looks great on desktop, tablet, and mobile devices. </li>
<li>Accessibility Enabled – Ensures a better user experience for all visitors. </li>
</ul>
Whether you’re building FAQs, product feature sections, or collapsible content areas, Easy Accordion Block makes it simple and efficient.
👉 Download now and start creating beautiful accordions in seconds!
<h3>🌟 Pro Features</h3>
<ul>
<li>Schema Markup</li>
<li>Badge</li>
<li>Image Accordion</li>
<li>Load More</li>
<li>Search</li>
<li>All Open/Close</li>
<li>Linked</li>
<li>Disable Accordion</li>
<li>QA Style</li>
<li>Content Folding</li>
<li>3 Activator Events (Click, Hover, Autoplay)</li>
<li>Check List Layout</li>
<li>Step Layout</li>
<li>Sub heading</li>
<li>Heading icon</li>
<li>Header Bar</li>
<li>Custom Icon/Image</li>
</ul>

Easy Accordion Block


Nice block, works well.



Improvement suggestion: for colour styling, it would be useful to pick up the colour palette from the currently loaded theme.


A great effort

Easy Accordion Block allows you to create an accordion or a FAQs section in Gutenberg editor easily.

Everything Accordion vs Easy Accordion Block