Слайдер ідеально підходить для привабливого відображення контенту, такого як текст, зображення, відео, логотипи або відгуки, а також для презентації кількох елементів контенту на невеликій площі.
Нижче ми покроково покажемо, як створити слайдер, а потім його редагувати.
Крок 1: Додайте новий розділ
Додайте порожній розділ на сторінку в тому місці, де ви хочете розмістити слайдер. Для цього натисніть синю іконку +, відкрийте вкладку «Макети» зліва та вставте порожній розділ.
Крок 2: Змініть макет розділу
Змініть макет порожнього розділу на «Слайдер», щоб були доступні функції слайдера. Для цього просто натисніть іконку стовпці та оберіть «Слайдер».
Крок 3: Додайте елементи
Додайте потрібні елементи до слайдера, наприклад:
Текст
Зображення
Іконки
Відео
Логотипи
Відгуки
Соціальні мережі
Ви також можете додати кілька елементів в одну колонку.
Якщо ви хочете додати нові колонки, натискайте синю кнопку «Додати нову», доки не отримаєте потрібну кількість колонок.
Тепер додайте потрібні елементи до решти колонок так само, як ви це зробили в першій колонці. Налаштуйте текст, зображення або інший контент на свій розсуд — залежно від того, які елементи ви додали.
Крок 4: Редагування колонок
Для кожної колонки ви також можете налаштувати такі параметри:
Обведення або заповнення
Вирівнювання елементів
Колір тексту
Для країв: колір рамки + радіус
Для заповнення: колір фону + радіус
Ви також можете налаштувати ширину кожної колонки. Наприклад, одна колонка може бути вузькою (наприклад, 1 одиниця), а інша — ширшою (2–3 одиниці).
Крок 5: Налаштування слайдера для всього розділу
Відтворення: Ви можете увімкнути або вимкнути автоперегортання, встановити тривалість між слайдами (3–15 секунд) та обрати, чи відтворювати слайди по одному або всі одразу.
Стрілки навігації: Ви можете налаштувати їхній розмір, відстань, положення та колір на свій смак.
📌 Примітка: стрілки навігації відображаються лише на комп’ютерах. Через обмежений простір на екрані вони не показуються на мобільних пристроях.
Нумерація сторінок:
Натисніть «+ Додати властивість слайдера» та оберіть «Нумерація сторінок».
Вибір стилю: У вас є 6 різних стилів нумерації сторінок на вибір, наприклад, точки, смужки або форми на кшталт 1/4. Просто оберіть той стиль, який вам найбільше подобається.
Налаштування: Залежно від обраного стилю, ви можете індивідуально налаштувати розмір, відстань, ширину, колір, вирівнювання та радіус кутів.
Циклічне відтворення: За бажанням ви можете увімкнути цикл, натиснувши «+ Додати властивість слайдера» та обравши «Цикл (Нескінченний)». Цикл забезпечує автоматичне відтворення першого слайда після останнього.
Переходи слайдів: Якщо ви хочете додати перехід слайдів, натисніть «+ Додати властивість слайдера» → «Перехід слайду». У вас є три варіанти:
Згасання (Fade): Старий слайд поступово зникає, а новий плавно з’являється без руху або зміни розміру. Просто м’який, елегантний перехід.
Згасання і масштаб (Fade and Scale): Новий слайд трохи збільшується під час появи, тоді як старий зникає.
Налаштування неактивних слайдів (Custom Inactive Settings): Неактивні слайди можна відображати меншими та більш прозорими (наприклад, 50% розміру, 50% прозорості). Значення 100 означає «без ефекту», менші значення збільшують ефект.
Налаштування колонок:
Встановіть кількість колонок, що відображаються поруч (до 6 одночасно)
Налаштуйте відстань та вирівнювання між колонками
📌 Примітка: кількість колонок застосовується лише на комп’ютерах. На мобільних пристроях автоматично відображається лише одна колонка, технічно неможливо показати кілька колонок поруч на мобільних пристроях.
💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