Меню Закрыть

Сокрытие части контента в статье с плагином BBSpoiler


Плагин позволяет скрыть часть контента (текст, картинки, блоки картинок, видео, а так же комбинации всего перечисленного) под тегами [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 в визуальном редакторе:Кнопка плагина BBSpoiler в визуальном редакторе

Проще всего для создания спойлера пользоваться именно этой кнопкой. При этом открывается диалоговое окно, где нужно ввести, например, текст вопроса, ответа, выбрать некоторые опции и нажать кнопку OK:

Формирование спойлера

 

Плагин может создавать 11 цветовых стилей оформления спойлеров:

Цветовые стили плагина


Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

         Яндекс.Метрика