Jak utworzyć sekcję tła wideo w WordPress?

Opublikowany: 2021-12-29

Skutecznym sposobem na zwiększenie atrakcyjności wizualnej witryny jest utworzenie sekcji tła wideo. Intryguje odwiedzających i zachęca ich do dłuższego pozostania na Twojej stronie.

WordPress zapewnia różne podejścia, za pomocą których można zintegrować tło wideo.

Jeśli nie znasz żadnej z tych metod, pozwól nam poprowadzić Cię przez ten proces.

Na tym blogu poznasz trzy bezproblemowe techniki dodawania wideo jako sekcji tła.

Spis treści

  • #Dlaczego potrzebujesz tła wideo w WordPress?
  • #Wskazówki dotyczące wyboru idealnego tła wideo
    • 1. Skompresowany, ale wysokiej jakości wideo
    • 2. Krótki czas trwania klipu wideo
    • 3. Uzupełnianie treści Twojej witryny
    • 4. Opcja włączenia/wyłączenia dźwięku
    • 5. Responsywna sekcja tła wideo
  • #Trzy metody tworzenia sekcji tła wideo
    • 1. Utwórz sekcję tła wideo za pomocą Kreatora stron
    • 2. Utwórz sekcję tła wideo za pomocą wtyczek WordPress
    • 3. Utwórz sekcję tła wideo za pomocą motywów WordPress
  • Gdzie znaleźć zdjęcia stockowe do sekcji tła wideo?
    • 1. Shutterstock
    • 2. Elementy Envato
    • 3. Pexels
    • 4. Pixabay
  • Często zadawane pytania (FAQ)
    • Czy wtyczka Slider Hero obsługuje funkcję autoodtwarzania w filmach na YouTube?
    • Która wtyczka tła wideo jest najlepsza dla mojej witryny?
    • Kiedy nie powinienem używać tła wideo w mojej witrynie?
    • Czy powinienem zamiast tego przesłać wideo z własnego hosta, czy osadzić wideo z YouTube?
    • Czy mogę usunąć przyciski Udostępnij i Subskrybuj z osadzonego filmu YouTube?
  • Zawijanie!

#Dlaczego potrzebujesz tła wideo w WordPress?

Wszyscy wiemy, jak ważne jest dodawanie atrakcyjnych obrazów tła do naszej witryny. Przykuwają uwagę odbiorców i komunikują się szybciej niż pisemny opis.

Jednak inna forma przekazu jest 100 razy silniejsza niż obrazy, grafika i inne ilustracje. Jeśli myślisz o wideo, możesz poklepać się po plecach!

Dwóch gościnnych blogerów na blogu YouTube udostępniło statystyki udowadniające, że wideo przyćmiewa obraz nieefektywnej komunikacji. Słyszałeś, że obraz mówi tysiącem słów, prawda?

Cóż, według spostrzeżeń tych zaproszonych blogerów, wideo mówi milion słów.

W ten sposób możesz dodawać filmy jako tło w swojej witrynie, aby przekazywać istotne informacje swoim odbiorcom. Możesz dodać krótki film, aby opisać historię Twojej marki, mechanizm działania Twojego produktu itp.

Sekcja wideo zachęca odwiedzających witrynę do zaangażowania się w nią. Mogą chcieć włączyć głośność multimediów, powiększyć odtwarzacz lub odtworzyć cały film.

Poza tym Twoi odbiorcy będą chcieli dowiedzieć się więcej o Twojej marce po obejrzeniu filmu wprowadzającego. Jeśli odwiedzający spędzą dłuższy czas w Twojej witrynie, Twój współczynnik odrzuceń spada, co również poprawia wydajność SEO.

#Wskazówki dotyczące wyboru idealnego tła wideo

Teraz znasz znaczenie integracji wideo na stronach internetowych. Przedstawiamy kilka wskazówek dotyczących wyboru świetnego filmu do dodania do witryny WordPress. Oto pięć kluczowych punktów, które mogą okazać się pomocne.

1. Skompresowany, ale wysokiej jakości wideo

Musisz skompresować pliki wideo przed przesłaniem ich do sekcji tła. Witryna z dużym rozmiarem wideo ładuje się powoli i zapewnia okropne wrażenia użytkownika.

