Tutorial: jak dodać wideo w tle w kreatorze stron Elementor

Dzisiaj, pracując nad stworzeniem strony, ludzie stawiają sobie za cel przyciągnięcie jak największej liczby odwiedzających. Istnieje wiele różnych sposobów na osiągnięcie tego celul, ale wideo w tle są jednym z najbardziej popularnych i skutecznych.

Ciekawe wideo w tle może z łatwością przekazać wszystkie niezbędne informacje, opowiedzieć o Twojej firmie, wyświetlić produkt lub uzupełnić zawartość na stronie. Takie wideo nie tylko pomoże przenieść stronę biznesową lub blog na zupełnie nowy poziom, ale także wzmocnić komunikację z odwiedzającymi. W tym artykułu pokażemy Ci jak dodać wideo w tle do sekcji strony za pomocą kreatora stron Elementor.


(wideo w języku angielskim)

Jak dodać wideo w tle do sekcji

Jako podstawę wykorzystamy motyw WordPress o nazwie Imperion z katalogu TemplateMonster. Jest on wyposażony ww mnóstwo różnych wtyczek do Elementora, które rozszerzają jego podstawową funkcjonalność. Okay, przejdźmy do tworzenia wideo w tle dla sekcji.

  1. Otwórz stronę edycji w kreatorze Elementor.
  2. Utworz nową sekcję.
  3. Przejdź do panelu Edytuj sekcję i wybierz opcję "Stretch Section", aby zajęła całą szerokość strony.
  4. Przejdź do karty "Style" i wybierz "Video" w opcjach "Background Type". Poniżej znajdziesz miejsce, w którym można wstawić link do filmu, który chciałbyś dodać w tle konkretnej sekcji.
  5. Następnie ustaw czas rozpoczęcia i zakończenia odtwarzania wideo.
  6. Dalej należy dodać zdjęcie od Background Fallback. Jest to konieczne w przypadku, gdy wideo nie zostanie odtworzone z jakiegoś powodu. W takim razie użytkownicy będą mogli przynajmniej zobaczyć jego zdjęcie. Powody nie-odtwarzania wideo mogą być różne: użytkownicy odwiedzają Twoją witrynę z urządzenia mobilnego lub połączenie nie jest wystarczająco dobre.
  7. Wróć do sekcji układu i ustaw minimalną wysokość sekcji.
  8. Jeśli chcialbyś dodać tekst do wideo w tle, przejdź do karty "Style" i wybierz opcję "Background Overlay", dalej wybierz warianty wypełnienia nakładki przez kolor - standardowe lub gradientowe, dostosowując jej widoczmność w razie potrzeby. Następnie dodaj nagłówek lub akapit tekstu. Możesz także ustawić inne elementy w wideo w tle. Nie zapomnij jednak upewnić się, że tekst jest czytelny, a wideo w tle nie odwraca uwagi odwiedzających od głównych elementów znajdujących się na stronie.

Ten artykuł został przetłumaczony z angielskiego. Orygimał można znaleźć tutaj: How To Add A Background Video To Your Pages With Elementor


Motywy WordPress z wideo w tle

Wybraliśmy 5 topowych motywów WordPress opartych na kreatorze Elementor, które pomogą Ci stworzyć stylową stronę z wideo w tle i mnóstwem innych atrakcyjnych animacji wizulanych:


Imperion

wideo w tle w elementor 01

Demo Pobierz

Motyw Imperion jest jednym z bestsellerów wśród naszych rozwiązań do WordPress. Ten motyw jest wyposażony w kreator stron Elementor, który pozwala bezproblemowo tworzyć i zarządzać dowolną stroną biznesową. Motyw jest nie tylko responsywny i kompatybilny z różnymi przeglądarkami, ale także posiada stylowy design, który z pewnością przyciągnię uwagę internautów. Do zestawu motywu zostały zawarte: strona O nas z dobrze strukturowanym układem,  moduły z infirmacjami na temat usług, referencji i członków zespołu, a także:

  • Optymalizacja pod kątem SEO pozwala tworzyć dowolne układy bez konieczności dodatkowego  kodowania, a także wprowadzać zmiany w trybie wizualnym.
  • Zestaw różnych skórek biznesowych.
  • Wtyczka JetElements z modułami Brands, Carousels, Post Sliders itd.
  • Bonusowe zdjęcia, wtyczki JetMenu i Revolution Slider.
  • Zestaw wtyczek Cherry, w tym: Cherry Services List, Wizard, Search, Trending Posts, Socialize, Testimonials, PopUps i Projects.
  • Wtyczka TM Timeline.
  • Kalendarz wydarzeń pomoże planować i promować nadchodzące wydarzenia, co przyciągnię do strony większą liczbę odwiedzających.
  • Paczka WooCommerce do szybkiego i bezproblemowego uruchomienia sklepu.
  • Wtyczka WordPress Social Login itd.

Epsilonic

wideo w tle w elementor 02

Demo Pobierz

