Статті на: Зображення
Ця стаття також доступна на:

Додавання і налаштування галереї

Додайте галерею на сайт, щоб створити своє портфоліо, показати послуги, які надає ваша компанія, або поділитися фотографіями недавніх подій. П'ять різних типів галерей дозволять вам вибрати найкращий спосіб для відображення зображень.


Дотримуйтесь інструкцій нижче, щоб додати та налаштувати галерею на своєму сайті.


Зміст:



Крок 1. Додавання елементу Галерея


Існує декілька варіантів того, як додати цей елемент на сторінку вашого сайту:


  • Ви можете додати готовий блок з цим елементом. Розгляньте розділ Галереї при додаванні нового блоку.


Примітка: не всі блоки цього розділу використовують елемент Галерея, також там присутні блоки-колекції. Такі блоки можуть допомогти вам створити схожий вигляд до галереї, але з відео чи інших елементів, детальніше про роботу з цим типом блоків ви можете ознайомитися у нашій статті.

​​

Підказка: зверніться до статті про додавання блоків.


  • Також ви можете додати цей елемент у вже існуючу наповнену чи пусту колонку в одному з ваших блоків. Для цього натисніть на іконку додавання нового елементу та виберіть елемент Галерея чи Слайдер зі списку доступних:

Підказка: ці елементи ви можете знайти у вкладці Медіа при додаванні елементу.


Примітка: обидва згадані вище елементи є одним і тим самим елементом «Галерея»; у другому випадку за замовчуванням увімкнено режим слайдера.


Важливо: наразі ці елементи недоступні для Flex-блоку.



Крок 2. Додавання зображень в елемент Галерея


  1. Щоб додати зображення, натисніть на елемент галереї, якщо вона пуста, або натисніть на шестерню налаштувань у лівому верхньому кутку елемента, якщо вже були додані певні зображення:

  1. У вкладці Контент ви можете завантажити потрібні зображення зі свого пристрою або вибрати фото з Медіагалереї вашого сайту:

Примітка: наразі підтримуються формати .png, .jpg, .svg, .webp, .avif та .gif.


Підказка: елемент Галерея підтримує завантаження/вибір кількох файлів одночасно: затисніть кнопку Cmd (на Mac) або Shift (на Windows), щоб обрати декілька фото.


Підказка: ви можете дізнатися більше про Медіагалерею у нашій статті.


Крок 3. Налаштування зображень в елементі Галерея


  1. Щоб змінити порядок розташування зображень, наведіть на одне з них у вкладці Контент і, утримуючи, перетягніть в потрібне місце.


  1. У цьому ж меню ви можете перейти до індивідуальних налаштувань кожного з зображень, клікнувши по ньому, та видалити зайві зображення:

Підказка: стаття Редагування зображень ознайомить вас з доступними налаштуваннями.


Важливо: заокруглення кутів та обведення задаються глобально у налаштуваннях елементу Галерея, можливості налаштувати ці параметри для кожного фото окремо поки немає.


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


Підказка: якщо вам необхідно створити галерею з Відео чи інших елементів, скористайтеся блоком-колекцією.


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


Примітка: це глобальне налаштування, зміна висоти одного контейнера вплине на всі контейнери зображень в елементі.


Крок 4. Налаштування елементу Галерея


Після того, як ви додали зображення у вашу галерею, налаштуйте її вигляд — виберіть тип галереї, активуйте потрібний вам режим, змініть відступи тощо.


  1. Аналогічно другому кроку цієї статті, відкрийте налаштування елементу Галерея.


  1. У вкладці Стиль ви можете активувати заокруглення кутів для кожного фото в елементі та додати обведення:

Підказка: ви також можете налаштовувати заокруглення кожного з кутів окремо, для цього натисніть на іконку поруч із полем градуса заокруглення.


Важливо: ці налаштування є глобальними для всього елементу, ви не можете індивідуально налаштувати ці параметри для кожного з фото.


  1. У вкладці Вигляд можна вибрати потрібний вам тип галереї:

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


Певні налаштування, зокрема Проміжок та Кількість зображень у ряду можна налаштувати окремо для кожного з пристроїв.


  1. Опублікуйте сайт після завершення роботи з галереєю.



Оновлено: 12/12/2025

Чи була ця стаття корисною?

Поділіться своїм відгуком

Скасувати

Дякуємо!