Co więcej, Google nie będzie umieszczać Twojej witryny na najwyższych wynikach odpowiednich wyników wyszukiwania. Kompresja wideo zmniejszy obciążenie serwera, a Twoja witryna będzie działać szybciej.

Ale upewnij się, że nie zrujnujesz jakości wideo podczas kompresji. Twoi odbiorcy nie chcą oglądać rozmazanego filmu. Musisz znaleźć środek, w którym wideo jest skompresowane, ale nadal ma przyzwoitą rozdzielczość.

Możesz użyć narzędzia takiego jak VideoProc, które pozwala skompresować filmy do najlepszego rozmiaru. Narzędzie VideoProc Converter działa z dowolnym filmem nagranym za pomocą GoPro, DJI, iPhone'a, Androida, kamery lub dowolnej innej kamery 4K.

2. Krótki czas trwania klipu wideo

Inną rzeczą do rozważenia podczas dodawania wideo do swojej witryny jest krótkie. Po pierwsze, widzowie online mają niski poziom uwagi. Nie obejrzą półgodzinnego filmu, który przedstawia całą historię Twojej firmy.

Zamiast tego prześlij krótki, trwający mniej niż minutę film o mniejszym rozmiarze. Załadowanie zajmie trochę czasu i przyciągnie również uwagę odwiedzających Twoją witrynę. Poza tym możesz również umieścić materiał filmowy w pętli.

3. Uzupełnianie treści Twojej witryny

Twoi goście będą cieszyć się filmem tylko wtedy, gdy będzie uzupełniał zawartość Twojej witryny. Na przykład jesteś właścicielem witryny kawiarni, więc film o rowerach sportowych z pewnością nie będzie uzupełnieniem Twojej witryny.

Wychodzenie z kontekstu irytuje odbiorców, zwiększając szansę na utratę ich uwagi. Stwórz więc odpowiedni film swojej marki, aby dodać go do tła. Możesz również wyświetlić odpowiedni materiał filmowy.

4. Opcja włączenia/wyłączenia dźwięku

Gdy ktoś wchodzi na Twoją witrynę, może nie oczekiwać automatycznego odtwarzania dźwięku. Twoi odbiorcy mogą przeglądać Twoją witrynę w bibliotece, biurze, klasie lub w innych cichych miejscach. Nagły dźwięk ich przestraszy i zamkną kartę, aby się jej pozbyć.

Automatyczne odtwarzanie treści multimedialnych jest jednym z najważniejszych atrybutów witryny, których ludzie nienawidzą. Możesz uniknąć tej sytuacji, dodając opcję przełączania, aby włączyć/wyłączyć dźwięk. W ten sposób odwiedzający mogą odtwarzać dźwięk tylko wtedy, gdy poczują taką potrzebę.

5. Responsywna sekcja tła wideo

Odwiedzający Twoją witrynę będą przeglądać Twoje treści na różnych urządzeniach cyfrowych. Na przykład mogą oglądać Twój film na urządzeniach mobilnych, laptopach lub innych. Nieresponsywny film nie zapewni tych samych wymiarów na wszystkich tych rozmiarach ekranu.

Dlatego musisz dostosować tło wideo. Dzięki tej funkcji Twój film wczytuje się z prawidłowymi wymiarami na wszystkich urządzeniach wyświetlających.

#Trzy metody tworzenia sekcji tła wideo

Istnieją trzy główne sposoby dodania wideo jako sekcji tła w witrynie. W tej sekcji otrzymasz szczegółowe wyjaśnienie każdej z technik. Możesz wybrać dowolną z tych opcji w zależności od swoich preferencji.

1. Utwórz sekcję tła wideo za pomocą Kreatora stron

Kreatory witryn/stron są idealne do projektowania stron internetowych bez pracy z kodami (HTML, CSS itp.). Narzędzia te pomagają również dodawać różne elementy multimedialne, takie jak suwak karuzeli, lightbox obrazu, animacja itp.

  1. Kreator stron internetowych Elementora

Elementor to wszechstronna wtyczka do tworzenia stron internetowych. Pozwala zaprojektować różne elementy, takie jak nagłówek, stopka, strona produktu itp. Ten kreator stron obsługuje prawie każdy motyw i wtyczkę WordPress.

Najpierw zainstaluj ten program do tworzenia stron ze strony Dodaj nową wtyczkę. Przejdź do paska wyszukiwania i poszukaj „Elementor. Teraz zainstaluj i aktywuj pierwszą opcję, która ma nazwę wydawcy: Elementor.com .

