accordion block

Getwid Blocks: Accordion Gutenberg Block

Accordion Gutenberg WordPress block by Getwid adds snap horizontal accordions, in which, among other options, you can customize icons and heading types.

Accordion is a perfect design method for reducing scrolling and categorizing information, thus, improving the overall user experience on your WordPress website.

Purpose of the Accordion Gutenberg Block

accordion featured

The block will be extremely helpful in the following cases:

  • Highlight important details of any content section
  • Make complex information easily accessible
  • Create effective FAQ website sections.

Features of the Accordion Gutenberg Block

By default, Getwid will style your accordion the way your active WordPress theme looks (that includes font size and color, for example).

To customize visual and interaction design aspects of the Accordion Gutenberg block, you are supplied with the following key block settings:

  • Select a wide or full-width layout for the entire accordion.
  • Choose a default and an active icon for tabs.
  • Specify the icon position.
  • Select a heading size.
  • Choose a tab (you need to add all of them in advance), which will be active (opened) by default.

accordion tabs settings

  • Add classes if you want to create a more tailored look.

Design Tips

  • You can transform Accordion into tabs or toggles using the “Transform” option in Gutenberg.

transform accordion

Download Free Gutenberg Theme for Getwid

Such a simple block will help you improve readability and visual presentation of any content. There are also a few pre-designed blocks for this purpose, as well as other useful blocks, packed with the Getwid Base Starter theme, which you can start using today. This theme was from scratch created for Gutenberg, so be sure it’ll be a solid foothold for the new era in WordPress!

Use these links to download the theme and the plugin:

Check out Getwid Demo

Download Getwid Gutenberg Blocks Free

Install Getwid Base Starter Theme for Gutenberg

Getwid Video Tutorials

Leave a Reply

Your email address will not be published. Required fields are marked *