Статьи по теме: Изображения
Эта статья также доступна на:

Добавление и настройка галереи

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


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


Содержание:



Шаг 1. Добавление элемента Галерея


Существует несколько вариантов того, как добавить этот элемент на страницу вашего сайта:


  • Вы можете добавить готовый блок с этим элементом. Ознакомьтесь с разделом Галереи при добавлении нового блока.


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

​​

Подсказка: обратитесь к статье о добавлении блоков.


  • Также вы можете добавить этот элемент в уже существующую заполненную или пустую колонку в одном из ваших блоков. Для этого нажмите на иконку добавления нового элемента и выберите элемент Галерея или Слайдер из списка доступных:

Подсказка: эти элементы вы можете найти во вкладке Медиа при добавлении элемента.


Примечание: оба упомянутых выше элемента являются одним и тем же элементом «Галерея»; во втором случае по умолчанию включен режим слайдера.


Важно: в настоящее время эти элементы недоступны для Flex-блока.


Шаг 2. Добавление изображений в элемент Галерея


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

  1. Во вкладке Контент вы можете загрузить нужные изображения со своего устройства или выбрать фото из Медиагалереи вашего сайта:

Примечание: в настоящее время поддерживаются форматы .png, .jpg, .svg, .webp, .avif и .gif.


Подсказка: элемент Галерея поддерживает загрузку/выбор нескольких файлов одновременно: зажмите кнопку Cmd (на Mac) или Shift (на Windows), чтобы выбрать несколько фотографий.


Подсказка: вы можете узнать больше о Медиагалерее в нашей статье.


Шаг 3. Настройка изображений в элементе Галерея


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

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


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


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


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


Подсказка: если вам необходимо создать галерею из Видео или других элементов, воспользуйтесь блоком-коллекцией.


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


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


Шаг 4. Настройка элемента Галерея


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


  1. Аналогично второму шагу этой статьи, откройте настройки элемента Галерея.


  1. Во вкладке Стиль вы можете активировать скругление углов для каждого фото в элементе и добавить обводку:

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


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


  1. Во вкладке Вид можно выбрать нужный вам тип галереи:

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


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


  1. Опубликуйте сайт после завершения работы с галереей.



Последнее изменение: 12/12/2025

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

Поделиться отзывом

Отменить

Спасибо!