Плагин позволяет скрыть часть контента (текст, картинки, блоки картинок, видео, а так же комбинации всего перечисленного) под тегами [spoiler] [/spoiler] и открыть по требованию пользователя.
В предыдущей статье мы рассмотрели плагин wpSpoiler, при помощи которого можно скрывать часть контента. Это очень простой плагин и он замечательно выполняет свои функции, несмотря на то, что морально устарел.
Сейчас же приступим к рассмотрению более продвинутого варианта из серии модулей этого направления — плагина BBSpoiler.
Пример использования плагина можно увидеть здесь.
Кстати, попутно попробуйте пройти тест на внимательность и логику.
При помощи данного плагина можно спрятать часть контента статьи сайта в красиво оформленный контейнер, который раскрывается по требованию пользователя (при клике на него). Плагин может быть полезен при создании страниц с ответами на вопросы, для сокрытия объемных картинок и тому подобных вещей.
Создавать спойлеры можно напрямую, через вставку шорткодов, например:
[spoiler title='Заголовок спойлера']Контент, который нужно скрыть[/spoiler]
или
[spoiler title='Заголовок спойлера' collapse_link='no']Контент, который нужно скрыть[/spoiler]
Команда title выводит заголовок спойлера, а collapse_link определяет выводить или не выводить ссылку с названием «свернуть» в правом нижнем углу спойлера. Ссылка будет показана только при значении true.
Для вывода дочерних спойлеров в родительском блоке используйте следующую комбинацию шорткодов:
[spoiler title='Родительский спойлер'] [spoiler2 title='Дочерний спойлер 1']Текст дочернего спойлера 1[/spoiler2] [spoiler2 title='Дочерний спойлер 2']Текст дочернего спойлера 2[/spoiler2] [spoiler2 title='Дочерний спойлер 3']Текст дочернего спойлера 3[/spoiler2] [/spoiler]
Выглядеть это будет следующим образом:
Примечание: поддерживается вывод дочерних спойлеров только второго уровня.
После установки и активации плагин создаёт свою собственную кнопку Spoiler в визуальном редакторе:
Проще всего для создания спойлера пользоваться именно этой кнопкой. При этом открывается диалоговое окно, где нужно ввести, например, текст вопроса, ответа, выбрать некоторые опции и нажать кнопку OK:
![]() |
Плагин может создавать 11 цветовых стилей оформления спойлеров: