Description
Struggling to display large amounts of content in a clean, organized, and reader-friendly format?
PlexBlocks Accordion for Block Editor is a lightweight, performance-focused block plugin built specifically for the WordPress Gutenberg editor. It allows you to build stunning, fully accessible accordions and FAQ sections in just a few clicks—no custom CSS or coding required.
Organize long FAQ lists, itemize product specs, restructure customer support articles, or style interactive policy pages. With our nested block structure, you can insert paragraphs, images, bullet lists, buttons, or any other standard block directly inside each accordion panel!
🚀 Automatic Google FAQ Schema (JSON-LD) for SEO
Boost your visibility on Google search results. With our built-in FAQ Schema toggle, the plugin automatically generates and injects search-engine-friendly JSON-LD structured data into your pages. This helps search engines understand your questions and answers, letting you capture coveted Google FAQ Rich Snippets to drive more clicks to your website.
♿ Accessibility-First & WCAG Compliant
Unlike basic accordions that fail basic accessibility standards, PlexBlocks Accordion is built with everyone in mind. It uses semantic HTML (like native <button> tags), correct ARIA attributes (such as aria-expanded and aria-controls), and handles key focus navigation seamlessly. Site visitors can easily tab, collapse, and expand sections using standard keyboard controls (Tab, Enter, Space).
🎨 Fully Customizable & Gutenberg Native
Make your accordions look like they were custom-designed for your site. With our extensive layout and color settings in the block sidebar, you can:
* Design Presets: Kickstart your design with pre-styled presets like ‘Editorial’ and ‘Soft’.
* Colors: Customize title backgrounds, text colors, content area background, and borders.
* Layout & Borders: Adjust border width, border radius (curved or sharp corners), and margins.
* Typography: Set distinct font sizes for titles and accordion content.
* Toggles & Icons: Choose between modern plus-minus indicator styles or add custom SVG icons.
⚡ Built for Speed & Core Web Vitals
- Single-Open or Multi-Open Mode: Toggle whether only one accordion item stays open at a time or users can expand multiple panels simultaneously.
- Zero External Bloat: No heavy jQuery or third-party web frameworks. It runs on lightweight, modern Javascript that won’t slow down your page load times.
- Clean Code Architecture: Structured using reliable object-oriented PHP to ensure maximum compatibility with any standard WordPress theme and plugin.
Developer Credits
PlexBlocks Accordion is proudly developed and maintained by ConicPlex, a web agency specializing in high-performance, developer-friendly WordPress plugins. Check out our services and explore our other block extensions at ConicPlex.
Credits & 3rd Party Services
To help us improve our plugins, PlexBlocks Accordion uses ConicPlex to store basic plugin insights. When the plugin is activated, deactivated, or uninstalled, a secure API request is sent to our server to log the action.
The data sent includes:
* Action taken (activation, deactivation, or uninstall)
* Site URL and administrator email address
* Active theme/site language and timezone
* Active WordPress version and plugin version
* Plugin details (plugin name and text domain)
No visitor data, tracking cookies, or personal user logs are ever collected. For more details on how this information is handled, please review our Privacy Policy and Terms & Conditions.
Blocks
This plugin provides 2 blocks.
- Accordion Create accessible accordions and FAQ sections.
- Accordion Item An individual item within a PlexBlocks accordion.
Installation
Setting up PlexBlocks Accordion on your WordPress website is simple:
- Go to your WordPress Dashboard and navigate to Plugins > Add New.
- Search for PlexBlocks Accordion.
- Click Install Now and then Activate.
- (Alternative) Download the plugin
.zipfile from the directory, upload it through the plugin uploader, and activate it. - Open any page, post, or template editor. Search for the Accordion block, add it, and start inserting your content!
FAQ
-
Does this plugin generate Schema.org FAQ markup?
-
Yes! When you enable the “FAQ Schema” option in the parent Accordion block’s inspector settings, the plugin automatically generates valid JSON-LD structured data. This helps search engines read your FAQs and display them as rich snippets in search results.
-
Is the accordion keyboard-friendly?
-
Absolutely. The accordion is built to comply with modern accessibility standards (WCAG). Users can focus on headers using the Tab key, and toggle them open or closed using the Enter or Spacebar keys.
-
Yes! The Accordion Item block uses WordPress inner blocks. You can place standard paragraphs, bulleted lists, image blocks, custom HTML, buttons, or any other block inside your accordion items.
-
Can I display multiple accordions on the same page?
-
Yes. You can add as many Accordion blocks as you need on a single page or post. Each block operates independently and can be customized with its own styles and settings.
-
Can I configure the accordion to close other items when one is opened?
-
Yes, this is the “Single-Open” mode. You can toggle this setting on or off in the block’s settings sidebar to control how the accordion behaves.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Plexblocks – Accordion for Block Editor” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Plexblocks – Accordion for Block Editor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release. Features clean code structure, customizable layouts, WCAG accessibility, and automatic Google FAQ Schema markup.