Додавання фону сайту
Правильно підібраний фон створює відповідний настрій вебсайту та доповнює його вміст. На Weblium ви можете додати зображення, відео, суцільний колір або кольоровий градієнт як фон вебсайту, а також легко налаштувати його відповідно до своїх потреб.
Для того, щоб додати фон сайту, виконайте нижченаведені дії.
Важливо: зауважте, що ви не зможете додати єдиний фон на весь сайт. Фон потрібно додавати окремо до кожного блоку на сторінці.
Наведіть курсор на блок та відкрийте його налаштування, натиснувши на «шестерню»:

У новому вікні перейдіть у вкладку Фон, далі виберіть один із трьох варіантів — Колір, Зображення або Відео:

Параметр «Колір» дозволяє додати суцільний колір або градієнт як фон.
Опісля ввімкнення цієї опції виберіть колір із поточної палітри кольорів вебсайту:

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

Якщо ви обрали власний градієнт, ви зможете налаштувати два основних кольори, а також кут для визначення напрямку градієнта:

Вибравши опцію Зображення, ви можете завантажити власні зображення на фон блоку або вибрати зображення з галереї.
Натисніть Завантажити, щоб обрати зображення зі свого пристрою. Натиснувши на кнопку Галерея, ви зможете переглянути вже завантажені на сайт зображення або додати безкоштовні стокові зображення з платформи Unsplash:

Якщо ви встановите зображення на фон, вам відкриються додаткові налаштування — наприклад, застосування фільтра, ефект прокрутки, корекція кольору тощо:

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

Наразі ви можете додати лише відео з платформ Youtube та Vimeo.
Підказка: YouTube відео у форматі shorts не підтримується, тому потрібно буде у посиланні замінити shorts/ на watch?v= аби перетворити його у стандартний формат.
Для цього введіть відповідне посилання на відео у наступному полі:

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

Примітка: для фонових відео автоматично вимикається звук задля зручності відвідувачів сайту.
Опублікуйте сайт, щоб зміни вступили в силу.
Для того, щоб додати фон сайту, виконайте нижченаведені дії.
Важливо: зауважте, що ви не зможете додати єдиний фон на весь сайт. Фон потрібно додавати окремо до кожного блоку на сторінці.
Додавання фону сайту
Наведіть курсор на блок та відкрийте його налаштування, натиснувши на «шестерню»:

У новому вікні перейдіть у вкладку Фон, далі виберіть один із трьох варіантів — Колір, Зображення або Відео:

Додавання кольорового фону
Параметр «Колір» дозволяє додати суцільний колір або градієнт як фон.
Опісля ввімкнення цієї опції виберіть колір із поточної палітри кольорів вебсайту:

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

Якщо ви обрали власний градієнт, ви зможете налаштувати два основних кольори, а також кут для визначення напрямку градієнта:

Додавання зображення до фону
Вибравши опцію Зображення, ви можете завантажити власні зображення на фон блоку або вибрати зображення з галереї.
Натисніть Завантажити, щоб обрати зображення зі свого пристрою. Натиснувши на кнопку Галерея, ви зможете переглянути вже завантажені на сайт зображення або додати безкоштовні стокові зображення з платформи Unsplash:

Якщо ви встановите зображення на фон, вам відкриються додаткові налаштування — наприклад, застосування фільтра, ефект прокрутки, корекція кольору тощо:

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

Додавання відео на фон
Наразі ви можете додати лише відео з платформ Youtube та Vimeo.
Підказка: YouTube відео у форматі shorts не підтримується, тому потрібно буде у посиланні замінити shorts/ на watch?v= аби перетворити його у стандартний формат.
Для цього введіть відповідне посилання на відео у наступному полі:

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

Примітка: для фонових відео автоматично вимикається звук задля зручності відвідувачів сайту.
Опублікуйте сайт, щоб зміни вступили в силу.
Оновлено: 07/12/2022
Дякуємо!