Easy Accordion Gutenberg Block

Description

Easy Accordion Gutenberg Block is a custom Gutenberg Block developed with Gutenberg Native components to create an accordion or a FAQ section easily. You don’t need to have any coding knowledge. It is fast and light-weight. It only loads scripts on the pages where the block is used. It is highly customizable. You can use it with any theme. It is compatible with any of the WordPress themes.

Video Tutorial

Key Features

  • Simple, light-weight, and fast
  • Load scripts only on the pages where the block is used
  • Developed with Gutenberg Native Components
  • Single and Multiple accordion items opened at a time
  • Simple drag and drop using
  • 10 SVG icons for active & inactive accordion
  • Highly Customizable
  • Clean & smart customization panels
  • Keep accordion active on load
  • Styles for active accordion
  • Use either custom or theme colors pallete
  • Custom Margin, Padding, and Colors option
  • Unlimited accordion items
  • All blocks are supported to design accordion body content
  • Accessibility enabled

Screenshots

Blocks

This plugin provides 1 block.

  • Accordion Easy Accordion allows you to create an accordion or faqs section easily.

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the plugin files to the /wp-content/plugins/easy-accordion-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the Settings->easy-accordion-block screen to configure the plugin
  4. (Make your instructions match the desired user flow for activating and installing your plugin. Include any steps that might be needed for explanatory purposes)

FAQ

Is it responsive?

Yes, it is responsive.

Will it slow down my site?

Never, it is light-weight and never slow down your site. In addition, it only loads scripts on the pages where the block is used.

Is it built with Gutenberg Native Components?

Yes, it is built with Gutenberg Native Components.

Can I use it with any theme?

Yes, you can use it with any theme. It is compatible with most of the themes. I have tested it with the most popular themes.

Reviews

9 мая, 2024
Works great, has many customization features. However, the plugin misses tabindex for the accordion headings and the open/close keyboard behavior that comes with it (similar to Bootstrap). This feature is a must in terms of accessibility these days… Update: unfortunately, we had to remove the plugin from our websites since it did not pass QA. Also, in contrast with other WP plugin developers, we did not hear back from the creators of this plugin. One start, good effort!
15 февраля, 2024
I love style and settings of your plugin, but can you make it more SEO-friendly that it can pass Google Rich Result test (FAQ item)?
3 февраля, 2024 1 reply
Nice block, works well. Improvement suggestion: for colour styling, it would be useful to pick up the colour palette from the currently loaded theme.
Read all 12 reviews

Contributors & Developers

“Easy Accordion Gutenberg Block” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.2.5

  • Compatibility with WordPress 6.6.2

1.2.3

  • Compatibility with WordPress 6.6.1

1.2.2

  • Fixed: tabindex Accessibility

1.2.1

  • Fixed: Accordion Initial Editor style issues
  • Update: Version compatible with WordPress 6.4.x

1.1.0

  • Fixed: Styles related PHP errors are fixed
  • New Feature: multiple accordion items opened at a time

1.0.4

  • Fixed: Load scripts only on the pages where the block is used

1.0.3

  • Fixed: Active accordion issue fixing
  • Fixed: Editor styles issue fixing

1.0.1

  • Update: Redirection to the plugin page after activation

1.0.0

  • Initial Release