Accordion Head

Summary: The Accordion Head block in the Advanced Accordions plugin lets you create styled titles, customize header color and background, and select heading tags. These options help you build visually appealing, well-organized accordions that match your website's unique design and structure.

Advanced Accordions – Accordion Head Block

This document covers the Accordion Head block within the Advanced Accordions plugin for the Gutenberg block editor. The Accordion Head block allows you to create styled titles for each section of your accordion content.

Block Options

The Accordion Head block provides several options to customize the appearance of your accordion titles:

• Header Color: This option lets you choose the text color for your accordion title. You can use the built-in color picker to select any color from the spectrum.

• Header Background: This option allows you to set a background color for the accordion title area. Similar to Header Color, you can use the color picker to choose a background color.

• Select Heading Tag: This option lets you define the HTML heading tag used for the accordion title. You can choose from various heading tags (H1-H6) depending on the desired hierarchy and structure of your content.

These options provide flexibility in creating visually appealing and well-organized accordions that complement your website’s design.

Using the Block Options

1. Add the Accordion Block: Insert the Advanced Accordions block into your Gutenberg editor where you want the accordion to appear.
2. Click the “+” Button: Within the Accordion block, click the “+” button to add a new Accordion Head block.
3. Customize Options: Use the available options to set the Header Color, Header Background, and Select Heading Tag according to your preferences.

The Accordion Head Block in the Advanced Accordions plugin offers powerful customization options to create visually engaging titles for each accordion section. With features like header color selection, background customization, and HTML heading tag options, you can design accordions that align perfectly with your website’s style and structure. To learn more about optimizing your accordion layouts, visit our Content Elements.