Описание
CrispyCohd Advanced Accordion Block provides a flexible, block-based accordion for the WordPress editor.
Built to align with WCAG 2.2 and WAI-ARIA Authoring Practices for accordions.
The accordion is built using normal blocks:
- Header area: add any blocks you want
- Content area: add any blocks you want
- Optional divider between the two
The block supports two animation styles, slide and fade.
It also supports a built-in caret, a custom SVG, or a custom image for the toggle icon.
Accessibility is a core focus of the block. The front-end output includes a dedicated toggle button, keyboard navigation, ARIA relationships, and reduced motion support.
Скриншоты
Block inserter example 1 
Block inserter example 2 
Front-end example
Блоки
Этот плагин предоставляет 1 блок.
- Advanced Accordion Flexible accordion block allowing core and custom blocks to be used in any configuration.
Установка
- Upload the plugin folder to
/wp-content/plugins/crispycohd-advanced-accordion-block/, or install it via the Plugins screen in WordPress. - Activate the plugin through the Plugins screen.
- In the block editor, search for «Advanced Accordion» to add the block.
- Customise the section however you’d like!
Часто задаваемые вопросы
-
Can I use any blocks inside the accordion?
-
Yes. The header and content areas are normal Group blocks, so you can use core and custom blocks.
-
Does this work with Full Site Editing and classic themes?
-
Yes. The block works with both Full Site Editing themes and classic themes.
-
Is the accordion accessible?
-
Yes. The block includes a dedicated toggle button, proper ARIA relationships between the toggle and panel, keyboard navigation (Tab, Enter/Space, arrow keys, Home/End), visible focus handling for keyboard users, and reduced motion support.
Built to align with WCAG 2.2 and WAI-ARIA Authoring Practices for accordions. -
Can multiple accordions be open at the same time?
-
Yes. You can choose between independent accordion behaviour or exclusive open mode using the block inspector.
-
Does the accordion work without JavaScript?
-
The block outputs structured HTML and CSS, but the toggle interaction relies on a small front-end script.
-
How are the block assets built?
-
This plugin uses
@wordpress/scripts.Human-readable source files are located in:
/blocks/advanced-accordion/src/Compiled assets are generated from the source files and written to:
/blocks/advanced-accordion/build/The compiled
/builddirectory is included in the distributed plugin zip, so users are not required to install Node.js or run build tools.
Отзывы
Нет отзывов об этом плагине.
Участники и разработчики
«CrispyCohd Advanced Accordion Block» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники
Перевести «CrispyCohd Advanced Accordion Block» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
1.0.0
- Initial release.