Accordion Blocks
Gutenberg block for creating responsive accordion drop-downs.
Overview
Compatibility
Installation instructions
Customer support & learning resources
Changelog
Main benefits
Gutenberg block integration
Multiple accordion settings
Fully responsive design
Supports item IDs
Accessible navigation
About this plugin
Author: philbuchanan
Categories: Design and Customization
Version: 1.5.0
Last updated: 07-02-2022
WordPress version: 5.9
Tested up to: 5.9.10
PHP version required: 7.3
Languages: Deutsch (Sie), Deutsch [+2]
Tags:
Overview
Accordion Blocks is a WordPress plugin that introduces a Gutenberg block specifically for creating accordion drop-downs on webpages, seamlessly integrating with existing themes. It offers features like support for multiple accordions each with individual settings, responsive design, item ID links, and tabbed keyboard navigation for accessibility. Additional options include setting default open states, disabling auto-closing, manual closing by clicking on titles, page scrolling to opened items, and custom HTML heading tags. Users can further customize the appearance using CSS classes provided by the plugin. The output HTML is well-structured for easy customization and accessibility, enhancing the overall user experience on your website.
Gutenberg Block Integration
- Adds a Gutenberg block for adding accordions to your site.
- Supports multiple accordions with individual settings for each accordion item.
Responsive and Accessible
- Fully responsive design.
- Accessible for users requiring tabbed keyboard navigation control.
Customization Options
- Open individual accordion items by default.
- Disable auto closing of accordion items.
- Manually close items by clicking the title again.
- Scroll page to title when it’s clicked open (including setting a scroll offset position).
- Set the HTML heading tag for the title element (h1–h6, button).
- Supports adding custom block styles using wp.blocks.registerBlockStyle.
Nesting and Linking
- Supports nesting accordions.
- Support for item IDs and direct links.
Rating and reviews
jasonbongreen
31 Mar, 2024
I used this block with some custom CSS styling to create a responsive frequently asked questions area of a site.
Sofi-Soao
03 Nov, 2022
Nice block editor integration, super easy to use. I like the opportunity to pick different headline types for each accordeon block what helps doing SEO.
This topic was modified 1 year, 8 months ago by Sofi-Soao.
tompich
22 Oct, 2022
Does the job quite well.
Simple and straight forward.
However, it would be nice to smooth the movement (there’s some kind of small jump at the end of the opening and the beginning of the closing)
brs_paul
12 Oct, 2022
Great plugin, but it often won’t work in Chrome or Edge, and often randomly will work. a bit glitchy! We have the LiteSpeed Cache Plugin and is probably an issue with the combine CCS or JS.
Jaakko Pöntinen
08 Feb, 2022
This should be WP Core. Lightweight, works, rocks.
Thank you.