Epsilonic to profesjonalnie zaprojektowany motyw WordPress, który najlepiej nadaje się do tworzenia witryn biznesowych i korporacyjnych. Ten motyw łączy w sobie elegancki design i mnóstwo opcji do dostosowania, co pozwala lekko uruchomić na jego podstawie atrakcyjną witrynę bez konieczności dodatkowego kodowania. Pełnoekranowy suwak w górnej części motywu pozwala dodać dynamiczności di ogólnego wyglądu strony, a także wyświetlić ważne informacje w bardziej atrakcyjny sposób. Wśród innych funkcji motywu są:

  • Zestaw niezbędnych stron: Strona domowa, O nas, Usługi, Blog i Kontakty.
  • Kreator stron Elementor z zestawem modułów.
  • Optymalizacja pod kątem urządzeń moblinych, która zapewnia stronie idealny wygląd na dowolnym gadżecie.
  • Zestaw jakościowych zdjęć dodatkowych.
  • Wtyczka JetElements jako bonus.
  • Narzędzie WordPress Live Customizer.
  • Paczka Ecwid do łatwego uruchomienia sklepu.
  • Animacje paralaksy do tworzenia ilizjiu glębi w 2D-środowisku.

Deco Depot

wideo w tle w elementor 03

Demo Pobierz

Ten motyw WP stanie się idealnym rozwiązaniem do tworzenia stron dla firm meblowych. Jego design został wykonany w spokojnych kolorach i wyposażony we wszystkie niezbędne opcji do wyświetlenia asortymentu towarów, ich korzyści, przedstawienia wszystkich niezbędnych informacji Twojej firmie i skutecznego angażowania klientów. Opcje Bootstrap pomogą Ci stworzyć atrakcyjną responsywną witrynę, a  Cherry Framework - łatwą nią zarządzać. Wśród innych funkcji tego motywu są:

  • Zestaw niezbędnych stron: Strona domowa, O nas, Usługi, Projekty, Zespół i Blog.
  • Wbudowany kreator stron Elementor do łatwego zarządzania stroną bez konieczności dodatlowego kodowania.
  • Zestaw jakościowych zdjęć dodatkowych.
  • Wtyczki JetElements i JetThemeCore w zestawie jako bonus.
  • Szczególowa dokumentacja i przyjazne wsparcie techniczne.
  • Dodatki JetBlocks i JetTabs w zestawie.
  • Paczka WPML do lekkiego uruchomienia wielojązycznych stron
  • Wbudowane web fonty Google.
  • Narzędzie Pop-up Manager itd.

BuildWall

wideo w tle w elementor 04

Demo Pobierz

Motyw BuildWall to uniwersalne rozwiązanie do WordPress, wyposażone w 6 atrakcyjnych skórek z różnychm układem i elementami do tworzenia stron dla witryn budowlanych. Wbudowany kreator stron Elementor pozwala dostosować zawartość bez konieczności dodatkowego kodowania. W połączeniu z wbudowanymi wtyczkami JetElements i JetMenu, kreator pozwala dodać na stronę różne niestandardowe bloki i stworzyć MegaMenu za pomocą kilku kliknięć. Narzędzie BuildWall zawiera moduły Usługi, Dystrybutorzy i Referencje, dzięki czemu będziesz mógł zaprezentować personel swojej firmy, usługi, które oferujesz, a także informacje zwrotne od klientów. W dodatku dostaniesz:

  • 50+ Różnych stron w zestawie.
  • 10 Demo.
  • Paczka WooCommerce.
  • 30+ Niestandardowych stron do wzmocnienia podstawowej funkcjonalności.
  • 3 Warianty układu bloga, w tym Klasyczny, Aukcje, Siatka i Kafelkowy.
  • Różne warianty układu strony sklepu.
  • Ogromny zestaw wariantów układu nagłówki i stopki.
  • Zestaw tematycznych Font Icons.
  • Narzędzie Revolution Slider.
  • Warianty układu tła itd.

Monstroid

wideo w tle w elementor 05

Demo Pobierz

Z tym motywem tworzenie strony stanie się superłatwe! Ten uniwersalny motyw można lekko dostosować do dowolnych potrzeb biznesowych. Motyw Monstroid zawiera wszystko, co jest potrzebne do tworzenia i edycji witryny bez konieczności dodatkowego kodowania: wstępnie zaprojektowane strony, motywy potomne i 23 wbudowane wtyczki oferujące zaawansowane opcje dostosowywania, a także:

  • 20+ Zawartości demo.
  • Ogromny wybór skórek i stron w zestawie.
  • Narzędzia Live Menu i Page Builder.
  • Paczka WooCommerce do szybkiego uruchomienia stron komercyjnych.
  • Mnóstwo wariantów układu strony bloga.
  • Zestaw różnych stylów dła nagłówka i stopki .
  • Zestaw wtyczek Cherry .
  • Wtyczka TM Photo Gallery.
  • Wtyczka Appointment Booking.
  • Efekt paralaksowego przewijania itd.

 


Tworzenie responsywnych stron: jakie masz opcje? [Darmowa e-książka]

Klikając przycisk akceptujesz Politykę prywatności i Regulamin korzystania z serwisu TemplateMonster.


* * *

P.S. Więc, teraz wiedz jak dodać wideo w tle do sekcji stron z pomocą Elementora. Jeśli spodobał Ci się nasz tutorial, podziel się nim z innymi w social media! Także czekamy na Twoją opinię w komentarzach! Czy korzystasz z kreatora Elementor do dodawania wideo w tle lub masz swoje sprawdzone metody?

Jeśli znalazłeś błąd ortograficzny, prosimy o poinformowanie nas o tym, wybierając odpowiedni fragment tekstu i naciskając Ctrl + Enter .

Zgłoś błąd w pisowni

Poniższy tekst zostanie przesłany do naszej redakcji: