Jak łatwo osadzić filmy w WordPress

Czy chcesz umieścić filmy w swoich postach na blogu WordPress? Filmy ożywiają Twoją witrynę i są świetnym sposobem na zwiększenie zaangażowania użytkowników.

WordPress sprawia, że bardzo łatwo osadzać filmy z witryn hostingowych wideo, takich jak YouTube, Vimeo, Facebook, Twitter i wiele innych.

W tym przewodniku dla początkujących pokażemy, jak łatwo osadzić filmy w postach na blogu WordPress, stronach i widżetach paska bocznego.

How to easily embed videos in WordPress

Video Tutorial

Subskrybuj WPBeginner

Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.

Jak osadzać Filmy w postach i stronach bloga WordPress

WordPress jest wyposażony w świetną funkcję o nazwie auto-embeds, która pozwala Twojej witrynie automatycznie uzyskać kod osadzania z popularnych usług hostingowych wideo, takich jak YouTube, Vimeo itp.

Wszystko, co musisz zrobić, to wkleić adres URL filmu do edytora WordPress.

Możesz na przykład skopiować adres URL YouTube dla filmu, który chcesz osadzić.

Następnie Edytuj post lub stronę WordPress, na której chcesz dodać wideo, i po prostu wklej adres URL w obszarze zawartości.

Embedding video in WordPress post editor

Jak tylko wkleisz adres URL filmu, WordPress pobierze kod osadzania i wyświetli wideo z YouTube w edytorze treści.

Możesz teraz zapisać swój post i kliknąć przycisk podglądu, aby zobaczyć osadzony film w swoim poście na blogu.

Video embedded in a WordPress blog post

Czy to nie było łatwe?

Po dodaniu filmu możesz zmienić jego ustawienia z paska narzędzi blokuj i kolumny ustawienia po prawej stronie.

Video block toolbar and settings

Możesz dostosować szerokość wideo, ustawić pełną szerokość, zmienić wyrównanie i nie tylko. Możesz także dodać podpis i zachować proporcje wideo na urządzeniach mobilnych.

WordPress może wykonywać automatyczne osadzanie tylko dla usług wideo na białej liście. W przypadku innych stron internetowych nadal będziesz musiał uzyskać kod do osadzania, a następnie wkleić go do swoich postów na blogu.

Oto lista białych usług wideo do automatycznego osadzania w WordPress:

  • Amazonka
  • Animoto
  • Cloudup
  • CollegeHumor
  • Crowdsignal
  • Dailymotion
  • Facebook
  • Flickr
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Someecards
  • SoundCloud
  • Talia Głośnikowa
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VideoPress
  • Vimeo
  • WordPress.tv
  • YouTube

Jeśli chcesz dodać film ze strony internetowej poza tą listą, będziesz potrzebował pełnego kodu HTML do osadzenia filmu.

Wystarczy skopiować kod HTML dostarczony przez witrynę wideo i wkleić go do bloku „Niestandardowy HTML” w edytorze.

Add a custom embed code in WordPress

Osadzaj Filmy w WordPress za pomocą starego klasycznego edytora

Jeśli nadal używasz starego edytora klasycznego WordPress, możesz osadzić filmy w ten sam sposób.

Wystarczy skopiować adres URL z usługi hostingu wideo, takiej jak YouTube, i wkleić go w edytorze. Jeśli używasz edytora wizualnego, zobaczysz podgląd wideo.

Emedding video in old WordPress editor

Nie będzie jednak można użyć regulacji szerokości i innych opcji, których można użyć w nowym edytorze bloków WordPress.

Jak osadzać Filmy w widżetach paska bocznego WordPress

Podobnie jak Strona lub post WordPress, możesz również osadzać filmy w widżetach paska bocznego WordPress.

Po prostu przejdź do Wygląd ” Widgety strona i dodaj widżet „tekst” do paska bocznego. Zobacz nasz artykuł o tym, jak dodawać i używać widżetów w WordPress.

W Ustawieniach widżetu musisz wkleić adres URL wideo w obszarze zawartości. WordPress automatycznie pobierze kod osadzania i wyświetli podgląd wideo.

Embed videos in WordPress sidebar widget

Nie zapomnij kliknąć przycisku „Zapisz”, aby zapisać ustawienia widgetu.

Możesz teraz odwiedzić swoją witrynę, aby zobaczyć wideo osadzone w widżecie paska bocznego WordPress.

Wtyczki Do Osadzania Wideo WordPress

Domyślnie nie musisz używać wtyczki do osadzania filmów w WordPress. Możesz jednak użyć wtyczek, aby poprawić jakość oglądania wideo w swojej witrynie.

Poniżej znajduje się kilka wtyczek, które możesz wypróbować.

1. Smash Balloon YouTube Feed

Smash Balloon for YouTube home page

Smash Balloon Feeds for YouTube to jedna z najlepszych wtyczek wideo WordPress. Umożliwia automatyczne osadzanie wszystkich filmów z kanału YouTube w konfigurowalnym formacie galerii. Automatycznie importuje nowe filmy, łączy kanały, dodaje transmisję na żywo i wiele innych.

Istnieje również darmowa wersja wtyczki YouTube feed dostępna przez Smash Balloon, ale w naszym demo poniżej, będziemy pokazywać wersję Pro.

Najpierw musisz zainstalować i aktywować Smash Balloon Feeds for YouTube plugin. Stamtąd udaj się do Kanały dla YouTube ” Licencja strona i wprowadź swój klucz licencyjny. Możesz znaleźć te informacje w swoim koncie na stronie wtyczki.

Smash Balloon license key

Po aktywacji klucza licencyjnego nie zapomnij kliknąć przycisku „Zapisz zmiany”. Następnie przejdź do zakładki Konfiguruj i kliknij duży niebieski przycisk, aby połączyć konto YouTube.

