Спойлерите в оформлението на уеб страниците се използват за визуално скриване на част от обемния текст, изображение или друго съдържание на страницата зад връзка. За да направите спойлер в Joomla, използвайте специален плъгин.
Инструкции
Етап 1
В директорията на добавките Joomla намерете и инсталирайте приставката Core Design Spoiler. За коректна работа ще ви е необходима и приставката Core Design Scriptegrator, която автоматично ще зареди JS библиотеки (Highslide, jQuery и други). След инсталацията активирайте и двете добавки чрез Plugin Manager.
Стъпка 2
Сега можете да добавите спойлер със скрито съдържание, като го увиете в маркера [spoiler]. Такъв маркер може да се добави не само към обикновените статии на Joomla, но и към материалите на каталожните компоненти, например в K2, ZOO, FLEXIcontent и др.
Стъпка 3
Изберете начина на показване на спойлера в настройките на приставката. Това може да бъде обикновена връзка или бутон. Посочете също условието, при което ще се отвори спойлерът - когато щракнете или задържите курсора на мишката.
Стъпка 4
В допълнение към посочения метод, всеки от параметрите може да бъде зададен ръчно, в маркера [spoiler]. Спойлерът може да се настрои с параметъра на елемента, като се посочи стойността на връзката за показване като връзка или бутон за бутон.
Стъпка 5
Действието, при което ще бъде разкрит спойлерът, може да бъде определено чрез параметъра за действие, за който има валидни стойности hover (при задържане) или щракване (при щракване). Уникално заглавие на спойлер може да бъде създадено с помощта на параметъра Title, като се посочва необходимата стойност в кавички.
Стъпка 6
Например, ако трябва да направите спойлер със заглавие „Прочетете продължението на историята“, който ще се отвори, като щракнете върху връзката с текста на заглавието, използвайте следния таг: [spoiler title=„Прочетете продължението на историята "action =" click "element =" link "]
Стъпка 7
След този таг поставете текста или изображението, които искате да скриете, и след това "затворете" спойлера с маркера: [/spoiler]
