3 proste sposoby na dodanie tła wideo WordPress do swojej witryny

Opublikowany: 2021-12-11

Korzystanie z tła wideo w witrynie WordPress to świetny sposób na wyróżnienie się na tle konkurencji i przyciągnięcie większej liczby odbiorców. Dzieje się tak, ponieważ tła wideo pozwalają lepiej przekazywać wiadomości odbiorcom i zapewniają im rozrywkę.

Jeśli znajdziesz sposób na dodanie tła wideo WordPress do swojej witryny, poniższe wskazówki i przewodniki będą bardzo pomocne.

Spis treści
[Pokaż ukryj]
  1. Dlaczego warto dodać tło wideo WordPress do swojej witryny?
  2. Kilka przydatnych wskazówek dotyczących dodawania tła wideo WordPress do swojej witryny
  3. Skąd możesz pobrać tło wideo WordPress?
  4. 3 sposoby na dodanie tła wideo WordPress do swojej witryny
    1. Użyj motywu WordPress, który obsługuje tła wideo
    2. Użyj Kreatora Stron
      1. Gutenberg
      2. Kreator Stron Elementora
    3. Użyj wtyczki WordPress do tła wideo
      1. Inteligentny suwak 3
      2. Odtwarzacz wideo i pełnoekranowe tło wideo
      3. Obraz i wideo w tle pełnoekranowym Wtyczka WordPress
  5. Ostatnie słowa

Dlaczego warto dodać tło wideo WordPress do swojej witryny?

Poniżej przedstawiamy kilka korzyści z dodania tła wideo WordPress do Twojej witryny.

  • Dodaj fajne i niepowtarzalne style do swojej witryny WordPress.
  • Tła wideo są atrakcyjne. Gdy użytkownicy odwiedzają Twoją witrynę, zatrzymają się, aby obejrzeć Twój film, zamiast przewijać.
  • Pomóż Ci podkreślić niektóre ważne aspekty Twojej firmy.
  • Łatwo urzeczywistnij wiodącą wizję swojej witryny.
  • Uczyń swoją witrynę bardziej dostępną, co zwiększy ruch w witrynie.

Kilka przydatnych wskazówek dotyczących dodawania tła wideo WordPress do swojej witryny

Zanim przejdziemy dalej, oto kilka pomocnych wskazówek, o których powinieneś pamiętać podczas dodawania tła wideo WordPress do swojej witryny.

  • Upewnij się, że przesyłany film ma wysoką rozdzielczość.
  • Upewnij się, że wideo nie wpłynie zbytnio na szybkość ładowania strony. W razie potrzeby skompresuj.
  • Tła wideo powinny być w pełni responsywne. Dzięki temu będzie dobrze wyglądać na wszystkich ekranach i urządzeniach.
  • Wyłącz autoodtwarzanie z dźwiękiem. Jeśli chcesz to zrobić, upewnij się, że odwiedzający będą mieli możliwość wyłączenia dźwięku.
  • Ustaw zastępczy obraz tła dla odwiedzających, których przeglądarki internetowe nie obsługują tła wideo .
  • Powinieneś przesłać krótkie tła wideo.

Skąd możesz pobrać tło wideo WordPress ?

Twoje tło wideo może uzyskać duży ruch, zwłaszcza jeśli znajduje się na Twojej stronie głównej. Dlatego będziesz chciał, aby się wyróżniał i jak najbardziej przyciągał odwiedzających.

Jeśli nie masz napiętego budżetu, skontaktuj się z lokalnym filmowcem, aby nakręcić dla Ciebie film. Upewnij się, że jasno wyrażasz swój pomysł, aby upewnić się, że filmy spełniają potrzeby Twojej marki.

Nie masz czasu ani pieniędzy na kręcenie filmów? Nie ma problemu. Nagrania wideo wysokiej jakości bez tantiem można znaleźć w witrynach takich jak Storyblocks i Pixabay.