Instalacja i aktywacja kreatora stron internetowych Elementor w WordPress

Teraz wróć do pulpitu nawigacyjnego i najedź kursorem myszy na górę opcji Elementor na pasku bocznym. Kliknij przycisk Pierwsze kroki z menu rozwijanego.

Podświetlenie przycisku Pierwsze kroki w rozwijanym menu Elementora

Ta akcja przeniesie Cię na stronę powitalną Elementora. Możesz zobaczyć przycisk „Utwórz swoją pierwszą stronę”. Kliknij go, aby kontynuować.

Dojdziesz do interfejsu edycji „przeciągnij i upuść” w Kreatorze stron internetowych Elementor. Stwórzmy nowy szablon strony za pomocą tej wtyczki. Kliknij ikonę folderu, którą widzisz wewnątrz kropkowanego pola, jak pokazano na zrzucie ekranu.

Wskazując na ikonę folderu w interfejsie edycji programu Elementor Website Builder

Wyświetla wyskakujące okienko z mnóstwem wstępnie zaprojektowanych szablonów stron. Umieść wskaźnik myszy na wybranym układzie. Ta akcja pokazuje przycisk Wstaw, który musisz kliknąć, aby dodać szablon do swojej witryny.

Podświetlanie jednego z gotowych szablonów stron Elementor Website Builder

Po wybraniu jednego z układów otrzymasz kolejne okno. Kliknij przycisk Rozpocznij, który przeniesie Cię na stronę rejestracji w Elementorze. Aby kontynuować, utwórz konto za pomocą tej wtyczki kreatora.

Wyświetlanie strony rejestracji w Kreatorze stron internetowych Elementor

Elementor zapewnia opcję połączenia swojej witryny z biblioteką szablonów. Kliknij przycisk Połącz. Następnie wracasz do interfejsu edycji.

Możesz wybrać dowolną sekcję, w której chcesz wyświetlić wideo jako tło. Jeśli zamierzasz dostosować jego rozmiar, kliknij przycisk Edytuj sekcję oznaczony sześcioma kropkami u góry.

Wskazując na sekcję Układ i ustawienia dostosowania Elementora

Teraz możesz zmienić jego ustawienia, takie jak wysokość, szerokość i odstęp, z opcji Układ.

Po dostosowaniu tej sekcji przejdź do opcji Styl. Możesz wybrać cztery różne typy tła: obraz, wideo, gradient i pokaz slajdów. Wybierz ikonę Wideo i wklej adres URL filmu z YouTube w polu tekstowym.

Zaznaczenie miejsca, w którym możesz dodać wideo Link do YouTube lub Vimeo

Jeśli nie chcesz wyświetlać wideo z YouTube, możesz zamiast tego przesłać plik w formacie MP4. W przypadku tej metody musisz skopiować permalink tego wideo z biblioteki multimediów. Następnie wklej go w to samo pole tekstowe w interfejsie Elementora.

Pokazywanie stałego linku wideo na własnym serwerze w Bibliotece multimediów WordPressa

Idąc dalej, możesz dostosować inne ustawienia dla wybranego filmu. Na przykład możesz dostosować nakładkę koloru tła dla swojej sekcji. Poza tym możesz wybrać, czy chcesz odtwarzać wideo na urządzeniach mobilnych, czy nie.

Wyświetlanie ustawień regulacji sekcji tła wideo Elementora

Możesz także przesłać obraz zastępczy, który pojawi się na ekranie, jeśli film się nie wczytuje. Na koniec kliknij przycisk Opublikuj, gdy jesteś zadowolony z filmu w tle.

  1. Kreator stron WordPress – Beaver Builder

Beaver Builder umożliwia edycję strony głównej witryny za pomocą elastycznego interfejsu typu „przeciągnij i upuść”. Obsługuje różne moduły treści, takie jak zdjęcie, przycisk, nagłówek, ikona, audio, wideo itp.

Przejdź do Dodaj nową wtyczkę, aby dodać to rozszerzenie kreatora do pulpitu WordPress. Wpisz jego nazwę w pasku wyszukiwania i wybierz pierwszą opcję, która ma ponad 300 000 aktywnych instalacji.

Instalowanie i aktywowanie kreatora stron Beaver Builder WordPress

