Редактор Studio: добавление и настройка репитера со слайд-шоу
5 мин. чтения
С помощью репитера со слайд-шоу вы можете гораздо быстрее создавать интерактивные слайд-шоу для сайтов ваших клиентов. Дизайн и макет будут повторяться на различных слайдах, при этом контент будет меняться. Это поможет сохранить единообразный вид слайд-шоу без необходимости создавать каждый слайд с нуля.
Что именно повторяется на слайдах?
![Пример репитера со слайд-шоу на опубликованном сайте](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/479754c8-39ca-42ec-8911-6ab3057983b3/3f063b17-af2e-49f2-9d24-0d3ca17729e1.gif)
Содержание:
Добавление и настройка репитера со слайд-шоу
Чтобы начать, выберите один из различных дизайнов слайд-шоу. После добавления одного из слайд-шоу на страницу вы можете смело добавлять, перемещать или удалять элементы по мере необходимости.
Примечание:
Добавление или удаление элементов на одном слайде влияет и на другие слайды.
Чтобы добавить и настроить репитер со слайд-шоу:
- Нажмите на Добавить элементы
в левой части редактора.
- Нажмите Инструменты лейаута.
- Нажмите Репитеры со слайд-шоу.
- Перетащите на страницу понравившийся дизайн.
- Настройте контент слайд-шоу в соответствии с потребностями вашего клиента:
- Нажмите на элементы (например, текст, изображения), чтобы настроить их.
- Добавьте больше элементов на слайды.
- Удалите ненужные элементы.
- Подключите элементы к CMS (системе управления контентом).
![Доступные дизайны слайд-шоу на панели «Добавить элементы»](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/b3ce8485-48ab-4a98-b956-093c87bdb5dc/80ed7916-99cc-46ca-b93f-51dcab95026e.png)
Управление слайдами
В верхней части панели Инспектора, вы можете увидеть точное количество элементов (слайдов) и возможность управлять ими по отдельности.
Вы можете создать копии элементов, чтобы добавить больше слайдов или удалить ненужные.
![Панель инспектора при выборе слайд-шоу, показывающая количество элементов вверху.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/3167649c-9b32-4f76-b884-ae7ddf67f277/d99b64dc-0016-477f-802e-e36afecc4c93.png)
Чтобы управлять слайдами:
- Выберите репитер со слайд-шоу.
- Нажмите значок Открыть инспектор
в правом верхнем углу редактора.
![Скриншот открытия панели инспектора в редакторе Studio.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/07/ed25ff0f-6b3d-4d1c-9155-e9b1c788a0b5/326f9801-aa4e-4ca8-8989-360b80ec33f2.png)
- Нажмите Управлять в верхней части инспектора.
- Наведите курсор на соответствующий элемент (слайд) и нажмите значок Другие действия
.
- Выберите, что делать дальше: Создать копию, Переименовать или Удалить.
Совет: переименование одного слайда автоматически переименовывает другие слайды в этом слайд-шоу.
![Параметры управления, которые отображаются для каждого элемента / слайда в слайд-шоу.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/0c1ad542-8c75-49d6-8796-84e34e38691c/9af4b636-f24c-445a-95f7-da05e07f2783.png)
Настройка параметров слайд-шоу
Настройте слайд-шоу по своему усмотрению. Вы можете показать или скрыть стрелки перелистывания, настроить автопроигрывание слайд-шоу, добавить эффект перехода между слайдами и многое другое.
Чтобы настроить параметры слайд-шоу:
- Выберите репитер со слайд-шоу.
- Нажмите Настройка.
- Выберите, что сделать дальше:
- Показывать стрелки перелистывания: нажмите на переключатель, чтобы показать или скрыть стрелки перелистывания.
- Эффекты перехода: выберите, следует ли применять эффект перехода между слайдами.
- Автопроигрывание: активируйте переключатель, чтобы слайд-шоу воспроизводилось автоматически без необходимости посетителям взаимодействовать с ним.
- Время на каждый элемент: выберите, как долго показывать слайд, прежде чем слайд-шоу автоматически перейдет к следующему.
- Остановить при наведении: активируйте этот переключатель, чтобы слайд-шоу останавливалось, когда посетитель наводит на него курсор. Это поможет уделить больше внимания контенту.
- Автоповтор: когда этот переключатель включен, слайд-шоу воспроизводится бесконечно. Каждый раз проиграв до конца, он запускается с самого начала.
![Панель настроек слайд-шоу рядом со слайд-шоу на холсте.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/6350f70c-0607-4cfa-a693-849f1100b97d/605b9dfc-e5b9-4069-a699-149e3ad4cf8e.png)
Дизайн репитера со слайд-шоу
Персонализируйте вид репитера со слайд-шоу, чтобы он соответствовал стилю вашего клиента. Вы можете добавить цвет фона к слайдам, границу, которая обрамляет слайд-шоу и применить тень, чтобы выделить его.
Чтобы настроить репитер со слайд-шоу:
- Выберите репитер со слайд-шоу.
- Нажмите значок Открыть инспектор
в правом верхнем углу редактора.
![Скриншот открытия панели инспектора в редакторе Studio.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/07/ed25ff0f-6b3d-4d1c-9155-e9b1c788a0b5/326f9801-aa4e-4ca8-8989-360b80ec33f2.png)
- Выберите, что сделать дальше:
- Выберите цвет фона и установите прозрачность для слайдов.
- Добавьте границу, чтобы обрамить слайд-шоу.
- Сделайте уголки слайд-шоу более круглыми или прямоугольными.
- Добавьте тень позади слайд-шоу.
![Доступные параметры дизайна слайд-шоу на панели инспектора.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/328669c8-70b6-4f6a-a30d-3a606127dcd6/4e678776-7224-4ce8-8cf7-a72ac3c0cd4c.png)
Настройка стрелок перелистывания
В репитере со слайд-шоу есть 2 встроенные кнопки, которые позволяют посетителям перемещаться между слайдами. Вы можете заменить значки, настроить их размер и добавить полезный текст рядом с кнопками (например, «Назад», «Вперед»).
Вы также можете убрать стрелки перелистывания, чтобы у посетителей не было возможности перемещения по слайдам. Перейдите в панель настроек слайд-шоу, чтобы скрыть их.
Чтобы настроить стрелки перелистывания:
- Выберите репитер со слайд-шоу.
- Выберите стрелку перелистывания.
Совет: не имеет значения, на каком слайде вы находитесь, поскольку настройки применяются ко всем слайдам. - Нажмите Настроить, чтобы заменить значок и добавить текст к кнопке.
![Доступные параметры настройки, которые отображаются на панели инструментов при нажатии на стрелку перелистывания](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/b9ea0094-3313-47fe-9494-351a43064d5e/d3d00fa2-81dc-4e1f-936e-e481e50da8fa.png)