Wix Pro Gallery: выбор макета Wix Pro Gallery для мобильного сайта (свой формат или пресет)

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

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

Содержание:

Свой формат макета

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

Чтобы настроить макет на мобильном сайте:

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

Примечание

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

Пресеты макетов

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

Чтобы выбрать пресет макета:

Нажмите на галерею Wix Pro в мобильном редакторе.
Нажмите Настроить
Перейдите во вкладку Пресеты.
Выберите макет для галереи.

Настраиваемые функции макета

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

Нажмите на вариант ниже, чтобы узнать больше о макете:

Коллаж

Используйте макет коллажа, если вы хотите показать изображения разной ориентации (как вертикальной, так и горизонтальной), размещенные в галерее случайным образом.

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

Кладка

Сетка

Используйте этот макет, если вы хотите, чтобы ваши изображения отображались в сетке.

Направление прокрутки: выберите вертикальную или горизонтальную прокрутку.
Форматирование миниатюр:
- Обрезать: вы можете выбрать соотношение сторон изображения.
- Подогнать: адаптирует размер изображения к размеру галереи.
  Примечание: параметры Ширина и цвет границы и Закругление углов доступны только в том случае, если вы выбрали обрезку миниатюр в настройках макета.
Формат изображения: выберите один из доступных параметров изображения, например (4: 3, 1: 1).
Слайд-шоу: выберите, чтобы показать элементы в виде непрерывного слайд шоу:
- Интервалы: ваша галерея скользит к следующему элементу через выбранное вами количество времени. Перетащите ползунок Время между изображениями, чтобы изменить количество секунд между элементами.
- Непрерывный: ваша галерея будет прокручиваться автоматически. Перетащите ползунок Скорость слайд-шоу, чтобы настроить скорость слайд-шоу.
- Пауза при наведении: нажмите на переключатель, чтобы включить или отключить паузу при наведении курсора на элемент галереи.
По размеру экрана: показывает столько изображений, сколько может поместиться в галерее с фиксированным размером.
Установить элементы в ряду: перетащите ползунок, чтобы показать больше или меньше изображений в ряду.
Размер миниатюр: выберите размер изображений в галерее.
Сколько фото в ряду: выберите количество изображений, отображаемых в ряду (только если выбрана горизонтальная ориентация).
Интервал: выберите расстояние между изображениями.
Кнопка «Показать еще»: отображение или скрытие кнопки Показать еще (отображается, только если выбрано вертикальное направление прокрутки).
Сколько изображений загружается: (этот параметр актуален только в том случае, если вы выбрали кнопку Загрузить еще)
- Все фотографии
- Еще один раздел (добавляет еще один раздел того же размера, что и исходная галерея)

Превью

Используйте макет Миниатюры, если вы хотите показать несколько миниатюр рядом с выбранным изображением.

Зациклить фотографии: выберите, хотите ли вы, чтобы кнопка «Далее» была деактивирована на последнем изображении или нет. Примечание. Кнопка «Влево» всегда деактивируется, когда вы дойдете до первого изображения при прокрутке назад.
Слайд-шоу: выберите, чтобы показать элементы в виде непрерывного слайд шоу:
- Интервалы: ваша галерея скользит к следующему элементу через выбранное вами количество времени. Перетащите ползунок Время между изображениями, чтобы изменить количество секунд между элементами.
- Непрерывный: ваша галерея будет прокручиваться автоматически. Перетащите ползунок Скорость слайд-шоу, чтобы настроить скорость слайд-шоу.
- Пауза при наведении: нажмите на переключатель, чтобы включить или отключить паузу при наведении курсора на элемент галереи.
Сколько секунд между фото: выберите, сколько времени пройдет до смены слайда (отображается, только если активирован «Автопрокрутка»). Примечание. Если вы хотите изменить эффект перехода, перейдите на вкладку «Анимация слайдов» в настройках дизайна.
Форматирование миниатюр:
- Обрезать: адаптирует размер изображения к размеру галереи.
- Подогнать: изображение отображается с исходным соотношением сторон и адаптируется к размеру галереи. Если вокруг изображения слишком много пустого пространства, вам нужно увеличить высоту галереи.
  Примечание: параметры Ширина и цвет границы и Закругление углов доступны только в том случае, если вы выбрали обрезку миниатюр в настройках макета.
