Odkąd TikTok wkroczył na scenę, inne serwisy społecznościowe zwróciły na to uwagę i próbowały naśladować jego unikalny styl. Być może najbardziej znane to YouTube Shorts, które możesz dodać do WordPressa.
Wielu twórców treści odniosło sukces, wykorzystując ten nowy trend w YouTube, a sama platforma wydaje się podwoić wysiłki w zakresie wyświetlania krótkich treści wideo.
W każdym razie dodanie YouTube Shorts do WordPressa jest identyczne z osadzaniem filmów z YouTube na swojej stronie. Ponieważ jednak wyglądałyby jak zwykły film, chcesz go urozmaicić, nadając filmom wygląd krótkich spodenek.
Dziś zrobimy to właśnie za pomocą Kreator stron internetowych Elementora.
Czym są Shorts w YouTube?
YouTube Shorts to krótkie filmy trwające od kilku do maksymalnie 60 sekund. Muszą być specjalnie utworzone przy użyciu pionowego formatu wideo przeznaczonego dla urządzeń mobilnych, a ostatnio YouTube dodał możliwość wykrywania, kiedy przesyłany jest krótki film, w przeciwieństwie do zwykłych filmów.
Jedną z charakterystycznych cech filmów Short w YouTube jest ich wygląd i lokalizacja.
Spodenki są tworzone przy użyciu aparatu w smartfonie lub przynajmniej sprawiają wrażenie, jakby korzystały z aparatu w smartfonie. W związku z tym, gdy widzisz je w rekomendacjach lub wynikach wyszukiwania, mają pionowy wyświetlacz smartfona w następujący sposób:
Jako takie wyróżniają się na tle zwykłych treści na platformie i są wyraźnie oznaczone jako Shorts. Problem polega na tym, że po osadzeniu filmu z YouTube, niezależnie od tego, czy jest to krótki, czy zwykły film, wygląda on tak samo na tej stronie.
Dlatego, aby poprawnie wyświetlać Shorts YouTube w WordPressie, musimy wykazać się kreatywnością w sposobie, w jaki to robimy.
Jak osadzić Shorts YouTube w WordPress
Można to osiągnąć na kilka sposobów. Możesz po prostu dodać adres URL do postu lub strony, na której chcesz je wyświetlić, i to wszystko. WordPress z łatwością osadza treści YouTube zawierające jedynie adres internetowy filmu.
Wyglądałyby jednak jak każdy inny film na YouTube i właśnie to ma na celu naprawienie tego przewodnika.
Zamiast tego użyjemy wtyczki Elementor Website Builder, aby wyświetlić Shorts YouTube w WordPress z nienaruszonym oryginalnym wyglądem YouTube.
Można to osiągnąć poprzez utworzenie kolumn dla filmów Short o odpowiednim rozmiarze, aby je wyświetlać.
W rzeczywistości możesz do tego użyć dowolnego narzędzia do tworzenia stron. Używamy Elementora, ponieważ jest darmowy i bardzo łatwy w użyciu. Jest to podstawowa funkcja dostępna we wszystkich kreatorach stron, więc niezależnie od tego, co wybierzesz, wszystko, co znajdziesz w tym samouczku, będzie dla Ciebie możliwe.
Krok 1: Zainstaluj Elementora
Zacznijmy od kliknięcia na Wtyczki i wybrania opcji Dodaj nową w lewym panelu administracyjnym.
Wyszukaj Elementor Website Builder w dostępnym polu wyszukiwania. Spowoduje to wyświetlenie dodatkowych wtyczek, które mogą okazać się pomocne.
Znajdź wtyczkę Elementor Website Builder, kliknij przycisk „Zainstaluj teraz” i aktywuj wtyczkę do użycia.
Krok 2: Dowiedz się, jak osadzać filmy Short z YouTube
Teraz pojawia się jeden poważny problem, gdy osadzasz krótki film z YouTube’a w WordPress. Film nie jest w swoim naturalnym formacie pionowym. Zamiast tego znajduje się w zwykłym odtwarzaczu YouTube, ale jest otoczony czarnym tłem, jak poniżej:
Nie trzeba dodawać, że nie wygląda to dobrze i właśnie to naprawimy, używając Elementora, ale tak naprawdę jest inny problem. Tym razem będzie to widget Elementor Video, którego będziemy używać.
Jeśli po prostu przejdziesz do edytora Elementora i dodasz adres URL zwykłego filmu w YouTube Shorts, zauważysz, że nic się nie pojawi. Dzieje się tak dlatego, że filmy Short w YouTube mają odrębny adres URL.
Typowy adres URL YouTube wygląda mniej więcej tak:
https://www.youtube.com/watch?v=
Po części „v=” będzie wyraźne łącze wideo. Tymczasem krótki adres URL YouTube wygląda następująco:
https://www.youtube.com/shorts/
W takim przypadku link do filmu pojawi się po „Shorts/”, co powoduje problem w Elementorze, ponieważ widżet nie obsługuje natywnie filmów YouTube Short. Ale można to łatwo naprawić.
Zamiast tego musimy edytować adres URL Shorts, aby wyglądał jak zwykły.
Wszystko to tak naprawdę oznacza usunięcie „shorts/” i zastąpienie go „watch?v=” i gotowe.
Jeśli to rozumiesz, przejdź dalej i przejdź do następnego kroku.
Krok 3: Twórz filmy w rozmiarze Short w Elementorze
Naszym głównym celem jest wyświetlanie Shorts YouTube w WordPressie z uwzględnieniem ich oryginalnych rozmiarów (9:16). Aby to zrobić, wystarczy zmienić proporcje widżetu wideo Elementor.
Najpierw przejdź do edytora Elementora. W tym przypadku będę pracować z pustego posta. Tam wstaw widżet wideo do edytora.
Po umieszczeniu go na miejscu pojawi się przykładowy film z YouTube. Co ważniejsze, po lewej stronie pojawią się opcje edycji widżetu (o ile ten widżet jest wybrany). Kliknij kartę Styl.
Domyślnie używa standardowego rozmiaru wideo YouTube 16:9, który chcemy zmienić. Użyj opcji rozwijanej, aby wybrać 9:16.
Rozmiar wideo jest teraz dostosowany do krótkich treści. Kliknij zakładkę Treść i wstaw film YouTube Short, który chcesz wyświetlić, ale z poprawionym adresem URL, o którym mówiliśmy w poprzednim kroku (zamień „shorts/” na „watch?v=”).
Powinieneś teraz zobaczyć swój film YouTube gotowy do działania, a jeśli klikniesz przycisk odtwarzania, będzie on wyglądał tak, jak na YouTube.
Teraz powinieneś od razu zauważyć, że jest duży problem, wideo jest ogromne. Naprawmy to.
Krok 4: Dodaj kolumny
Jeśli regularnie tworzysz spodenki, powinieneś mieć ich dużo do wystawienia, dlatego prawdopodobnie będziesz chciał wyświetlić wiele krótkich filmów. Możemy to zrobić dodając więcej kolumn do Elementora.
W rzeczywistości zmniejszy to rozmiar filmów, aby zmieściły się w kolumnach, ale nadal zachowa odpowiedni ustawiony przez nas współczynnik proporcji.
Aby to zrobić, kliknij prawym przyciskiem myszy małą ikonę Kolumny w lewym górnym rogu bloku wideo i wybierz opcję Dodaj nową kolumnę.
Im więcej kolumn dodasz, tym będzie ona mniejsza. Myślę, że dobra liczba to od 3 do 5 szortów na kolumnę, ale oceń to sam. Oto jak będzie wyglądać samotny film z pięcioma kolumnami:
Pamiętaj, że zamiast zwykłego odtwarzacza wideo wyświetlacz YouTube Short jest wyświetlany jako przycisk odtwarzania. Dzięki temu widzowie będą wyraźniejsi, że jest to rzeczywiście film Short w YouTube.
Możesz powtórzyć krok 3, aby dodać wiele filmów Short z YouTube do pozostałych kolumn. Dzięki temu wiesz już, jak dodać YouTube Shorts do WordPress w ich oryginalnej formie.
Czy mógłbym to zrobić bez wtyczki?
Być może masz nadzieję osiągnąć te same wyniki bez narzędzia do tworzenia stron lub po prostu nie chcesz dodawać kolejnej wtyczki do swojej witryny. Chociaż jest to z pewnością możliwe, nie jest tak proste, jak powyższa metoda.
WordPress ma własny blok wideo, z którego możesz korzystać. Wszystko, czego potrzebujesz, to adres URL filmu (w tym przypadku nie musisz nawet edytować adresu URL), a film się pojawi. Następnie możesz ręcznie zmienić rozmiar wideo.
Choć faktycznie można to osiągnąć metodą prób i błędów i ustawić wideo we właściwej orientacji, jest to po prostu nierozsądne. Jest to szczególnie prawdziwe, jeśli planujesz regularnie dodawać filmy YouTube Short do WordPress.
Zamiast tego potrzebujesz czegoś bardziej niezawodnego i łatwiejszego w użyciu.
Innym sposobem podejścia do tego problemu byłoby osadzenie wideo w formacie HTML i kontrolowanie proporcji z poziomu kodu. W rzeczywistości jest to o wiele prostsze, niż się wydaje, ale większość początkujących unika kodu jak ognia.
Ostatecznie w bloku wideo brakuje łatwego sposobu zmiany proporcji treści wideo bez użycia dodatkowej wtyczki.
Dodaj Shorts z YouTube’a do WordPressa już dziś
YouTube to potężna platforma do reklamowania działań marketingowych lub budowania marki od podstaw. Jeśli skorzystasz z najnowszych trendów i opanujesz sztukę tworzenia miniatur i tytułów, możesz dotrzeć do milionów użytkowników.
Jak pokazał ten samouczek, dodanie YouTube Shorts do WordPressa jest dość łatwe. Wystarczy skorzystać z ulubionego narzędzia do tworzenia stron i zmienić proporcje wideo na 9:16. A jeśli używasz Elementora, zajmuje to tylko minutę.
Oczywiście, jak wspomniałem wcześniej, widżet wideo w Elementorze nie jest unikalny na tle innych kreatorów stron. Chociaż proces będzie się różnić, możesz uzyskać takie same wyniki, używając innych wtyczek.
Mam nadzieję, że ten samouczek okazał się pomocny przy publikowaniu filmów YouTube Short na WordPress.
Czy uważasz, że filmy Short w YouTube są warte czasu poświęconego na ich produkcję? Czy osadzenie krótkich spodenek w WordPressie pomogło w Twoich opiniach?
