Как я могу добавить галерею изображений на свой сайт?
Вы можете добавить на свой сайт галерею изображений, чтобы представить свои продукты и услуги, привлечь внимание посетителей к основным моментам вашего контента или создать визуальную атмосферу, которая продемонстрирует ваш бизнес.
Как добавить галерею изображений?
- В редакторе конструктора сайтов нажмите кнопку Элементы.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0810/1-1024x303.png)
- Переместите элемент Галерея в содержимое страницы. Обратите внимание, что редактор выделит места, где вы можете его поместить.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0810/2-1024x558.png)
- Кликните на Вид отображения, который хотите добавить на свою страницу.
Выберите тип галереи Слайд-шоу, Плитка или Сетка.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0810/3-1024x715.png)
Как поменять изображения в галерее?
- Кликните по галереи, чтобы открыть панель инструментов, а затем кликните на ссылку Изменить рядом с изображением, которое вы хотите изменить.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0811/4-1024x589.png)
- Нажмите кнопку Заменить и выберите изображение из библиотеки, добавьте новое или вставьте его из URL-адреса.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0811/5-1024x563.png)
Как я могу добавить новый файл?
- Нажмите на кнопку Добавить файлы. Все ваши пользовательские файлы будут доступны на вкладке Мои файлы.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1041/4-1024x352.png)
- В окне Добавить файлы кликните на ссылку, Выберите файл с вашего компьютера или перетащите файл с устройства. Затем нажмите кнопку Добавить.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1041/5.png)
- Ваш файл будет добавлен в хранилище файлов и изображений. Нажмите кнопку Использовать, чтобы добавить его на свой веб-сайт.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1041/6-1024x648.png)
Как я могу использовать файл из библиотеки?
Файлы в библиотеке отсортированы по четырем вкладкам:
- Мои файлы
Выберите собственное изображение, хранящееся в Меню > Файлы и изображения - Мои сайты
Выберите из изображений, которые вы уже использовали в редакторе веб-сайта. - Unsplash
Выбирайте из тысяч потрясающих бесплатных стоковых фотографий от Unsplash. - GIFs
Добавьте анимированный GIF от Giphy.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1158/19-1024x553.png)
- Найдите файл, который хотите использовать. Вы можете использовать поле поиска файлов для фильтрации изображений по ключевым словам.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1159/20-1024x553.png)
- Нажмите на кнопку Использовать, чтобы добавить изображение на свой веб-сайт.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1200/21-1024x555.png)
- Если вы хотите найти больше фотографий того же автора, нажмите на его имя под кнопкой Использовать. Это откроет профиль фотографа на Unsplash в новой вкладке.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/1202/222-1024x558.png)
Вы также можете настроить любое изображение в своей галерее, заменив его изображением из URL-адреса и добавив альтернативный текст.
- Вставить файл из URL-адреса
Вы можете заменить текущее изображение изображением из URL-адреса, указанного в этом поле.
Узнайте больше о том, как вставить изображение из URL-адреса. - Alt текст
Добавьте текст, описывающий изображение, которое будет отображаться вместо изображения, которое не загружается. Его также читают вслух программы чтения с экрана.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0814/17-1024x543.png)
Как добавить больше изображений в галерею?
- Кликните по галерее, чтобы открыть панель инструментов, а затем нажмите кнопку Добавить изображение.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0811/6-1024x585.png)
- Нажмите кнопку Добавить изображение в новом блоке изображения и выберите изображение из библиотеки, добавьте новое или вставьте из URL-адреса.
Вы также можете добавить замещающий (Alt) текст для нового изображения.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0811/7-1024x559.png)
Как удалить изображения из галереи?
Нажмите кнопку X рядом с изображением, которое хотите удалить.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0812/8-1024x629.png)
Как изменить вид галереи?
Кликните по галерее, чтобы открыть панель инструментов, а затем кликните на раздел Вид отображения.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0812/9-1024x596.png)
Каждый стиль галереи имеет различные свойства, которые вы можете настроить.
Сетка
Установите размер изображений и отступы.
В расширенных настройках вы можете настроить границу, радиус и тень изображений.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0812/10-1024x669.png)
Слайд-шоу
Установите ширину и высоту слайда.
В расширенных настройках вы можете настроить границу, радиус и тень слайда.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0812/11-1024x663.png)
Плитка
Установите размер изображений и интервал.
В расширенных настройках вы можете настроить границу, радиус и тень изображения.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0812/12-1024x687.png)
Настройки блока
Блок формы – это рабочее пространство в рамке вокруг вашей галереи с меткой Галереи слева. Вы можете увидеть рамку только после нажатия на объект. Его не будет видно на вашем сайте.
Вы можете настроить его цвет, отступ, границу, радиус и тень.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0812/13-1024x667.png)
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0813/14-1024x584.png)
Абсолютное позиционирование
Включите эту опцию, чтобы переместить галерею в любое место на вашем сайте.
Примечание. Мы рекомендуем использовать этот вариант только в том случае, если у вас необычный дизайн, который невозможно создать другим способом. Использование объектов с абсолютным позиционированием может сделать вашу страницу менее отзывчивой на мобильных устройствах.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0813/15-1024x513.png)
Скрывать на мобильных
Включите эту опцию, чтобы скрыть вашу галерею, пока ваша страница открыта на мобильном устройстве.
Вы можете использовать эту опцию, чтобы упростить вашу страницу для мобильных пользователей.
![](https://us-wd.gr-cdn.com/help/sites/9/2021/09/0813/16-1024x513.png)