Расположение превью: выберите, где вы хотите, чтобы миниатюры отображались на экране (внизу, слева вверху или справа от текущего изображения).
Размер миниатюр: перетащите ползунок, чтобы выбрать размер изображений в галерее.
Примечание: если у вас всего несколько изображений, а под основным изображением есть пустое пространство, вам нужно увеличить размер миниатюр.
Расстояние между миниатюрами: перетащите ползунок, чтобы выбрать расстояние между изображениями.
Количество отображаемых элементов: перетащите ползунок, чтобы настроить способ отображения изображений за раз.

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

Слайдер

Используйте макет Слайдер, если хотите отображать несколько изображений с горизонтальной прокруткой.

Примечание: количество изображений, одновременно отображаемых в этом макете, зависит от размера галереи. Если некоторые изображения выглядят обрезанными, вам необходимо изменить размер галереи. Другое решение - выбрать «Обрезать» и «Респонсивный» в настройках макета.

Зациклить изображения: выберите, чтобы разрешить посетителям прокручивать изображения в непрерывном цикле.
Слайд-шоу: выберите, чтобы показать элементы в виде непрерывного слайд шоу:
- -Интервалы: ваша галерея скользит к следующему элементу через выбранное вами количество времени. Перетащите ползунок Время между изображениями, чтобы изменить количество секунд между элементами.
- Непрерывный: ваша галерея будет прокручиваться автоматически. Перетащите ползунок Скорость слайд-шоу, чтобы настроить скорость слайд-шоу.
- Пауза при наведении: нажмите на переключатель, чтобы включить или отключить паузу при наведении курсора на элемент галереи.
Сколько секунд между фото: выберите, сколько времени пройдет до смены слайда (отображается, только если активирован «Автопрокрутка»).
Форматирование миниатюр:
- Обрезать: выберите, будет ли соотношение фиксированным или респонсивным.
- Подогнать: изображение отображается с исходным соотношением сторон и адаптируется к размеру галереи. Если вокруг изображения слишком много пустого пространства, вам нужно увеличить высоту галереи.
  Примечание: параметры Ширина и цвет границы и Закругление углов доступны только в том случае, если вы выбрали обрезку миниатюр в настройках макета.
Формат изображений:
- Респонсивный: размер изображения будет регулироваться автоматически в зависимости от устройства пользователя.
- Фиксированный: выберите один из доступных вариантов соотношения сторон изображения, например (4:3, 1:1). Изображения будут отображаться в этом соотношении на всех устройствах.
К-во отображаемых элементов: перетащите ползунок, чтобы настроить способ отображения изображений за раз. (Этот параметр доступен только при респонсивном формате)
Интервал: выберите расстояние между изображениями.

Слайд-шоу

Используйте макет Слайд-шоу, если вы хотите показывать по одному изображению с горизонтальной прокруткой.

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

Полоска

Колонка

Кладка, микс и автоподбор

Сюрприз

Вопросы и ответы

Нажмите на вопрос ниже, чтобы узнать больше о макетах в галерее Pro Gallery:

Адаптивна ли галерея Wix Pro Gallery?

Почему некоторые из моих изображений обрезаются при добавлении в галерею Wix Pro Gallery?

Возникли проблемы с Pro Gallery на мобильном устройстве?

Ознакомьтесь с нашим руководством по устранению неполадок в Wix Pro Gallery на мобильных устройствах и узнайте о решениях наиболее распространенных проблем.