Jak dodać video w tle sekcji strony internetowej [WordPress/Elementor]

Tło w postaci filmu to dobry sposób na podniesienie atrakcyjności witryny internetowej i wyróżnienie jej spośród innych o podobnej tematyce. Dzięki kreatorowi stron Elementor dodanie video w tle jest prostym zabiegiem

Naszą stronę będziemy budować w oparciu o CMS WordPress z wtyczką Elementor. Jak ustawić podstawowe parametry w nagłówku strony możemy zobaczyć tutaj

Gdy już ten etap mamy za sobą możemy przystąpić do dodania video w tle sekcji nagłówka. 

  1. Klikamy w niebieską ikonę na górze sekcji, aby aktywować ustawienia, które pojawią się w lewym
  2. Następnie klikamy w zakładkę “Styl”
  3. Jako rodzaj tła wybieramy video – ikona z kamerą
  4. W okienku “Odnośnik filmu” wklejamy link do materiału filmowego. Może to być odnośnik do filmu na YouTube, Vimeo lub ścieżka do filmu, który wcześniej został załadowany w bibliotece mediów WordPressa

Całość nie jest jednak jeszcze gotowa ponieważ tekst może być słabo widoczny na tle filmu, dlatego nałożymy na niego maskę w wybranym kolorze

  1. W lewym panelu klikamy w “Nakładkę tła”
  2. Wybieramy kolor
  3. Ustawiamy przezroczystość nakładki tak aby film był widoczny, a a tekst czytelny

Oto efekt naszej pracy

Jan Widawski

Kursy jazdy na nartach

W tle możemy dodawać zarówno własne filmy, jak i gotowe materiały z dedykowanych serwisów. Darmowe, legalne filmy do wykorzystania w projektowaniu stron internetowych możemy znaleźć m.in. w serwisach Pexels i Pixabay.

Do stron o jakiej tematyce będą pasowały filmowe tła? Przede wszystkim do witryn o tematyce sportowej, turystyce, żeglarstwie itp. Prawdopodobnie trudno byłoby natomiast znaleźć atrakcyjny materiał filmowy związany z pracą biura rachunkowego

Na koniec warto zaznaczyć, że filmowe tło niekoniecznie trzeba dodawać akurat w sekcji nagłówka. Tę technikę można użyć także w innych segmentach strony internetowej np. “Call to Action” (wezwanie do działania lub “O firmie” itd. 

A jakie są skutki uboczne dodania filmowego tła. W pewnym stopniu może się zmniejszyć prędkość wczytywania witryny www. Jednak w przypadku jeśli materiał video jest “hostowany” na zewnętrznym serwisie np. na YouTube to ten negatywny wpływ będzie nieznaczny.