Details: Show and Hide

Описание

This plugin adds a block to the editor allowing you to easily show and hide content using the HTML details and summary elements. It can be used for content such as FAQs or accordions.

It uses built-in browser functionality and doesn’t rely on any JavaScript. Styling is customizable via the editor or custom CSS.

Скриншоты

  • Collapsed details element with clickable heading.
  • Expanded details element with inner content.
  • Editor view of adding the block and inner content.

Блоки

Этот плагин предоставляет 1 блок.

  • Details: Show and Hide A block for showing and hiding content.

Установка

  1. Upload the plugin files to the /wp-content/plugins/wp-details-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Start adding content.

Часто задаваемые вопросы

How do I customize the styling?

The wrapper <details> element has the class .wp-block-bm-wp-details-container that you can use to target it and adjust styling as needed.

The <summary> element has the class .wp-block-bm-wp-details-block.

Where can I learn more about browser support?

Details is supported in most major browsers (Chrome, Firefox, and Safari). Caniuse.com has a breakdown of browser support for the details element.

Отзывы

Нет отзывов об этом плагине.

Участники и разработчики

«Details: Show and Hide» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Перевести «Details: Show and Hide» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

1.0

  • Initial release