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.

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

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

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

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

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

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?