Connect your YouTube Feed

Po zakończeniu zostaniesz przekierowany z powrotem do pulpitu WordPress, aby skonfigurować kanał YouTube.

YouTube account connected

Kliknij przycisk „Zapisz zmiany” i gotowe.

Aby osadzić kanał YouTube w poście lub stronie, po prostu edytuj go w WordPress. Na ekranie edycji strony kliknij przycisk ( + ) Dodaj nowy blok i wybierz blok „kanały dla YouTube”.

YouTube feed block

Po dodaniu bloku do edytora postów automatycznie pobierze i wyświetli filmy z Twojego kanału YouTube.

YouTube feed embedded

Po sprawdzeniu witryny zobaczysz, że kanał jest osadzony na stronie, którą właśnie utworzyłeś.

YouTube Feed on your page

Smash Balloon Youtube Feeds ma wiele opcji układu i stylu. Możesz zmienić domyślny styl, odwiedzając Kanały dla YouTube ” Dostosuj strona.

Carousel option

W tym miejscu możesz wybrać siatkę, galerię, listę lub układ karuzeli. Nie zapomnij kliknąć przycisku Zapisz zmiany, aby zapisać zmiany.

Carousel Feed on your site

Zobaczysz, że masz karuzelę filmów ze strzałkami nawigacyjnymi po prawej i lewej stronie, wraz z przyciskiem Subskrybuj na dole kanału.

Jeśli chcesz jeszcze bardziej dostosować swój kanał, kliknij kartę wyświetl w ustawieniach wtyczki. Ta strona zawiera listę skrótów, których możesz użyć w dowolnym miejscu na swojej stronie.

Shortcode options

Aby wstawić skrócony kod do posta lub strony, możesz użyć bloku skróconego kodu.

Shortcode block

Teraz możesz dodać krótki kod kanału [youtube-feed] (lub dowolna odmiana) w Ustawieniach bloku.

Shortcode Inserted

Facebook, Instagram, Twitter i YouTube na jednej stronie.możesz również użyć kanału Smash Balloon YouTube z ich nową wtyczką Social Wall, która łączy wszystkie treści mediów społecznościowych z Facebooka, Instagrama, Twittera i YouTube.

2. YouTube Subscribe Bar

YouTube Subscribe Bar in action

Pasek subskrypcji YouTube pokazuje przycisk subskrypcji YouTube pod filmem YouTube osadzonym w WordPress. Pobiera również liczbę subskrybentów YouTube, aby dodać dowód społeczny i zachęcić więcej użytkowników do subskrypcji.

Po raz pierwszy stworzyliśmy go, aby promować kanał WPBeginner na YouTube na tej stronie. Wielu naszych użytkowników poprosiło nas o podzielenie się tym, jak to zrobiliśmy, więc zdecydowaliśmy się wydać go jako darmową wtyczkę.

3. Leniwe Ładowanie filmów

Lazy load videos in WordPress

Wideo osadza Skrypty ładowania z zewnętrznych stron internetowych, co ma niewielki wpływ na szybkość i wydajność ładowania strony.

Leniwe Ładowanie filmów rozwiązuje ten problem, ładując tylko obraz wideo podczas ładowania strony. Wczytuje kod osadzania tylko wtedy, gdy użytkownik kliknie przycisk Odtwórz. Zobacz nasz samouczek, Jak dodać leniwe Ładowanie filmów w WordPress.

Nawiasem mówiąc, nie będziesz potrzebował tej wtyczki, jeśli używasz kanału Smash Balloon YouTube, ponieważ ma wbudowane buforowanie i opóźnione Ładowanie odtwarzacza wideo.

Dlaczego nie mogę przesłać filmów do WordPress?

Cóż, możesz, ale nie zalecamy tego robić.

Większość małych blogów korzysta ze współdzielonych kont hostingowych WordPress, a filmy mogą zajmować wiele zasobów serwera. Jeśli twój film ma mnóstwo ruchu, Twoja witryna jest bardziej narażona na awarię.

Po drugie, tracisz ruch od użytkowników YouTube.

YouTube to nie tylko największa witryna hostingowa wideo, ale także druga najpopularniejsza wyszukiwarka na świecie i druga najpopularniejsza sieć społecznościowa zaraz po Facebooku.

Jeśli nie chcesz przesyłać swoich filmów do YouTube, możesz wypróbować Vimeo lub DailyMotion. Zobacz nasze porównanie YouTube vs Vimeo, aby zobaczyć, która platforma jest lepsza dla Twoich potrzeb.

Aby uzyskać więcej informacji na ten temat, zapoznaj się z naszym artykułem na temat tego, dlaczego nigdy nie należy przesyłać wideo do WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo osadzać filmy w postach na blogu WordPress. Możesz również zobaczyć naszą listę musi mieć wtyczki WordPress dla wszystkich stron internetowych.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak automatycznie publikować na Facebooku z WordPress?

W artykule: Dlaczego automatycznie udostępniać posty WordPress na Facebooku?Automatycznie Publikuj na Facebooku…

Czym jest Nightografia? Poznaj smartfon Samsung Galaxy S22 5G

W artykule: Nightografia, czyli jak robić zdjęcia nocą telefonemAparat do zdjęć nocnych…

Jak zmienić schemat kolorów Administratora w WordPress (Quick & Easy)

W artykule: Po co zmieniać schemat kolorów Administratora w WordPress?Jak zmienić schemat…

Przewodnik dla początkujących: jak opublikować stronę internetową w 2021 roku (krok po kroku)

W artykule: Używanie Kreatora witryn do publikowania witryny1. Opublikuj stronę internetową za…