Musisz zainstalować i aktywować to rozszerzenie i przejść do strony, na której dodajesz tło multimedialne. Jeśli chcesz utworzyć nową stronę, kliknij przycisk Dodaj nową w menu rozwijanym opcji Strony.

Wskazując na przycisk Dodaj nowy w rozwijanym menu opcji Strony w WordPressie

Wchodzisz do interfejsu edycji nowej strony. Ponieważ zainstalowałeś tę wtyczkę do budowania typu „przeciągnij i upuść”, możesz dostosować stronę z poziomu interfejsu. Kliknij przycisk Uruchom Beaver Builder, jak pokazano na zrzucie ekranu.

Wskazując na przycisk Uruchom Beaver Builder w oknie Beaver Builder w WordPress

Ta akcja przeniesie Cię do interfejsu edycji front-end. Beaver Builder wyświetla różne moduły na prawym pasku bocznym, takie jak Audio, Nagłówek, Zdjęcie itp. Kliknij ikonę Wideo i przeciągnij ją do kropkowanego pola.

Wskazując na moduł Wideo w interfejsie edycji kreatora stron Beaver Builder

Tworzy blok wideo i otwiera okno, w którym można dostosować ustawienia wideo. Najpierw należy ustawić typ wideo z dwóch opcji: Biblioteka multimediów i Osadź. Jeśli wybrałeś pierwszą alternatywę, możesz przesłać wideo z formatów plików MP4 lub WebM.

Wskazując na ogólne ustawienia wideo kreatora stron Beaver Builder

Kliknij przycisk „Wybierz wideo” z dowolnej z tych opcji. Musisz wybrać film z Biblioteki multimediów lub przesłać go z dysku. Beaver Builder umożliwia wprowadzenie kilku zmian, takich jak przesyłanie plakatów, autoodtwarzanie i przełączanie pętli itp.

Podświetlanie niektórych ogólnych korekt wideo dostarczonych przez narzędzie do tworzenia stron Beaver Builder

Wręcz przeciwnie, jeśli wybierzesz opcję Video Embed, możesz wkleić adres URL swojego filmu na YouTube. Po wstawieniu adresu URL otrzymasz podgląd wideo w tle. Po dokonaniu ostatecznych zmian kliknij przycisk Zapisz.

Wyświetlenie pola tekstowego, w którym można wstawić adres URL wideo w interfejsie Beaver Builder

Beaver Builder wyświetla podgląd osadzonego wideo w swoim interfejsie. Kliknij przycisk Gotowe w prawym górnym rogu. Następnie zobaczysz cztery nowe przyciski: Odrzuć, Zapisz wersję roboczą, Opublikuj i Anuluj.

Wskazując na przycisk Publikuj na górnym pasku interfejsu edycji Beaver Builder

Następnie kliknij Opublikuj, aby zapisać aktualizacje. Sugerujemy załadowanie swojej witryny, aby sprawdzić, jak działa tło wideo. Jeśli potrzebujesz alternatywy dla kreatorów stron internetowych, spójrz na następną sekcję: Wtyczki.

2. Utwórz sekcję tła wideo za pomocą wtyczek WordPress

Wtyczki to doskonały sposób na dodanie dodatkowych funkcji do Twojej witryny. Masz możliwość wyboru różnych rozszerzeń, aby dodać tło wideo do swojej witryny. Wyjaśniliśmy proces dodawania tej funkcji za pomocą dwóch wtyczek.

  1. Zaawansowane tła WordPress

Zaawansowane tła WordPress umożliwiają wyświetlanie różnych typów tła. Na przykład możesz dodać obraz, obraz wzoru, kolor, przesłane wideo i filmy z YouTube/Vimeo.

Zapoznaj się ze stroną Dodaj nową wtyczkę na pulpicie WordPress. Wprowadź Zaawansowane tła WordPress w pasku wyszukiwania i zainstaluj pierwszą opcję z wyników.

Instalowanie i aktywowanie wtyczki Zaawansowane tła WordPress

Aktywuj wtyczkę po jej zainstalowaniu. Następnie przejdź do strony, na której chcesz dodać sekcję tła wideo. W tym samouczku wybraliśmy stronę główną naszej witryny. Kliknij przycisk Edytuj, który znajduje się na dole tytułu strony.

Wskazując na przycisk Edytuj pod tytułem strony głównej

