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

Следуйте инструкциям ниже, чтобы добавить и настроить галерею на своём сайте.

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



Добавление галереи

Откройте галерею блоков в редакторе, перейдите во вкладку Галерея и выберите подходящий блок:



Вы также можете добавить галерею как отдельный элемент в уже существующие блоки. Для этого наведите на то место в блоке, куда вы хотите установить галерею, и кликните на «плюс»:



Выберите элемент Галерея в открывшемся окне:



Добавление изображений в галерею

Чтобы добавить изображения, кликните на саму галерею или нажмите на бегунок в левом верхнем углу:



Перейдите во вкладку Контент и Загрузите нужные изображения с вашего устройства. Кликните на кнопку Галерея, если хотите выбрать уже добавленные на сайт фото или подобрать бесплатные стоковые изображения во вкладке Бесплатные фото:



Как только вы добавили картинки в галерею, настройте их отображение и положение в контейнере в соответствии с инструкциями в статье Редактирование изображений.

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

Чтобы поменять порядок расположения картинок, наведите на одну из них во вкладке Контент и, удерживая, перетащите в нужное место.

Настройки галереи

После того, как вы добавили картинки в галерею, настройте их вид — выберите тип галереи, включите режим слайдера, измените отступы и так далее.

Чтобы перейти к этим настройкам, наведите на галерею и кликните на «бегунок» в левом верхнем углу:



Перейдите во вкладку Вид и выберите подходящий для вас тип галереи:



Каждый тип галереи имеет свои настройки. Например, если вы выберите режим Слайдер, вы сможете настроить цвет и вид элементов управления, анимацию, а также включить автопрокрутку.

Не забудьте опубликовать свой сайт после завершения работы с галереей.
Была ли эта статья полезна?
Отменить
Спасибо!