Инструкция по работе с блоком "Слайдер"

Алексей Городков
2020-07-30 13:17
Содержание:
1. Добавление блока "Слайдер"
2. Управление слайдами
   2.1. Добавление слайдов
   2.2. Типы слайдов
   2.3. Перемещение/удаление слайдов
3. Настройка блока "Слайдер"
   3.1. Основные настройки блока
   3.2. Раздел "Где отображать этот блок"
   3.3. Раздел "На этой странице"

1. Добавление блока "Слайдер"

Слайдер относится к категории блоков. Ознакомиться с информацией по управлению блоками можно по следующей ссылке: Управление блоками.

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

2.1. Добавление слайдов

Если вы создали новый слайдер, при переходе к его настройкам, обратите внимание, что рациональнее к ним приступить после того, как вы загрузите хотя бы один слайд, иначе установленные настройки ни к чему применяться не будут. Об этом вас уведомит выделенное голубым цветом информационное сообщение, которое будет размещаться в самом начале страницы настроек блока.

Перейти к управлению слайдами для добавления можно по кнопке "Управление слайдами" в разделе основных настроек блока:

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

2.2. Типы слайдов

В выпадающем списке формы "Добавить новый слайд" предлагается выбрать тип слайда: "HTML-код", "Изображение", "Список, "Объект".

2.2.1. Тип слайда HTML-код

Если будет выбран и добавлен тип слайда "HTML-код", загрузится одноименная форма с html-редактором, в котором посредством имеющегося в наличии инструментария может быть сформирован слайд. Ознакомиться с полным набором функционала можно по иконке с названием "Показывать основные кнопки".

Преимуществом такого варианта настройки слайдера является возможность создания слайдов с помощью html-разметки. Подтвердить внесенные изменения необходимо по кнопке "Сохранить".

2.2.2. Тип слайда Изображение

Если в выпадающем списке формы "Добавить новый слайд" был выбран тип слайда "Изображение", как и в предыдущем случае, загружается одноименная форма.

В данной форме предлагается заполнить следующие поля:

  • поле для загрузки изображения слайда;
  • поле "Позиция изображения по вертикали в процентах", предназначенное для фиксации конкретной области изображения в рамках слайдера. В данном поле в процентном соотношении указывается значение, определяющее положение изображения на слайдере. Значение "50" позиционирует загруженное изображение по центру. Соответственно, если будет введено значение больше 50, то загрузится нижняя область изображения, иначе – будет демонстрироваться верхняя область. Следующие скриншоты наглядно демонстрируют, как работает данная настройка:

  • поле "Коэффициент смещения изображения при скролле" (Значения, которые можно указывать в данном поле, должны входить в диапазон от – 100 до 100. Если будет введено отрицательное число, то смещение фонового изображения в рамках слайдера будет осуществляться в том же направлении, в каком прокручивается страница. Если указывается положительное число, то направление смещения фонового изображения относительно прокрутки страницы происходит в противоположную сторону. В зависимости от выбранного значения во время скролла меняется скорость прокрутки слайда);
  • поле "Заголовок", содержимое которого публикуется поверх фонового изображения слайдера;
  • располагается поверх слайда также и содержимое поля "Описание" (информация, введенная в данное поле, может быть отформатирована с помощью html-редактора)

Заканчивается процесс создания этого типа слайда кликом по кнопке "Сохранить".

2.3. Перемещение/удаление слайдов

Для удобства пользования в разделе управления слайдами предусмотрена возможность менять последовательность созданных слайдов. Для того, чтобы внести изменения в очередность показа слайдов, воспользуйтесь кнопками "Переместить вверх", "Переместить вниз", которые располагаются напротив заголовка формы. Также в любой момент вы можете отменить показ неактуального для вас слайда, воспользовавшись кнопкой "Удалить".  Как и предыдущие опции, она располагается в шапке формы.

 

3. Настройка блока "Слайдер"

В данном разделе предусмотрена возможность осуществлять регулировку отображения слайдера на странице.

3.1. Основные настройки блока

 

В разделе основных настроек можно выполнить следующие действия:

  • скорректировать высоту блока, за основу расчета которой принимается указанный в поле процент от ширины слайдера;

 

 

  • установить тип анимации для демонстрации добавленных слайдов (все доступные к установке типы перечислены в выпадающем списке соответствующего поля);
  • наладить переключение слайдов при скролле (за дополнительной информацией можно обратиться к пиктограмме с вопросительным знаком, которая размещена напротив названия поля);
  • определить в секундах интервал переключения слайдов (если в поле с названием "Переключать слайды при скролле" была установлена галочка, то данное поле становится недоступным для редактирования);
  • настроить отображение точек для выбора слайда и стрелок для пролистывания всех имеющихся слайдов в наборе (эти поля также автоматически становятся недоступными к редактированию, если выбрана опция переключения слайдов при скролле).

Чтобы ознакомиться с полным списком основных настроек, нужно кликнуть по ссылке "Показать больше…".

 

В результате должны загрузиться еще два дополнительных элемента, отмеченных зеленой звездочкой: "Отображать только в выбранном профиле темы" и "Разместить слайдер в плейсхолдере":

 

Дополнительный элемент "Отображать только в выбранном профиле темы" позволяет настроить видимость слайдера в пределах конкретного профиля темы оформления. Варианты доступных к использованию профилей тем оформления перечислены в выпадающем списке данного поля. Эта опция удобна в использовании в том случае, когда за вами закреплено несколько профилей темы оформления, в одном из которых приветствуется отображение слайдера, а в других демонстрация этого элемента не желательна.

Дополнительная возможность размещения слайдера в плейсхолдере позволяет добавить слайдер в одну секцию курса. Для этого необходимо установить отметку в чекбоксе с названием "Разместить слайдер в плейсхолдере" и сохранить внесенные изменения. В результате в режиме редактирования загрузится главная страница курса, и в блоке, к которому были применены вышеописанные настройки, отобразится текст с указанием вставить код в html-редактор актуальной для вас секции.

 

Форма с html-редактором доступна в настройках секции.

3.2. Раздел "Где отображать этот блок"

 

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

Добавлять блок можно как на главную страницу системы дистанционного обучения, так и на страницы категории или курса. В каждом случае поля "Ограничить этими типами страниц" (для блоков, созданных в рамках курса или категории) и "Контексты страниц" (для блоков, созданных в рамках главной страницы) содержат в себе перечни наборов страниц, доступных к отображению слайдера.

Также в этом разделе в поле "Область по умолчанию" можно выбрать зону отображения слайдера на самой странице. Полный перечень доступен в выпадающем списке соответствующего поля.

С помощью поля "Вес по умолчанию" можно задать последовательность отображения блоков относительно друг друга, размещенных в рамках конкретной области. В выпадающем списке перечисляются коэффициенты, за каждым из которых закрепляется соответствующая позиция блока в области. Чем больше значение коэффициента, тем ниже будет располагаться блок относительно других элементов области.

 

 

 

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

 3.3. Раздел "На этой странице"

 

 Данный раздел включает в себя настройки, ориентированные на отображение блока в пределах той страницы, на которой он был добавлен. В самом первом поле раздела блоку можно задать настройки видимости. Характеристики полей "Область" и "Вес" были приведены в предыдущем разделе инструкции (см. Раздел "Где отображать этот блок").

Tags: блоки
Average rating: 0 (0 Votes)

You cannot comment on this entry