Редактор Wix: Как изменить макет галереи?

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

Выбор количества рядов и колонок

Решите, сколько рядов и колонок вам нужно для размещения контента галереи. Например, если в галерее 9 изображений, вы можете использовать 3 строки и 3 столбца, чтобы фотографии отображались равномерно.
После выбора количества рядов и колонок вы можете настроить размер интервала между изображениями.

Чтобы изменить количество столбцов и строк:

  1. Нажмите на галерею в редакторе.
  2. Нажмите на значок Макет .
  3. Настройте макет:
    • Число колонок: перетащите ползунок, чтобы установить количество колонок.
    • Ряды: перетащите ползунок, чтобы выбрать количество рядов.
    • Расстояние (пикс.): перетащите ползунок, чтобы установить интервал между фото.
Скриншот панели «Макет» для галереи-сетки. Ползунки колонок, рядов и интервалов выделены.
Примечание
Некоторые галереи содержат только параметр Колонки/Число колонок.

Изменить размер галереи можно двумя способами: использовать ручки растягивания, чтобы отрегулировать размер, или растянуть ее на всю ширину страницы. 
  1. Нажмите на соответствующую галерею в редакторе.
  2. Нажмите и перетащите маркеры по краям галереи, чтобы изменить ее размер. 
Примечание
Если вы не можете изменить размер галереи с помощью ручек растягивания, вероятно, галерея уже растянута на всю ширину страницы. Вы можете отключить эту опцию при необходимости.
GIF, показывающий растягивание и изменение размера галереи с помощью маркеров растягивания.
  1. Нажмите на галерею в редакторе.
  2. Нажмите на значок Растянуть .
  3. Нажмите на переключатель Растянуть на всю ширину:
    • Включен: галерея растягивается на всю ширину экрана.
    • Отключено: элемент не растягивается по размеру экрана.
  4. (Необязательно) Перетащите ползунок Поля, чтобы увеличить или уменьшить отступы по бокам галереи.
Скриншот панели
Примечание
Предельный размер поля для галерей на всю ширину страницы составляет 80 пикселей.

В некоторых галереях отображаются названия и / или описания изображений, чтобы дать вашим посетителям дополнительную информацию или контекст фотографии. Вы можете выбрать выравнивание текста в панели «Макет».

Чтобы выровнять текст в галерее:

  1. Нажмите на соответствующую галерею в редакторе.
  2. Нажмите на значок Макет .
  3. Выберите вариант в разделе Выравнивание текста или Как выровнять текст?:
    • Слева: текст выравнивается по левому краю изображения.
    • По центру: текст выравнивается по центру изображения.
    • Справа: текст выравнивается по правому краю изображения.
Скриншот панели макета галереи Кладка. Курсор наведен на вариант выравнивания текста по центру

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

Чтобы настроить масштабирование изображения:

  1. Нажмите на галерею.
  2. Нажмите на значок Настроить .
  3. Выберите вариант в разделе При изменении размера
    • Кадрировать: изображения обрезаются по размеру и имеют одинаковую ориентацию.
    • Подогнать: изображения вписываются в пространство изображения и отображаются в исходной ориентации.
Скриншот панели настроек галереи-сетки. Курсор находится над параметром «Подогнать».

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

Чтобы изменить макет галереи «Фристайл»:

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

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

|