3 sposoby na dodanie tła wideo WordPress do swojej witryny

Użyj motywu WordPress , który obsługuje tła wideo

Najszybszym i najbardziej nieskomplikowanym sposobem dodania wideo w tle WordPress do witryny jest użycie motywu, który go obsługuje. Tła wideo WordPress są już domyślną funkcją wielu motywów.

Możesz użyć motywu Woostify lub znaleźć motyw na rynku. Istnieje wiele miejsc w Internecie, w których można znaleźć płatny lub bezpłatny motyw WordPress, który obsługuje tła wideo, takie jak motywy WordPress, ThemeForest itp.

Po zainstalowaniu motywu przejdź do strony dokumentacji lub skontaktuj się z pomocą techniczną, aby dowiedzieć się, jak dodać wideo w tle WordPress.

Użyj Kreatora Stron

Gutenberg

Domyślny edytor WordPress i kreator stron — Gutenberg — umożliwia już łatwe dodawanie tła wideo.

  1. Kliknij znak „ + ”, aby dodać nowy blok. Wyszukaj „ okładka ”. Następnie kliknij blok Cover , aby go dodać.
wordpress-wideo-tło-1
  1. Prześlij film lub dodaj go z Biblioteki mediów, jeśli już go przesłałeś.
wordpress-wideo-tło-2
  1. Kliknij tekst „ Wpisz tytuł …”, aby dodać tytuł.
wordpress-wideo-tło-3
  1. Dostosuj tło wideo Gutenberga za pomocą paska narzędzi i paska bocznego. Możesz dodać klasę CSS, aby ją dalej dostosować.
wordpress-wideo-tło-4
wordpress-wideo-tło-5
wordpress-wideo-tło-6

Oto, co oznaczają opcje na pasku bocznym:

  • Nakładka : ustaw kolor, który pojawia się na filmie.
  • Przezroczystość tła : dostosowuje przezroczystość. Im niższa wartość, tym bardziej przejrzysta.

Jak widać, domyślna opcja jest dość ograniczona. Ale jest to również najprostszy sposób, ponieważ jest od samego początku zintegrowany z WordPressem. Więc nie musisz niczego instalować.

Kreator Stron Elementora

Elementor, który jest uważany za najpopularniejszy program do tworzenia stron dla WordPress, umożliwia dodawanie filmów z YouTube i plików .mp4 do tła witryny.

Niektóre motywy mają natywne wsparcie dla Elementora, takiego jak Woostify. Jest to więc najlepsza opcja, jeśli Twój motyw jest również taki.

Istnieje również kilka zaawansowanych opcji dodawania efektu, ustawiania obrazu zastępczego, wybierania czasu rozpoczęcia i zakończenia itp.

Po pobraniu i aktywacji wtyczki Elementor Website Builder postępuj zgodnie z poniższym przewodnikiem, aby dodać tła wideo Elementor do Twojej witryny.

  1. Otwórz nowy lub istniejący post/stronę za pomocą Elementora.
  2. Dodaj sekcję z edytora, klikając przycisk „+”.
wordpress-wideo-tło-7
  1. Wybierz żądaną szerokość sekcji. W takim przypadku wybiorę sekcję o pełnej szerokości.
wordpress-wideo-tło-8
  1. Pojawi się lewy panel. Możesz wybrać wygląd i styl sekcji na karcie Układ. Wybierz szerokość treści oznaczoną jako „1” na poniższym zdjęciu. Wybiorę to jako pudełko. Możesz także wybrać opcję pełnej szerokości.
wordpress-wideo-tło-9
  1. Kliknij kartę Styl oznaczoną jako „2” na powyższym obrazku, aby dodać wideo. W sekcji tła możesz wybrać jeden z trzech stylów tła: jednolite, gradientowe i wideo. Kliknij opcję tła wideo oznaczoną „1” na poniższym zdjęciu.