W układzie edycji strony głównej kliknij znak plus (+), aby otworzyć pasek wyszukiwania. Wprowadź termin „AWB” i wybierz opcję Blok tła (AWB). Otrzymasz nowy blok dodany do Twojej strony.

Wybór bloku Tło (AWB) w interfejsie edycyjnym WordPress

W tym bloku możesz dodać kolor, obraz lub wideo. Kliknij przycisk Type na pasku ustawień bloku. Wybierz opcję „Wideo” z menu rozwijanego widocznego na poniższym zrzucie ekranu.

[Nazwa zrzutu ekranu: Wskazując na przycisk Wideo w rozwijanym menu bloku tła (AWB)]

Ta wtyczka zapewnia interfejs do dodawania wideo za pomocą dwóch metod. Najpierw kliknij przycisk Zablokuj na prawym pasku bocznym. Tuż pod opcją Wideo możesz wybrać opcję YouTube/Vimeo lub Self Hosted.

Wybranie opcji Integracja wideo w ustawieniach Blokowania w interfejsie strony WordPress

Po wybraniu opcji YouTube/Vimeo otrzymasz pole tekstowe do wpisania adresu URL swojego filmu. Możesz także ustawić czas rozpoczęcia wideo dokładnie od miejsca, w którym chcesz go odtworzyć.

Wstawianie adresu URL wideo YouTube w polu tekstowym

Inną opcją jest wideo z własnego hosta. Możesz przesłać film, wybierając jeden z tych trzech formatów: MP4, OGV i WEBM. Kliknij jeden z tych przycisków i wybierz wideo z Biblioteki multimediów.  

Wyróżnienie trzech formatów wideo obsługiwanych przez wtyczkę Advanced WordPress Backgrounds

Jeśli nie masz filmu w Bibliotece, prześlij go ze swojego dysku. Po wstawieniu wideo możesz zobaczyć jego podgląd na tym samym pasku bocznym. Następnie kliknij przycisk Opublikuj u góry strony.

Wskazując na przycisk Opublikuj na prawym pasku bocznym edytora stron WordPress
  1. mb.YTPlayer dla filmów w tle

Wtyczka mb.YTPlayer for Background Videos pozwala zintegrować filmy z YouTube z Twoją witryną. W wersji pro możesz edytować krycie wideo, jakość, proporcje i inne funkcje.

Podobnie jak w przypadku poprzednich wtyczek, możesz zainstalować mb.YTPlayer ze strony Dodaj nową wtyczkę. Wstaw słowo kluczowe, jak pokazano poniżej i aktywuj je na swoim koncie WordPress.

Instalacja i aktywacja wtyczki mb.YTPlayer WordPress

Po zainstalowaniu przejdź do pulpitu WordPress. Następnie najedź kursorem myszy na opcję „mb.ideas” na lewym pasku bocznym. Kliknij przycisk YTPlayer, który widzisz w menu rozwijanym.

Wskazując na przycisk YTPlayer w rozwijanym menu mb.ideas w WordPress

Wchodzisz do interfejsu edycji rozszerzenia YT.Player. Najpierw kliknij przycisk przełączania, aby aktywować wideo w tle. Następnie wstaw adres URL filmu z YouTube w polu tekstowym, jak pokazano na zrzucie ekranu.

Zaznaczanie miejsca na umieszczenie URL-a wideo YouTube w interfejsie wtyczki mb.YTPlayer

Przewiń stronę w dół, a zobaczysz sekcję, w której możesz wybrać stronę, na której chcesz zintegrować wideo. Do demonstracji wybraliśmy statyczną stronę domową. Po zakończeniu edycji możesz kliknąć Zapisz zmiany.

Podświetlenie ustawień dostosowania wtyczki mb.YTPlayer i wskazanie przycisku Zapisz zmiany

Po zapisaniu zmian na tej stronie zobaczysz miniaturę wybranego filmu. Możesz też dodać wiele adresów URL filmów oddzielonych przecinkami. Twoi odbiorcy mogą losowo zobaczyć dowolny z tych filmów za każdym razem, gdy odwiedzają Twoją witrynę.

Miniatura filmu z YouTube wstawiona do interfejsu edycji wtyczki mb.YTPlayer
  1. Slider Hero z animacją, tłem wideo i kreatorem wstępów

