Редактор Wix: Как изменить макет галереи?
4 мин. чтения
Вы можете настроить макет галереи таким образом, чтобы он соответствовал структуре и выравниванию сайта. Используйте такие параметры, как ширина, интервал и высота, чтобы структурировать и отображать изображения в нужном формате.
Содержание
Примечание
Доступные опции по изменению макета зависят от выбранного типа галереи.
Выбор количества рядов и колонок
Решите, сколько рядов и колонок вам нужно для размещения контента галереи. Например, если в галерее 9 изображений, вы можете использовать 3 строки и 3 столбца, чтобы фотографии отображались равномерно.
После выбора количества рядов и колонок вы можете настроить размер интервала между изображениями.
Чтобы изменить количество столбцов и строк:
- Нажмите на галерею в редакторе.
- Нажмите на значок Макет
.
- Настройте макет:
- Число колонок: перетащите ползунок, чтобы установить количество колонок.
- Ряды: перетащите ползунок, чтобы выбрать количество рядов.
- Расстояние (пикс.): перетащите ползунок, чтобы установить интервал между фото.
![Скриншот панели «Макет» для галереи-сетки. Ползунки колонок, рядов и интервалов выделены.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/181f63b8-b716-429d-bf86-f22976bfde20/390ad963-262e-423b-8fb7-4340e09fe1d3.png)
Примечание
Некоторые галереи содержат только параметр Колонки/Число колонок.
Изменение размера галереи
Изменить размер галереи можно двумя способами: использовать ручки растягивания, чтобы отрегулировать размер, или растянуть ее на всю ширину страницы.
Изменение размера галереи с помощью ручек растягивания
- Нажмите на соответствующую галерею в редакторе.
- Нажмите и перетащите маркеры по краям галереи, чтобы изменить ее размер.
Примечание
Если вы не можете изменить размер галереи с помощью ручек растягивания, вероятно, галерея уже растянута на всю ширину страницы. Вы можете отключить эту опцию при необходимости.
![GIF, показывающий растягивание и изменение размера галереи с помощью маркеров растягивания.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/300e506d-5d24-4168-b002-35006d0a8497/fa6ac258-1508-4617-91b7-db73cf26579a.gif)
Растягивание галереи на всю ширину
- Нажмите на галерею в редакторе.
- Нажмите на значок Растянуть
.
- Нажмите на переключатель Растянуть на всю ширину:
- Включен: галерея растягивается на всю ширину экрана.
- Отключено: элемент не растягивается по размеру экрана.
- (Необязательно) Перетащите ползунок Поля, чтобы увеличить или уменьшить отступы по бокам галереи.
![Скриншот панели](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/b502b7e4-abd2-449b-a08f-40e2c39a17eb/782026bb-2c4d-4bff-a6a5-708b0df94b25.png)
Примечание
Предельный размер поля для галерей на всю ширину страницы составляет 80 пикселей.
Выравнивание текста изображения галереи
В некоторых галереях отображаются названия и / или описания изображений, чтобы дать вашим посетителям дополнительную информацию или контекст фотографии. Вы можете выбрать выравнивание текста в панели «Макет».
Чтобы выровнять текст в галерее:
- Нажмите на соответствующую галерею в редакторе.
- Нажмите на значок Макет
.
- Выберите вариант в разделе Выравнивание текста или Как выровнять текст?:
- Слева: текст выравнивается по левому краю изображения.
- По центру: текст выравнивается по центру изображения.
- Справа: текст выравнивается по правому краю изображения.
![Скриншот панели макета галереи Кладка. Курсор наведен на вариант выравнивания текста по центру](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/e36196ee-db6c-4a73-90ff-48f5abebe323/928bff55-cbab-466f-8c2e-e97b079de5de.png)
Отображение альбомных и портретных изображений в галерее
Если в вашей галерее есть изображения как в альбомной, так и в портретной ориентации, вы можете установить масштабирование изображения по размеру. Масштабирование по размеру предотвращает автоматическую обрезку изображений, поэтому вы можете отображать все изображения в правильной ориентации.
Прежде чем начать
Убедитесь, что вы сохраняете и загружаете изображения в той ориентации, которую хотите использовать (альбомная или портретная).
Чтобы настроить масштабирование изображения:
- Нажмите на галерею.
- Нажмите на значок Настроить
.
- Выберите вариант в разделе При изменении размера:
- Кадрировать: изображения обрезаются по размеру и имеют одинаковую ориентацию.
- Подогнать: изображения вписываются в пространство изображения и отображаются в исходной ориентации.
![Скриншот панели настроек галереи-сетки. Курсор находится над параметром «Подогнать».](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/2b77417b-1219-40f5-8fa3-2a5df06da191/bdf67170-9373-4ee4-9c4a-ef23aa021c62.png)
Настройка макета галереи «Фристайл»
Настройте структуру галереи в стиле фристайл, задав параметры отображения и вращения. Вы также можете произвольно менять данный макет.
Важно:
Эта опция доступна только для галерей в стиле фристайл.
Чтобы изменить макет галереи «Фристайл»:
- Нажмите на галерею в редакторе.
- Нажмите на значок Макет
.
- Выберите вариант макета в разделе Как расположить фото?:
- Отдельно: изображения разбросаны в рамках галереи случайным образом.
- Стопкой: изображения накладываются друг на друга.
- Нажмите на переключатель в разделе Повернуть, чтобы включить или отключить поворот изображений:
- Включено: изображения размещаются под углом (частично повернуты).
- Отключено: изображения размещаются горизонтально.
- (Необязательно) Нажмите на кнопку Перемешать фото, чтобы случайным образом выбрать другой макет для изображений галереи.
![Скриншот панели макета для галереи фристайл. Курсор находится над переключателем «Повернуть».](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/18bd260f-11c7-475f-a33c-6876d8e62996/13ffb19c-d092-4813-a81f-1df2d1af2a83.png)
Была ли статья полезна?
|