Lightweight Accordion v1.6.0

Легкий плагин Accordion для WordPress позволяет добавлять элементы свертывания в сообщения с помощью блока Гутенберга или шорткода (через классический редактор). Используя HTML-тег Details и несколько строк CSS, это позволяет использовать аккордеон без JavaScript для минимальной загрузки страницы.

Чрезвычайно легкий (<1 КБ): без использования Javascript плагин использует собственный HTML-тег с подробностями и несколько строк кода, практически не влияя на внешний интерфейс.

Настраиваемые: параметры включают настройку HTML-тега, используемого для заголовка аккордеона, открытого по умолчанию, границ, цветов и группировки аккордеона (автоматически закрывать другие при открытии одного).

Примеры использования коротких кодов

Вот несколько примеров использования плагина аккордеона с шорткодами.

[lightweight-accordion title="Мой аккордеон"]Мой контент[/lightweight-accordion]

Кроме того, вы можете отображать открытый аккордеон при загрузке с помощью опции аккордеон_open.

[lightweight-accordion title="Мой аккордеон" accordion_open=true]Мой контент[/lightweight-accordion]

Вы также можете изменить HTML-тег, обертывающий заголовок аккордеона, используя опцию title_tag.

[lightweight-accordion title="Мой аккордеон" title_tag="h3"]Мой контент[/lightweight-accordion]

Если вы хотите включить схему часто задаваемых вопросов, вы можете добавить опцию схемы и установить для нее значение faq.

[lightweight-accordion title="Какова ваша политика возврата?" Schema="faq"]У вас есть 1 неделя, чтобы вернуть товар[/lightweight-accordion]

Если вы хотите разместить рамку вокруг содержимого аккордеона, вы можете использовать атрибут "bordered".

[lightweight-accordion title="Содержимое с рамкой" bordered=true]Мой контент[/lightweight-accordion]

Если вы хотите, чтобы аккордеоны автоматически закрывались при открытии другого аккордеона (эксклюзивный аккордеон), используйте атрибут "group" с одинаковым значением для каждого аккордеона.

[lightweight-accordion title="Вопрос 1" group="faq"]Ответ 1[/lightweight-accordion]
[lightweight-accordion title="Вопрос 2" group="faq"]Ответ 2[/lightweight-accordion]
[lightweight-accordion title="Вопрос 3" group="faq"]Ответ 3[/lightweight-accordion]

Параметры короткого кода

Вот полный список вариантов шорткода. Кроме того, все эти параметры доступны при использовании блока Гутенберга.

- title (Обязательное значение по умолчанию: null) Название вашего аккордеона будет отображаться вверху, и пользователи смогут его щелкнуть. Хорошим примером может быть включение вопроса пользователя, чтобы он мог щелкнуть по нему для получения более подробной информации.

- content (Обязательное значение по умолчанию: null) Содержимое, которое войдет в ваш элемент аккордеона.

- title_tag (по умолчанию: "span") Устанавливает HTML-тег, который оборачивает заголовок в резюме "аккордеон". Полезно, если вы хотите сделать его тегом заголовка для целей SEO.

- аккордеон_open (по умолчанию: false) Установите для этого параметра значение true, если вы хотите, чтобы ваш аккордеон был открыт по умолчанию.

- bordered (по умолчанию: false) Установите для этого параметра значение true, если вам нужна рамка вокруг содержимого аккордеона.

- title_text_color (по умолчанию: false) Установите для этого значения шестнадцатеричное значение или цвет CSS, чтобы изменить цвет текста заголовка аккордеона.

- title_background_color (по умолчанию: false) Установите для этого значения шестнадцатеричное значение или цвет CSS, чтобы изменить цвет текста заголовка аккордеона.

- схема (по умолчанию: false). Установите для этого параметра значение faq, если вы хотите включить схему часто задаваемых вопросов.

- class (по умолчанию: false) Используется для добавления пользовательского класса в родительский контейнер аккордеона.

- якорь (по умолчанию: ноль) Добавляет значение в виде идентификатора в элемент div "аккордеон" в качестве якоря.

- autop (по умолчанию: true). По умолчанию шорткод переносит текст в тег "p". Установите для этого параметра значение false, если вы хотите, чтобы это было отключено для конкретного аккордеона.

- group (по умолчанию: false) Установите это имя группы, чтобы аккордеоны из одной группы автоматически закрывались при открытии другой. Использует собственный атрибут имени подробностей HTML для нулевых затрат на JavaScript.

Дополнительная информация

Если вы хотите удалить "lightweight-accordion.css" из очереди на вашем сайте, используйте фильтр ниже. Если вы используете этот фильтр, рекомендуется самостоятельно оформить стиль аккордеона.

add_filter("lightweight_accordion_include_frontend_stylesheet", "__return_false");

Если вы хотите удалить файл "lightweight-accordion/editor-styles.css" из очереди в административной области вашего сайта, вы можете использовать фильтр ниже.

add_filter("lightweight_accordion_include_admin_stylesheet", "__return_false");

Если вы хотите удалить обработку коротких кодов в содержимом аккордеона, вы можете использовать этот фильтр.

add_filter("lightweight_accordion_process_shortcodes", "__return_false");

Если вы хотите использовать встроенные микроданные для схемы часто задаваемых вопросов, вы можете использовать этот фильтр. (Не рекомендуется)

add_filter("lightweight_accordion_output_microdata", "__return_true");

Если вы хотите принудительно загрузить "lightweight-accordion.css" на весь ваш сайт, вы можете использовать этот фильтр. По умолчанию плагин определяет, используется ли блок или шорткод, и ставит CSS в очередь.

add_filter("lightweight_accordion_always_include_frontend_stylesheet", "__return_true" );