Спойлеры на сайтах позволяют скрыть часть контента под названием спойлера, кликнув по которому можно открыть сообщение.
Возможность скрытия информации удобна в случае, когда текст слишком большой и для удобства пользователей его необходимо сделать визуально короче. Спойлеры используются для скрытия не значительной информации, потому что тексты в спойлерах не цитируются поисковыми роботами. Также можно использовать эту функции при добавлении в материал информации, которую невозможно изменить - даты, события, имена, названия. В таком случае часть текста не будет проиндексирована и соответственно, не уникальность текста не будет занижена. Очень удобный вариант.
Предлагаю рассмотреть плагин спойлера для Joomla - LVSpoiler. Я перебрала несколько плагинов для вставки спойлера на своем сайте. И пока остановилась на этом. Прост в добавленнии и, что особенно важно, дизайн можно настроить под свой сайт.
Пример использования спойлера:
Текст вкладки 2. Текст вкладки 2. Текст вкладки 2. Текст вкладки 2. Текст вкладки 2. Текст вкладки 2. Текст вкладки 2.Скачайте архив с плагином внизу страницы и установите, как обычно, через менеджер расширений. Затем настройте плагин под ваши требования и пользуйтесь!
Плагин LVSpoiler - настройки
Откройте плагин: Расширения - Менеджер плагинов - Content - LVSpoiler.
Вкладка "Описание"
Содержит краткое описание плагина и код вставки спойлера в материалы.
У плагина есть JQuery и MooTools версии, которые имеют уникальную возможность для динамической загрузки изображений при открытии спойлера.
В текст статьи необходимо вставить следующую конструкцию:
{ spoiler title=Заголовок opened=1 }Скрытый текст{/ spoiler }
- где opened - состояние спойлера при загрузке страницы, 1 - открыт, 0 - закрыт,
- слово Заголовок замените на название скрытого контента,
- а вместо "скрытый текст" напишите свое сообщение, можно также добавить графику.
Если будете копировать код в данной статье, то не забудьте удалить все пробелы.
Вкладка "Общие настройки":
- Библиотека mootools
- Подгрузка Jquery - НЕТ
- Если Библиотека будет выбрана Jquery, то Подгрузка Jquery - ДА
- Подгружать CSS спойлера - ДА
Вкладка "Настройки спойлера"
- Скорость анимации - можно оставить эту строку по умолчанию.
- Загружать картинки при открытии спойлера - ДА (Картинки будут загружаться при открытии вкладки спойлера. До этого они не будут загружены).
- Свернуть предыдущие - выберите значение ДА для сворачивания предыдущего сообщения, если раскрыт новый спойлер или НЕТ - оставлять открытыми все вкладки спойлеров.
- Один должен быть открыт - здесь можно настроить, чтобы один из спойлеров всегда был открыт.
- Анимация открытого по умолчанию - можно поставить НЕТ
- Показать по - выберите нужное (открывать спойлер по нажатию на название или по наведению курсора)
- Задержка открытия - можно оставить по умолчанию.
Вкладка "Настройки оформления Открыт/Закрыт..." можно пропустить и перейти сразу к следющей.
Вкладка "Параметры стилей спойлера"
Здесь настраивается внешний вид спойлера, все настройки интуитивно понятны - можно настроить не только шрифт, размер шрифта и выбрать цветовую схему, но можно даже настроить скругления углов и выбрать отступы в спойлере.
Настроить можно все поля в соответствии с дизайном Вашего сайта и подобрать необходимые размеры спойлера.
И вот так выглядит спойлер на моем сайте:
По материалам сайта Lessons-24