wordpress-wideo-tło-10
  1. Możesz także użyć efektu najechania i efektu cząsteczkowego, klikając przyciski oznaczone odpowiednio „2” i „3” na powyższym zdjęciu.
  2. Jako film w tle możesz podać link do YouTube. Możesz też przesłać dowolny film .mp4 za pomocą biblioteki multimediów. Następnie wpisz jego permalink.
wordpress-wideo-tło-11
  1. Możesz określić czas rozpoczęcia i zakończenia oraz podać obraz zastępczy oznaczony odpowiednio „2” i „3” na powyższym zdjęciu.
  2. Możesz mieć problem ze wzrostem. W takim przypadku dostosuj minimalną wysokość na karcie Układ.
wordpress-wideo-tło-12

To jest to! Chociaż ta metoda jest znacznie bardziej skomplikowana, masz znacznie większą kontrolę i zaawansowane funkcje, aby dostosować filmy w tle Elementora do swoich potrzeb.

Użyj wtyczki WordPress do tła wideo

Jeśli chcesz uzyskać dalsze opcje dostosowywania tła wideo, powinieneś użyć wtyczek innych firm, które obsługują tę funkcję.

Obecnie możesz wybierać spośród wielu darmowych i płatnych wtyczek WordPress, które umożliwiają korzystanie w tle z filmów YouTube, Vimeo i MP4. W tym artykule wymienimy tylko niektóre godne uwagi.

Inteligentny suwak 3

wordpress-wideo-tło-13

Jeśli szukasz najlepszej darmowej wtyczki do tła wideo WordPress, Smart Slider 3 będzie najlepszym wyborem.

Dzięki niemu możesz tworzyć bloki wideo. Następnie umieść je w swojej witrynie jako oddzielne sekcje lub obrazy bohaterów z efektami przewijania paralaksy.

Wtyczka obsługuje filmy z YouTube i Vimeo. Umożliwia także przesyłanie plików .mp4 i korzystanie z nich.

Smart Slider 3 umożliwia również dodawanie dowolnej liczby warstw do bloków wideo, w tym tekstu, przycisków, logo, miniatur itp. Możesz także dostosować krycie, wyciszyć dźwięk, zapętlić wideo i wiele innych.

Aby dodać tła wideo WordPress do posta/strony, możesz wstawić skróty lub krótkie skrypty PHP bezpośrednio do pliku szablonu witryny WordPress.

Odtwarzacz wideo i pełnoekranowe tło wideo

wordpress-wideo-tło-14

Jest to najlepsze narzędzie do tworzenia atrakcyjnych teł wideo o pełnej szerokości. Umożliwia dodawanie filmów z własnym hostingiem, YouTube lub Vimeo do dowolnej strony witryny WordPress.

Możesz także użyć wtyczki jako odtwarzacza wideo, aby dostosować zawartość do wszystkich typów urządzeń.

Obraz i wideo w tle pełnoekranowym Wtyczka WordPress

wordpress-wideo-tło-15

Ta wtyczka umożliwia wyświetlanie tła wideo, suwaków tła obrazu, galerii multimedialnych i galerii wideo na pełnym tle witryny WordPress.

Jest kompatybilny z urządzeniami mobilnymi i zawiera wiele godnych uwagi funkcji, w tym dynamiczny tekst, liczniki czasu, konfigurowalne transakcje i wiele innych.

Ostatnie słowa

Gdy użytkownik trafia na Twoją stronę, masz tylko kilka sekund, aby przyciągnąć jego uwagę i przedłużyć pobyt. Tła wideo WordPress to jeden z najskuteczniejszych sposobów, aby to zrobić i wzmocnić pomysły na markę. Korzystając ze wskazówek i przewodników, które udostępniliśmy w tym poście, mamy nadzieję, że możesz łatwo dodać tło wideo WordPress do dowolnej strony w swojej witrynie.