Accordion Blocks
Accordion Blocks - это простой плагин, который добавляет блок Гутенберга для добавления раскрывающихся списков аккордеона на ваши страницы. Аккордеоны должны гармонично сочетаться с вашей темой. Однако вы можете захотеть добавить в свою тему собственные стили. Возможности Добавляет блок Гутенберга для добавления аккордеонов на ваш сайт. Поддерживает несколько аккордеонов с индивидуальными настройками для каждого элемента аккордеона. Полностью отзывчивый. Поддержка идентификаторов товаров и прямых ссылок. Поддерживает гнездование аккордеонов. Доступно (для пользователей, которым требуется управление с помощью клавиатуры с вкладками). Дополнительные функции По умолчанию открывать отдельные элементы аккордеона. Отключить автоматическое закрытие элементов гармошки. Закройте элементы вручную, еще раз щелкнув заголовок. Прокрутите страницу до заголовка при ее открытии (включая настройку положения смещения прокрутки). Установите тег заголовка HTML для элемента заголовка (h1 – h6, button). Установите значения по умолчанию, которые будут применяться ко всем новым элементам аккордеона, или сбросьте конкретный элемент аккордеона на значения по умолчанию. Поддерживает добавление пользовательских стилей блоков с помощью wp.blocks.registerBlockStyle. Выходные данные В конечном итоге плагин выведет следующий HTML-код (упрощенный для этого примера): Пользовательский CSS Вы можете использовать следующие классы CSS для настройки внешнего вида аккордеона. .c-accordion__item {} / * Контейнер элемента аккордеона * / .c-accordion__item.is-open {} / * is-open добавлен для открытия элементов аккордеона * / .c-accordion__item.is-read {} / * -read добавляется к элементам аккордеона, которые были открыты хотя бы один раз * / .c-accordion__title {} / * Заголовок элемента аккордеона * / .c-accordion__title - button {} / * Заголовок элемента аккордеона, использующий символ `