Wtyczka Slider Hero pomaga tworzyć responsywne suwaki dla Twojej witryny. Do suwaka możesz dodać karuzelę tekstu, przyciski wezwania do działania (CTA) i kilka innych elementów. Poza tym pozwala również dodać wideo jako sekcję tła.

Jak każde inne bezpłatne rozszerzenie, możesz je zainstalować ze strony Dodaj nową wtyczkę WordPress. Wpisz słowo kluczowe „Slider Hero” w pasku wyszukiwania. Wybierz pierwszą opcję, która ma Quantum Cloud jako nazwę wydawcy.

Instalacja i aktywacja wtyczki Slider Hero WordPress

Teraz musisz przejść do pulpitu nawigacyjnego i wyszukać opcję Slider Hero na pasku bocznym. Umieść kursor myszy na nim, aby wyświetlić menu rozwijane. Kliknij przycisk Nowy suwak z menu.

Wskazując na przycisk Nowy suwak w rozwijanym menu wtyczki Slider Hero

Jesteś teraz w interfejsie edycji tej wtyczki. Zapewnia siedem różnych efektów suwaka do wyboru. Kliknij opcję suwaka, którą chcesz edytować. Wybraliśmy pierwszą opcję: Brak efektu.

Wybór jednego z gotowych szablonów stron internetowych dostarczonych przez wtyczkę Slider Hero

Poniższa strona zawiera dwie sekcje. Pierwszy z nich umożliwia dodawanie suwaków, a kolejny pozwala dostosować jego efekty.

Sugerujemy kliknięcie symbolu Plus (+) w górnej części lewej sekcji. Tworzy szkic slajdu, w którym możesz wpisać tytuł i opis. Poza tym możesz dodać dwa przyciski CTA dla każdego z nich.

Podświetlanie ustawień suwaka w sekcji Dodaj suwak wtyczki Slider Hero WordPress

Przechodząc do prawej sekcji, musisz wybrać opcję Ustawienia wideo na pasku menu. Pokazuje rozwijane menu z trzema alternatywami tła wideo. Wybierz opcję tła wideo YouTube.

Wskazując na ustawienia wideo YouTube w ustawieniach wideo

Z pozostałych dwóch opcji możesz korzystać tylko w wersji premium.

Slider Hero wyświetla różne ustawienia suwaka wideo za pomocą tej akcji. Otrzymasz pole tekstowe zawierające identyfikator wideo YouTube. Aby uzyskać ten kod, możesz wkleić w tym miejscu cały adres URL swojego filmu.

Wstawianie adresu URL wideo YouTube i wskazywanie przycisku Zapisz i podglądu wtyczki Slider Hero

Po sfinalizowaniu zmian kliknij przycisk Zapisz. Po zapisaniu zmian kliknij opcję Shortcode w prawym rogu paska menu. Slider Hero zapewnia krótki kod, który możesz wkleić na dowolnej stronie swojej witryny.

Wskazując na skrót dostarczony przez wtyczkę Slider Hero WordPress

Skopiuj zaznaczony powyżej kod i wklej go do notatnika. Teraz możesz poszukać opcji Strony na pasku bocznym WordPressa. Umieść wskaźnik myszy na nim, aby wyświetlić menu rozwijane.

Wskazując na przycisk Dodaj nowy w rozwijanym menu opcji Strony w WordPressie

Następnie musisz kliknąć Dodaj nową, aby utworzyć nową stronę. Po wejściu na nową stronę musisz wkleić krótki kod w obszarze ciała. Po zakończeniu edycji kliknij przycisk Zapisz wersję roboczą.

Podświetlenie skrótu i ​​wskazanie przycisku Opublikuj

Możesz także kliknąć przycisk Podgląd, aby sprawdzić, jak działa wideo. Kliknij przycisk Opublikuj po zakończeniu dodawania innych elementów strony.

Poniższy zrzut ekranu ilustruje, jak będzie wyglądać wideo w tle.

Miniaturowy podgląd wideo YouTube osadzonego za pomocą wtyczki Slider Hero

3. Utwórz sekcję tła wideo za pomocą motywów WordPress

Prostym sposobem na zintegrowanie tła wideo jest zainstalowanie motywu WordPress, który obsługuje tę funkcję. Dzięki motywowi obsługującemu multimedia nie potrzebujesz zewnętrznego rozszerzenia, aby dodać sekcje wideo do swojej witryny.

