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

Для того, щоб додати фон сайту, виконайте нижченаведені дії.

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

Додавання фону сайту

Наведіть курсор на блок та відкрийте його налаштування, натиснувши на «шестерню»:



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

Додавання кольорового фону

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

Опісля ввімкнення цієї опції виберіть колір із поточної палітри кольорів вебсайту:




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

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





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

Додавання зображення до фону

Вибравши опцію Зображення, ви можете завантажити власні зображення на фон блоку або вибрати зображення з галереї.

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



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



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

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

Додавання відео на фон

Наразі ви можете додати лише відео з платформ Youtube та Vimeo.

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

Для цього введіть відповідне посилання на відео у наступному полі:



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

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



Примітка: для фонових відео автоматично вимикається звук задля зручності відвідувачів сайту.

Опублікуйте сайт, щоб зміни вступили в силу.

Оновлено: 07/12/2022