Галерея Раздел

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

Основным способом отображения набора изображений является использование Галерея пункт меню. Но если вы хотите добавить больше контента (кроме изображений) в свою галерею, вы можете использовать этот раздел «Галереи».

Раздел «Галереи» предлагает макеты с фиксированной сеткой, макеты с динамической сеткой, макеты с блочными шаблонами или макеты с полным изображением.

Мобильный вид раздела галерей основан на настройках, которые вы сделали в Настройки меню.

Внимание

  • Pixpa рекомендует использовать макеты сетки меньшего размера, чтобы увеличить скорость страницы.
  • Скорость страницы также зависит от качества изображения. Посмотрите, как им управлять.
  • Для оптимальной производительности максимальное количество изображений разрешено на галерея 500. Если у вас есть больше изображений для демонстрации, рассмотрите создание нескольких галерей.

В этой статье:

  1. Что такое раздел Галереи?
  2. Добавить раздел «Галерея» на страницу
  3. Удалить контент из галереи
  4. Добавить контент в галерею
  5. Управление содержимым галереи
  6. Управление настройками галереи
  7. Изменить макет галереи

  • Добавьте на свою страницу раздел галереи, чтобы продемонстрировать свои галереи.
  • Вы сможете загружать свои изображения, добавлять видео Youtube / Vimeo и текстовые слайды в разделе галереи.
  • . другие разделы, вы также можете добавить описание к своей галерее и добавить несколько галерей на одну страницу.
  • Таким образом, вы можете легко создать страницу портфолио с несколькими галереями на одной странице.

  • На страницу можно добавить раздел. Вы можете добавить раздел на уже существующую страницу или создать новую страницу на вашем сайте.
  • На твоей странице, нажмите на синий + значок добавить Новый раздел на вашу страницу.

 

  • Теперь вы увидите опцию категории разделов на левой стороне.
  • Выберите Контент (1) категорию и нажмите на Галерея  вкладка (2), где вы можете выбрать разные макеты Галерея страниц .

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

  • Нажмите на Редактировать галерею (1), чтобы открыть панель редактирования галереи.

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

  • Нажмите на Выбрать все (2) или вручную выберите каждое изображение, щелкнув по нему.

  • Нажатие на Удалить (3) опция откроет всплывающее окно подтверждения. Подтвердите действие, нажав кнопку «Удалить».

Все выбранные изображения будут удалены из галереи.


  • Сохранено ваши изменения.

  • После того, как вы добавили контент, вы можете легко управлять им.

Проверьте: Управление элементами в галерее


  • Чтобы перейти к настройкам галереи, нажмите кнопку Редактировать галерею (1) кнопка.

  • Затем нажмите на Настройки (2) вкладка.

Здесь вы увидите следующие варианты:


общие настройки

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


Настройки стиля сетки

  1. Шаг сетки: Укажите пространство между изображениями в макетах сетки. (0 – 250 пикселей)
  2. Угловой радиус: Примените радиус границы, чтобы скруглить углы изображения в сетках галереи.
  3. Базовый цвет: Основной цвет используется для формирования сетки и виден только на мгновение перед загрузкой изображений. У вас есть два варианта основного цвета сетки.
    • Конкретный цвет: Выберите этот параметр, чтобы задать определенный цвет для основы сетки. Укажите любой цвет и непрозрачность для основы сетки.
    • Акцентный цвет: Используйте цвета акцента изображения для основы сетки. Это даст разноцветную сетку, используя акцентные цвета каждого изображения.
  4. Базовая непрозрачность: Если вы выбрали базовый тип в качестве цвета акцента, отсюда установите непрозрачность основы сетки.
  5. Наведите указатель мыши:  Это влияет на сетку при наведении курсора на изображение.
    • Выберите цвет: Установите определенный цвет и его непрозрачность, если вы выбрали цвет при наведении для изображений в виде сетки.
    • Акцентный цвет: Используйте акцентные цвета изображения в качестве основы сетки. Это влияет на сетку при наведении курсора на изображение.
  6. Непрозрачность при наведении: Если вы выбрали тип наведения в качестве цвета акцента, установите здесь непрозрачность основы сетки.
  7. Эффект наведения: Эффект наведения будет использоваться только в макете сетки. Вы можете выбрать различные варианты эффекта при наведении в режиме сетки.
  8. Значок при наведении: Значки при наведении также используются в сетке галерей. Вы можете выбрать отображение значка на ваших изображениях в режиме сетки.


Настройки названия изображения

  1. Шрифт: Выберите стиль шрифта для отображения заголовков изображений.
  2. Цвет: Установите предпочтительный цвет для заголовков изображений.
  3. Размер шрифта: Укажите размер шрифта заголовка изображения (в пикселях).
  4. Межбуквенное расстояние: Укажите расстояние между буквами названий изображений (в em).


Параметры рамки изображения

  1. Включить/отключить границу вокруг изображений, переключая переключатель.
  2. Выберите, чтобы иметь общая граница со всех сторон изображения или вы можете указать границы отдельно с каждой стороны.
  3. Укажите ширина границы. Если установлено значение 0, граница не появится. У вас также есть возможность установить ширину границы индивидуально для каждой стороны изображения.
  4. Выберите выделяющий цвет из палитры цветов.
  5. Выберите предпочтительный Стиль обрамления из выпадающего списка.
  6. Обозначить ширина границы для мобильных устройств устройств, выровняв его по ширине, выбранной для рабочего стола.


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

Чтобы узнать больше о настройках лайтбокса, нажмите здесь..


Настройки мобильного дисплея

  1. Показать как: Выберите, чтобы показать галерею как Слайдер изображений или в режиме сетки в мобильном представлении. 
  2. Столбцы сетки: Выберите из 1 столбец или 2 столбца для отображения сетки в мобильном представлении.
  3. Сетка желоба: Установить расстояние между изображениями в мобильный вид.

Наконец, Сохранено (4) изменения.


Вариант водяного знака

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

  • Нажмите на Выбрать список (1) вариант.
  • Появится раскрывающийся список, позволяющий выбрать из список водяных знаков (2) который вы создали.
  • Выберите водяной знак и Сохранено (3) изменения.

Узнать больше о водяных знаках на изображениях.


Чтобы изменить макет галереи:

  • Нажмите на Редактировать галерею (1) кнопка.

  • Выберите Планировка (2) вкладка и выберите макет (3) для просмотра на рабочем столе.
  • Сохранено (4) ваши изменения.


Не можете найти то, что ищете?

Свяжитесь с экспертом Pixpa.