Oto trzy strony internetowe, które mają potężne motywy, które obsługują tła wideo.

  1. WordPress.org – bezpłatne repozytorium motywów

WordPress.org zawiera różne bezpłatne motywy i wtyczki do zasilania Twojej witryny. Działa przy minimalnej konfiguracji. Poza tym to narzędzie o otwartym kodzie źródłowym umożliwia wygodne udostępnianie historii, produktów i usług.

Możesz wyszukać odpowiedni motyw na pasku wyszukiwania. Wprowadź termin „tło wideo” i wybierz dowolny element z jego wyników. Poza tym możesz pobrać dowolny szablon i zainstalować go na swoim pulpicie WordPress.

Przeczytaj jego opis przed pobraniem, aby upewnić się, że obsługuje funkcję, którą chcesz dodać. Musisz przesłać plik ZIP motywu na swoje konto WordPress i aktywować go później.

  1. Las tematyczny — Premium motywy WordPress

Theme Forest zawiera tysiące motywów i szablonów dla WordPress, eCommerce, marketingu, CMS itp. Jest to największy rynek motywów na świecie, z unikalnymi elementami dla różnych projektów.

Jeśli potrzebujesz szablonu internetowego premium, polecamy tę witrynę. Podobnie jak w przypadku WordPress.org, musisz wpisać słowo kluczowe, aby wyszukać odpowiedni motyw. Pozwala sortować wyniki według ceny, najlepszego dopasowania itp.

Po zainstalowaniu go na pulpicie WordPress, musisz przeczytać jego dokumentację, aby dodać tło wideo. Jeśli nie zawiera odpowiedniej instrukcji, musisz skontaktować się z ich zespołem pomocy technicznej.

  1. Motywy Rara — bezpłatne i premium motywy WordPress

Rara Themes zawiera kolekcję jednych z najlepszych szablonów stron internetowych. Ich motywy są idealne do tworzenia stron internetowych z różnych nisz, w tym podróży, biznesu, edukacji, mody, osobistych blogów i innych. Każdy z szablonów stron internetowych pozwala na zintegrowanie wideo w tle nagłówka.

W tym celu możesz użyć zarówno darmowych, jak i premium motywów. Wyjaśnimy, jak skonfigurować sekcję tła wideo za pomocą jednego z jej produktów. Do tej demonstracji wybraliśmy Chic Lite.

Zainstaluj i aktywuj ten motyw i przejdź do pulpitu WordPress. Umieść wskaźnik myszy na opcji Wygląd na pasku bocznym. Następnie kliknij przycisk Nagłówek z menu rozwijanego.

Wskazując na przycisk Nagłówek w rozwijanym menu opcji Wygląd w WordPressie

Za pomocą tej akcji wprowadzasz ustawienia personalizacji strony głównej dla sekcji Banner. Możesz zobaczyć tytuł, aby dodać wideo nagłówka na lewym pasku bocznym. Kliknij przycisk Wybierz wideo, jak pokazano poniżej.

Możliwość wybrania wideo do wstawienia w pasku nagłówka motywu Chic Lite WordPress

Docierasz do strony Biblioteki mediów, na której możesz wybrać wideo do wyświetlenia. Wybierz wideo, które chcesz przesłać, a następnie kliknij przycisk Wybierz wideo. Pozwala zmienić tytuł, podpis i opis pliku.

Wybór wideo z Biblioteki multimediów i wskazanie przycisku Wybierz wideo

Jeśli nie przesłałeś jeszcze filmu, musisz przejść do sekcji Prześlij pliki. Możesz dodać wideo w bibliotece i wybrać wyświetlanie go w obszarze nagłówka.

Wróć do ustawień dostosowywania, a zobaczysz miniaturę wybranego filmu. Poza tym, jeśli chcesz zintegrować film z YouTube, możesz wpisać jego adres URL w miejscu zaznaczonym poniżej.

Wstawianie adresu URL wideo YouTube w polu tekstowym dostarczonym przez Advanced WordPress Backgrounds

Film jest odtwarzany automatycznie bez dźwięku. Twoi odbiorcy mają możliwość wstrzymania i odtworzenia wideo podczas przeglądania witryny.

Gdzie znaleźć zdjęcia stockowe do sekcji tła wideo?

Do tej pory musisz mieć jasny pomysł, jak dodać tło wideo do swojej witryny. Ale czy masz gotowy film do wstawienia? Jeśli nie, pozwól nam to ułatwić.

