Редактор Wix: Как изменить макет галереи?
4 мин. чтения
Вы можете настроить макет галереи таким образом, чтобы он соответствовал структуре и выравниванию сайта. Используйте такие параметры, как ширина, интервал и высота, чтобы структурировать и отображать изображения в нужном формате.
Содержание
Примечание
Доступные опции по изменению макета зависят от выбранного типа галереи.
Выбор количества рядов и колонок
Решите, сколько рядов и колонок вам нужно для размещения контента галереи. Например, если в галерее 9 изображений, вы можете использовать 3 строки и 3 столбца, чтобы фотографии отображались равномерно.
После выбора количества рядов и колонок вы можете настроить размер интервала между изображениями.
Чтобы изменить количество столбцов и строк:
- Нажмите на галерею в редакторе.
- Нажмите на значок Макет
.
- Настройте макет:
- Число колонок: перетащите ползунок, чтобы установить количество колонок.
- Ряды: перетащите ползунок, чтобы выбрать количество рядов.
- Расстояние (пикс.): перетащите ползунок, чтобы установить интервал между фото.

Примечание
Некоторые галереи содержат только параметр Колонки/Число колонок.
Изменение размера галереи
Изменить размер галереи можно двумя способами: использовать ручки растягивания, чтобы отрегулировать размер, или растянуть ее на всю ширину страницы.
Изменение размера галереи с помощью ручек растягивания
- Нажмите на соответствующую галерею в редакторе.
- Нажмите и перетащите маркеры по краям галереи, чтобы изменить ее размер.
Примечание
Если вы не можете изменить размер галереи с помощью ручек растягивания, вероятно, галерея уже растянута на всю ширину страницы. Вы можете отключить эту опцию при необходимости.

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

Примечание
Предельный размер поля для галерей на всю ширину страницы составляет 80 пикселей.
Выравнивание текста изображения галереи
В некоторых галереях отображаются названия и / или описания изображений, чтобы дать вашим посетителям дополнительную информацию или контекст фотографии. Вы можете выбрать выравнивание текста в панели «Макет».
Чтобы выровнять текст в галерее:
- Нажмите на соответствующую галерею в редакторе.
- Нажмите на значок Макет
.
- Выберите вариант в разделе Выравнивание текста или Как выровнять текст?:
- Слева: текст выравнивается по левому краю изображения.
- По центру: текст выравнивается по центру изображения.
- Справа: текст выравнивается по правому краю изображения.

Отображение альбомных и портретных изображений в галерее
Если в вашей галерее есть изображения как в альбомной, так и в портретной ориентации, вы можете установить масштабирование изображения по размеру. Масштабирование по размеру предотвращает автоматическую обрезку изображений, поэтому вы можете отображать все изображения в правильной ориентации.
Прежде чем начать
Убедитесь, что вы сохраняете и загружаете изображения в той ориентации, которую хотите использовать (альбомная или портретная).
Чтобы настроить масштабирование изображения:
- Нажмите на галерею.
- Нажмите на значок Настроить
.
- Выберите вариант в разделе При изменении размера:
- Кадрировать: изображения обрезаются по размеру и имеют одинаковую ориентацию.
- Подогнать: изображения вписываются в пространство изображения и отображаются в исходной ориентации.

Настройка макета галереи «Фристайл»
Настройте структуру галереи в стиле фристайл, задав параметры отображения и вращения. Вы также можете произвольно менять данный макет.
Важно:
Эта опция доступна только для галерей в стиле фристайл.
Чтобы изменить макет галереи «Фристайл»:
- Нажмите на галерею в редакторе.
- Нажмите на значок Макет
.
- Выберите вариант макета в разделе Как расположить фото?:
- Отдельно: изображения разбросаны в рамках галереи случайным образом.
- Стопкой: изображения накладываются друг на друга.
- Нажмите на переключатель в разделе Повернуть, чтобы включить или отключить поворот изображений:
- Включено: изображения размещаются под углом (частично повернуты).
- Отключено: изображения размещаются горизонтально.
- (Необязательно) Нажмите на кнопку Перемешать фото, чтобы случайным образом выбрать другой макет для изображений галереи.
