Керування дизайном альбому – клієнтська галерея

Клієнтські галереї Pixpa тепер мають розширені глобальні налаштування дизайну, що дозволяє персоналізувати зовнішній вигляд усіх галерей в альбомі (крім відеогалерей) з одного місця.

Це усуває необхідність індивідуального стилю кожної галереї, оптимізуючи процес налаштування для узгодженого та професійного вигляду. За допомогою цих розширених параметрів ви можете легко налаштувати дизайн обкладинок, макети та візуальні стилі, щоб забезпечити безперебійну та привабливу взаємодію з користувачем.

У цій статті:

Щоб керувати налаштуваннями дизайну будь-якого альбому, виконайте наведені нижче дії.

  • Відкрийте альбом (1), який потрібно редагувати.
  • Натисніть на Налаштування (2) і виберіть Дизайн (3).


Дизайн альбому

Команда Дизайн альбому вкладка дозволяє налаштувати дизайн обкладинки та текстові елементи для вашого альбому. Ось особливості:

  1. Зображення обкладинки: завантажте або оновіть зображення обкладинки для альбому. Ви також можете вибрати фокус для зображення обкладинки виберіть Акцентний колір і вкажіть Альтернативний тег.
  2. Макет обкладинки: виберіть із різних стилів макета, щоб визначити, як відображатимуться зображення обкладинки та деталі альбому. Натисніть Змінити макет щоб вибрати бажаний макет.

  1. Текст обкладинки альбому: налаштуйте текст обкладинки альбому, наприклад додайте описову інформацію чи примітки.
  2. Етикетка кнопки: відредагуйте текст, який відображається на кнопці входу в альбом (наприклад, «Enter»).
  3. Шрифти: Налаштувати стилі шрифту для:
    • Назва альбому
    • Мета стиль шрифту: Використовується для відображення дати події альбому на сторінці обкладинки альбому.
  4. Зберегти: Після виконання налаштувань, економити зміни.


Сторінка списку галереї

Команда Сторінка списку галереї Вкладка дозволяє керувати тим, як різні галереї цього альбому відображаються на сторінці списку галерей.

  1. макет: виберіть макет для відображення галерей на сторінці списку.
  2. Інтервал сітки: Укажіть відстань між сітками галереї на сторінці списку галереї (0-250 пікселів).
  3. Ефект наведення: Ефект наведення використовуватиметься лише в a Розмітка сітки. Виберіть ефект, коли курсор наводиться на сітку галереї. Нижче наведено різні варіанти на вибір:
    • Без ефекту – Наведення не вплине.
    • Колір – Колір наведення відображається під час наведення.
    • Колір і назва – Під час наведення курсора відображаються колір і назва. Ви можете встановити колір/шрифт/розмір/щільність тексту накладення та заголовка піделементу з Дизайн розділ.
    • Колір і значок – Колір і піктограма наведення відображаються під час наведення.
    • Колір, заголовок і значок – Колір наведення, назва та піктограма відображаються під час наведення. Ви можете вибрати будь-яку піктограму, як-от плюс, стрілка, хрест чи око, із наведеного нижче параметра.
  4. Значок наведення: Ви можете додати піктограму наведення до своїх галерей. Доступні варіанти: плюс, стрілка, хрестик і око. Застосовується, лише якщо піктограму вибрано в пункті 3.
  5. Мітки сітки: Ви можете відображати заголовки галереї під зображеннями сітки з заголовками/заголовками та тегами.


Макет галереї

Команда Макет галереї Вкладка надає широкі можливості для керування зовнішнім виглядом і функціональністю різних галерей в альбомі (крім відеогалерей).

  • Макет: Виберіть спосіб розташування зображень галереї на сторінці. Використовуйте Змінити макет можливість перемикання між доступними макетами.


Стиль решітки

  1. Інтервал сітки: Укажіть відстань між зображеннями в макетах сітки. (0 – 250 пікселів)
  2. Тип основи сітки: Встановіть Базовий тип сітки щоб налаштувати основний колір або колір акценту. Акцентний колір створить різнокольорову сітку, використовуючи акцентні кольори кожного зображення.
  3. Базовий колір сітки: Якщо на попередньому кроці вибрано базовий колір, укажіть колір.


  1. Відкрити лайтбокс: Увімкніть або вимкніть Lightbox можливість збільшення зображення у спливаючому вікні.
  2. Увімкнути масштабування: Це дозволяє глядачам збільшити масштаб зображення подвійним клацанням для більш дрібних деталей.
  3. Відображення лайтбоксів: Виберіть спосіб відображення зображень у повному режимі. Ви можете вибрати з показувати лише зображення, зображення з мініатюрамизображення з підписами внизу та  зображення з підписами справа.
  4. Колір накладення: Це фоновий колір, який з’являється під час перегляду зображень у режимі лайтбокс.
    • Виберіть Спеціальний колір опція встановлення певного кольору фону для всіх зображень, які переглядаються в режимі лайтбокс. Ви можете визначити бажаний колір у Колір накладання установка. Детальніше.
    • Оберіть Колір Accent щоб застосувати унікальний колір із акцентних тонів кожного зображення. Ви можете налаштувати це окремо для кожного зображення за бажанням. Детальніше.
  5. Непрозорість акценту: Якщо вибрати опцію «Колір акценту», можна налаштувати Непрозорість (прозорість) кольору фону.
  6. Перегляд зображення: Вкажіть режим відображення для Lightbox –
    • Масштаб і підгонка – Зображення будуть масштабовані відповідно до доступної області браузера, щоб було видно повне зображення.
    • Повна кровотеча – Зображення матимуть розмір, щоб заповнити всю доступну область веб-переглядача – деякі частини зображення можуть бути обрізані під час повноекранного відображення.
  7. Управління: Виберіть спосіб відображення елементів керування навігацією, як-от піктограма інформації про зображення, піктограма інформації про галерею, піктограма хрестика, піктограма розміру браузера тощо.
  8. Стрілки наступного / попереднього: Виберіть спосіб відображення навігаційних стрілок. У вас є такі параметри на вибір: Плаваючий, Шеврон, Стрілки, Показати стрілку в колі та Прихований.
  9. Слайд-шоу: Натисніть autoplay щоб автоматично запустити слайд-шоу в повному переглядачі зображень. Ви також можете вимкнути показ слайдів.
  10. Швидкість: Виберіть швидкість переходу. Ви можете вибрати від 1 до 10 секунд.
  11. Перехід: Виберіть стиль переходу слайд-шоу.


Мобільний дисплей

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


 

Не можете знайти те, що шукаєте?

Зв’яжіться з експертом Pixpa.

Pixpa Studio щойно оновлено. Ми зараз оновлюємо всі скріншоти довідкових статей.