Jeśli jesteś twórcą wideo lub zatrudniłeś go do swojego projektu, nie musisz się tym martwić. Jeśli jednak chcesz, aby ogólny klip wideo poprawił estetykę witryny, możesz użyć materiału filmowego.

Filmy stockowe to treści wolne od opłat licencyjnych, z których można korzystać bez naruszania praw autorskich. Spójrzmy na listę czterech stron internetowych, które udostępniają zarówno filmy premium, jak i darmowe.

1. Shutterstock

Shutterstock umożliwia pobieranie różnych elementów multimedialnych, takich jak obrazy, grafika, muzyka, materiały filmowe itp. Google, BuzzFeed, Marvel i kilka innych renomowanych marek opiera się na swoich bibliotekach, aby napędzać swoją kreatywność.

Możesz kategoryzować filmy według tematów, takich jak zwierzęta/dzika przyroda, święta, nauka, edukacja, przyroda i inne. Shutterstock ma ponad milion filmów stockowych w jakości 4K, HD i SD.

2. Elementy Envato

Envato Elements ma ponad 50 milionów zasobów cyfrowych, takich jak szablony graficzne, wideo, audio, zdjęcia, czcionki itp. Otrzymali wszelkiego rodzaju materiały filmowe i klipy wideo dotyczące przyrody, biznesu i tła.

3. Pexels

Pexels to bezpłatna biblioteka obrazów i filmów. Możesz wyszukiwać dowolne kategorie nagrań, takie jak domy, kawiarnie, przyroda, dzieci, rodzina i inne. Pozwala także przekazać darowizny twórcom, jeśli masz ochotę ich wesprzeć.

4. Pixabay

Pixabay ma społeczność utalentowanych twórców z ponad 1,8 milionami zdjęć i filmów. Możesz używać, modyfikować, a także rozpowszechniać ich elementy bez podawania kredytu. Podobnie jak w przypadku Pexels, możesz przekazać darowiznę jednemu lub kilku twórcom, jeśli chcesz.

Często zadawane pytania (FAQ)

Czy wtyczka Slider Hero obsługuje funkcję autoodtwarzania w filmach na YouTube?

Slider Hero obsługuje funkcję automatycznego odtwarzania Twojego filmu na YouTube tylko wtedy, gdy nie ma dźwięku. Jeśli Twój film ma dźwięk, może/może nie odtwarzać się automatycznie w zależności od różnych czynników.

Która wtyczka tła wideo jest najlepsza dla mojej witryny?

Wtyczka Advanced WordPress Backgrounds będzie działać najlepiej w Twojej witrynie. Umożliwia integrację wideo za pomocą łatwych w użyciu elementów blokowych i obsługuje zarówno filmy hostowane samodzielnie, jak i filmy z YouTube.

Kiedy nie powinienem używać tła wideo w mojej witrynie?

Istnieje kilka przypadków, w których tło wideo może nie być istotnym elementem do uwzględnienia. Na przykład, jeśli chcesz, aby odwiedzający przeczytali określony tekst, wideo może rozpraszać uwagę.

Czy powinienem zamiast tego przesłać wideo z własnego hosta, czy osadzić wideo z YouTube?

Podejmując tę ​​decyzję, musisz wziąć pod uwagę szybkość ładowania swojej witryny. Jeśli korzystasz z samodzielnie hostowanych filmów, może to spowolnić działanie Twojej witryny. Dlatego zalecamy zamiast tego tło wideo YouTube.

Czy mogę usunąć przyciski Udostępnij i Subskrybuj z osadzonego filmu YouTube?

Nie. YouTube nie pozwala na usunięcie przycisku Udostępnij i subskrybuj z osadzonego filmu. Ta funkcja była dostępna tylko przed wrześniem 2018 roku.

Zawijanie!

Możesz stworzyć świetne wideo jako tło, korzystając ze wskazówek i technik tego bloga. Czy znasz więcej wtyczek/rozszerzeń umożliwiających dodanie tej funkcji do swojej witryny? Podziel się swoją odpowiedzią w sekcji komentarzy poniżej.

Ponadto, czy nasz blog był dla Ciebie pouczający? Zachęcamy do przekazywania szczerych opinii, abyśmy mogli ulepszać nasze przyszłe treści.