Core Design Spoiler plugin

Нередко возникает необходимость спрятать часть текста, который может быть интересен не всем посетителям той или иной страницы. В версте веб-страниц существует такое понятие, как спойлер. Google Translate переводит слово spoiler, как «прерыватель потока». В целом такое определение подходит для описания функций, которой обладает этот элемент страницы. Чаще всего спойлеры используются на страницах с вопросами и ответами. В таких случаях вопрос доступен для прочтения, а ответ открывается только по желанию и клику пользователя. Это сделано, чтобы уменьшить визуальный объем страницы.

Чтобы сделать это в Joomla достаточно поставить необходимый плагин. В каталоге дополнений по запросу «spoiler» находится всего лишь два плагина. Я обращу ваше внимание на один из них, называется он Core Design Spoiler и скачать его можно со страницы официального сайта разработчика. Сразу предупреждаю, что для работы спойров, необходимо доставить еще один плагин от того же разработчика под названием Core Design Scriptegrator. Он подгрузит необходимые JS-библиотеки, такие как jQuery, Highslide и другие.

После установки не забудьте их включит в Менеджере плагинов. Теперь, для того чтобы вставить в статью спойлер со скрытым текстом, все что нужно сделать, так это заключить скрываемый текст в тег <strong>[spoiler]</strong>. Кстати спойлер можно вставлять не только в стандартные статьи Joomla, но и в материалы популярных компонентов каталога, например ZOO, K2 или FLEXIcontent. В настройках плагина есть возможность выбрать, каким образом будет отображаться спойлер: кнопкой или обычной ссылкой; а также можно указать при каком условии будет раскрываться скрытый текс: при наведении курсора или при клике. Но эти параметры можно указывать и каждому спойлеру отдельно. Доступны три параметра, которые можно указывать в теге <strong>[spoiler]</strong>:

title — этот параметр позволяет указать уникальный заголовок для спойлера. Значение нужно указывать в кавычках.

action — с помощью данного параметра можно указать действие, при котором спойлер будет открываться. Допустимые значения: click или hover (по клику или по наведению, соответственно)

element — этим параметром можно задать вид спойлера: будет ли он в виде ссылки или же будет кнопкой. Соответственные значения: link или button.

Стоит заметить, что внутри тега может быть текст с использованием html-тегов. Пример использования:

[spoiler title="Заголовок спойлера" action="hover" element="link"]Здесь находится тест, который отобразится только тогда, когда пользователь подведет курсор на ссылку заголовка спойлера.Текст может содержать html-теги.[/spoiler]