Как установить слайдер для Joomla
В этом материале я расскажу как скачать и установить слайдер изображений для Joomla.
1. Установка слайдера для Joomla
Скачать слайдер можно по этой ссылке. Далее откройте в панели администратора вкладку «Расширения -> Менеджер расширений»(«Extensions -> Extensions manager») на вкладке «Загрузить файлы пакета». Выберите архив «joomly_slider.zip» и установите его.
2. Создание слайдера
Теперь можно перейти непосредственно к созданию слайдера. Откройте менеджер модулей «Расширения->Менеджер модулей» («Extensions->Module manager») и найдите «Joomly slider». На вкладке «Настройки слайдера» располагается панель опций и заготовка слайдера. Чтобы добавить новый слайд или отредактировать/удалить текущий, кликните правой кнопкой мыши по слайдеру.
В всплывающем окне вы можете задать цвет или картинку для фона. Добавить и отформатировать текст или любой другой HTML контент (кнопки, поля, видео и тд). Создадим несколько слайдов в качестве примера.
На первый слайд мы добавляем обычный текст (1), задаем ему шрифт (2) и белый цвет (3), выравнивание по центру (4), при желании добавляем ссылку для перехода по клику на слайд (5). В качестве фонового изображения используем готовую картинку (6). Чтобы добавить картинку нажмите «Select», вам откроется окно с вашим медиа контентом.
Если ваша картинка уже загружена на сайт, вам остается только выбрать ее и нажать кнопку вставить (1). В противном случае, предварительно загрузите ее в нижней часте всплывающего окна (2). Первый слайд готов, нажимаем «Add»
Добавим на второй слайд видео Youtube. Для этого, в настройках видео нам нужно получить ссылку на вставку (1,2) и добавить ее в окно текст.
При желании можно добавить слайду цветной фон. Для сохранения нажимаем «Save».
3. Настройка слайдера
После того, как слайдер бы создан, мы можем перейти к настройке его внешнего вида.
- В полях «Ширина» и «Высота» задаются размеры слайдера. Вы можете задать как абсолютные размеры в пикселях, так и относительные в процентах. В случае, когда заданы абсолютные размеры в пикселях, слайдер остается неизменным при изменение размеров окна. Если же вы хотите, чтобы его размеры изменялись вместе с размерами окна (т.н. responsive), то поставьте галку напротив опции «соотношение сторон» и задайте размеры в процентах.
- Далее вы можете выбрать один из 9 эффектов анимации.
- Следующими опциями вы можете добавить кнопки вперед/назад («стрелочки»), кнопки переключения («кружочки»), включить перелистывание слайдов мышью.
- Опция «Миниатюры» позволяет подключить миниатюры слайдов под ним и задать их количество
- Если вы задавали названия слайдам, то можете подключить их отображение.
- При отключенной опции «Зацикливание слайдера», слайдшоу будет прекращаться на последнем слайде.
- Последние две настройки позволят включить автоматические переключение слайдов и задать его период.
4. Добавление слайдера на страницы сайта
Если вы хотите добавить слайдер в материал, то откройте нужную статью и вставьте в нужном месте {loadmodule mod_joomly_slider}, эта конструкция загрузит слайдер на страницу.
Если вы хотите отображать слайдер на нескольких страницах, привязав его к определенной позиции, задайте на вкладке «Модуль» в настройках слайдера нужную позицию (1), опубликуйте модуль (2) и на вкладке «Привязка к пунктам меню» (3) укажите нужные страницы.
На этом все.