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.
- Otwórz stronę edycji w kreatorze Elementor.
- Utworz nową sekcję.
- Przejdź do panelu Edytuj sekcję i wybierz opcję "Stretch Section", aby zajęła całą szerokość strony.
- 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.
- Następnie ustaw czas rozpoczęcia i zakończenia odtwarzania wideo.
- 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.
- Wróć do sekcji układu i ustaw minimalną wysokość sekcji.
- 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
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
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
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
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
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?