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

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

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


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


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


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


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



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


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


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


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




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


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





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




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


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


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



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



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


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



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


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


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


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



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


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



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


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

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

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

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

Скасувати

Дякуємо!