Редактор Studio: добавление и настройка репитера со слайд-шоу

5 мин. чтения
С помощью репитера со слайд-шоу вы можете гораздо быстрее создавать интерактивные слайд-шоу для сайтов ваших клиентов. Дизайн и макет будут повторяться на различных слайдах, при этом контент будет меняться. Это поможет сохранить единообразный вид слайд-шоу без необходимости создавать каждый слайд с нуля.
Пример репитера со слайд-шоу на опубликованном сайте
Содержание:

Добавление и настройка репитера со слайд-шоу

Чтобы начать, выберите один из различных дизайнов слайд-шоу. После добавления одного из слайд-шоу на страницу вы можете смело добавлять, перемещать или удалять элементы по мере необходимости. 
Примечание:
Добавление или удаление элементов на одном слайде влияет и на другие слайды.

Чтобы добавить и настроить репитер со слайд-шоу:

  1. Нажмите на  Добавить элементы  в левой части редактора.
  2. Нажмите Инструменты лейаута.
  3. Нажмите Репитеры со слайд-шоу.
  4. Перетащите на страницу понравившийся дизайн.
  5. Настройте контент слайд-шоу в соответствии с потребностями вашего клиента:
    • Нажмите на элементы (например, текст, изображения), чтобы настроить их. 
    • Добавьте больше элементов на слайды.
    • Удалите ненужные элементы. 
    • Подключите элементы к CMS (системе управления контентом).
Доступные дизайны слайд-шоу на панели «Добавить элементы»

Управление слайдами

В верхней части панели Инспектора, вы можете увидеть точное количество элементов (слайдов) и возможность управлять ими по отдельности. 
Вы можете создать копии элементов, чтобы добавить больше слайдов или удалить ненужные. 
Панель инспектора при выборе слайд-шоу, показывающая количество элементов вверху.

Чтобы управлять слайдами:

  1. Выберите репитер со слайд-шоу. 
  2. Нажмите значок Открыть инспектор  в правом верхнем углу редактора.
Скриншот открытия панели инспектора в редакторе Studio.
  1. Нажмите Управлять в верхней части инспектора.
  2. Наведите курсор на соответствующий элемент (слайд) и нажмите значок Другие действия .
  3. Выберите, что делать дальше: Создать копию, Переименовать или Удалить
    Совет: переименование одного слайда автоматически переименовывает другие слайды в этом слайд-шоу.
Параметры управления, которые отображаются для каждого элемента / слайда в слайд-шоу.

Настройка параметров слайд-шоу

Настройте слайд-шоу по своему усмотрению. Вы можете показать или скрыть стрелки перелистывания, настроить автопроигрывание слайд-шоу, добавить эффект перехода между слайдами и многое другое. 

Чтобы настроить параметры слайд-шоу:

  1. Выберите репитер со слайд-шоу.
  2. Нажмите Настройка.
  3. Выберите, что сделать дальше:
    • Показывать стрелки перелистывания: нажмите на переключатель, чтобы показать или скрыть стрелки перелистывания.
    • Эффекты перехода: выберите, следует ли применять эффект перехода между слайдами.
    • Автопроигрывание: активируйте переключатель, чтобы слайд-шоу воспроизводилось автоматически без необходимости посетителям взаимодействовать с ним. 
      • Время на каждый элемент: выберите, как долго показывать слайд, прежде чем слайд-шоу автоматически перейдет к следующему.
      • Остановить при наведении: активируйте этот переключатель, чтобы слайд-шоу останавливалось, когда посетитель наводит на него курсор. Это поможет уделить больше внимания контенту. 
    • Автоповтор: когда этот переключатель включен, слайд-шоу воспроизводится бесконечно. Каждый раз проиграв до конца, он запускается с самого начала. 
Панель настроек слайд-шоу рядом со слайд-шоу на холсте.

Дизайн репитера со слайд-шоу

Персонализируйте вид репитера со слайд-шоу, чтобы он соответствовал стилю вашего клиента. Вы можете добавить цвет фона к слайдам, границу, которая обрамляет слайд-шоу и применить тень, чтобы выделить его. 

Чтобы настроить репитер со слайд-шоу:

  1. Выберите репитер со слайд-шоу. 
  2. Нажмите значок Открыть инспектор  в правом верхнем углу редактора.
Скриншот открытия панели инспектора в редакторе Studio.
  1. Выберите, что сделать дальше:
    • Выберите цвет фона и установите прозрачность для слайдов. 
    • Добавьте границу, чтобы обрамить слайд-шоу.
    • Сделайте уголки слайд-шоу более круглыми или прямоугольными. 
    • Добавьте тень позади слайд-шоу. 
Доступные параметры дизайна слайд-шоу на панели инспектора.

Настройка стрелок перелистывания

В репитере со слайд-шоу есть 2 встроенные кнопки, которые позволяют посетителям перемещаться между слайдами. Вы можете заменить значки, настроить их размер и добавить полезный текст рядом с кнопками (например, «Назад», «Вперед»).
Вы также можете убрать стрелки перелистывания, чтобы у посетителей не было возможности перемещения по слайдам. Перейдите в панель настроек слайд-шоу, чтобы скрыть их.

Чтобы настроить стрелки перелистывания:

  1. Выберите репитер со слайд-шоу. 
  2. Выберите стрелку перелистывания.
    Совет: не имеет значения, на каком слайде вы находитесь, поскольку настройки применяются ко всем слайдам.  
  3. Нажмите Настроить, чтобы заменить значок и добавить текст к кнопке. 
Доступные параметры настройки, которые отображаются на панели инструментов при нажатии на стрелку перелистывания

Была ли статья полезна?

|