Як встановити модуль слайдера для joomla, joomly блог

У цьому матеріалі я розповім як завантажити і встановити слайдер зображень для Joomla.

1. Установка слайдера для Joomla

Завантажити слайдер можна за цим посиланням. Далі відкрийте в панелі адміністратора вкладку «Розширення -> Менеджер розширень» ( «Extensions -> Extensions manager») на вкладці «Завантажити файли пакета». Виберіть архів «joomly_slider.zip» і встановіть його.

Як встановити модуль слайдера для joomla, joomly блог

2. Створення слайдера

Тепер можна перейти безпосередньо до створення слайдера. Відкрийте менеджер модулів «розширення-> Менеджер модулів» ( «Extensions-> Module manager») і знайдіть «Joomly slider». На вкладці «Налаштування слайдера» розташовується панель опцій і заготівля слайдера. Щоб додати новий слайд або відредагувати / видалити поточний, клікніть правою кнопкою миші по слайдеру.

Як встановити модуль слайдера для joomla, joomly блог

Як встановити модуль слайдера для joomla, joomly блог

На перший слайд ми додаємо звичайний текст (1), задаємо йому шрифт (2) і білий колір (3), вирівнювання по центру (4), при бажанні додаємо посилання для переходу по кліку на слайд (5). В якості фонового зображення використовуємо готову картинку (6). Щоб додати картинку натисніть "Select", вам відкриється вікно з вашим медіа контентом.

Як встановити модуль слайдера для joomla, joomly блог

Якщо ваша картинка вже завантажена на сайт, вам залишається тільки вибрати її і натиснути кнопку вставити (1). В іншому випадку, попередньо завантажте її в нижній частині спливаючого вікна (2). Перший слайд готовий, натискаємо «Add»

Як встановити модуль слайдера для joomla, joomly блог

Як встановити модуль слайдера для joomla, joomly блог
При бажанні можна додати слайду кольоровий фон. Для збереження натискаємо «Save».

3. Налаштування слайдера

Після того, як слайдер би створений, ми можемо перейти до налаштування його зовнішнього вигляду.

Як встановити модуль слайдера для joomla, joomly блог

  • У полях «Ширина» та «Висота» задаються розміри слайдера. Ви можете задати як абсолютні розміри в пікселях, так і відносні у відсотках. У разі, коли задані абсолютні розміри в пікселях, слайдер залишається незмінним при зміна розмірів вікна. Якщо ж ви хочете, щоб його розміри змінювалися разом з розмірами вікна (т.зв. responsive), то поставте галку навпроти опції «співвідношення сторін» і задайте розміри в процентах.
  • Далі ви можете вибрати один з 9 ефектів анімації.
  • Наступними опціями ви можете додати кнопки вперед / назад ( «стрілочки»), кнопки перемикання ( «кружечки»), включити перегортання слайдів мишею.
  • Опція «Мініатюри» дозволяє підключити мініатюри слайдів із ним і задати їх кількість
  • Якщо ви задавали назви слайдів, то можете підключити їх відображення.
  • При відключеній опції «Зациклення слайдера», слайд-шоу буде припинятися на останньому слайді.
  • Останні дві настройки дозволять включити автоматичні перемикання слайдів і задати його період.

4. Додавання слайдера на сторінки сайту

Якщо ви хочете додати слайдер в матеріал, то відкрийте потрібну статтю і вставте в потрібному місці », ця конструкція завантажить слайдер на сторінку.

Як встановити модуль слайдера для joomla, joomly блог

Якщо ви хочете відображати слайдер на декількох сторінках, прив'язавши його до певної позиції, задайте на вкладці «Модуль» в настройках слайдера потрібну позицію (1), опублікуйте модуль (2) і на вкладці «Прив'язка до пунктів меню» (3) вкажіть потрібні сторінки .

Як встановити модуль слайдера для joomla, joomly блог