Закажите свой сайт сегодня и уже завтра вы будете владельцем готового сайта
Давайте представим такую ситуацию: вам в статье, или на странице, нужно разместить несколько довольно громоздких блоков с видео, фото, и т.д. Которые в развернутом виде будут портить страницу делая ее слишком длинной, а редкий посетитель будет читать слишком объемный материал с экрана. Вот в этой ситуации нам и помогут Аккордионы. В этой статье мы рассмотрим один из самых полезных виджетов Widgetkit Accordion, с помощью которого я для примера вставлю в статью разного вида материалы.
На самом первом скриншоте вы можете увидеть конечный результат, потом уже пройдемся пошагово.
Как можете заметить, виджет позволяет очень ощутимо сэкономить много места на странице, позволив пользователю выделить самое интересное для него.
А теперь рассмотрим поподробнее.
Шаг 1
Панель управления находиться по стандартному пути "Joomla - Компоненты - Widgetkit - Accordion". Для создания своего первого так называемого аккордиона, или спойлера, как его называют некоторые нужно нажать "Create yuor first accordion". Две другие кнопки пока трогать не будем, и приступим к шагу 2.
Шаг 2 - 3
Мы попали в менеджер Акордиона. Для начала нужно дать название нашему первому акордиону. Не обращайте внимание на мое название, вы можете использовать любое. В Title нужно написать название контента, чтобы в последствии оно отобразилось в планке по которой будут его разворачивать пользователи.
В окне редактора размещаем всю информацию которая нужна, и сохраняем. Первый материал готов, для добавления последующих материалов нужно нажать на "Add New Item" (скриншот 3).
В настройках, те что в колонке справа, можно ничего не трогать, там выставлено все по умолчанию.
Жмем на Save, и переходим в панель администрирования виджета (Компоненты - Widgetkit - Accordion).
Шаг 4
В панели управления появиться ваш добавленный виджет. Для установки в статью нужно лишь скопировать код виджета Could not load widget with the id 0.. Вставив в нужное место в статье, можем уже смотреть результат.
Добавить виджет в качестве модуля так же просто как и остальные виджеты, тут техника ничем не отличается.