Przewodnik dla początkujących: Jak wyśrodkować wideo w WordPress

Kiedy dopiero zaczynaliśmy z WordPressem, coś tak prostego jak wyśrodkowanie filmu mogło być zaskakująco frustrujące.

Po pomocy wielu początkującym za pośrednictwem WPBeginner zdaliśmy sobie sprawę, że nie jesteśmy sami – jest to jedno z najczęstszych pytań dotyczących formatowania, które otrzymujemy.

Dobra wiadomość jest taka, że wyśrodkowanie filmów w WordPressie stało się znacznie łatwiejsze, zwłaszcza dzięki edytorowi blokowemu. Ale nadal widzimy wiele osób mających z tym problemy, szczególnie gdy pracują z osadzonymi filmami z YouTube lub Vimeo.

W tym przyjaznym dla początkujących przewodniku pokażemy najłatwiejsze sposoby na wyrównanie filmów do środka w WordPressie.

Dlaczego wyrównywać filmy do środka w WordPressie?

Domyślnie WordPress wyrównuje osadzone lub przesłane filmy do lewej. Jest to bezpieczny wybór, ponieważ edytor nie może zgadnąć preferowanego układu dla każdej strony.

Jednak pozostawienie filmu wyrównanego do lewej często tworzy niezręczne białe przestrzenie i może sprawić, że projekt będzie wydawał się niezrównoważony. Z drugiej strony, wyśrodkowany film tworzy wyraźny punkt skupienia uwagi odwiedzającego.

Wyśrodkowanie filmu pomaga kierować wzrok użytkownika i zapewnia znacznie lepsze wrażenia z oglądania.

Biorąc to pod uwagę, zobaczmy, jak łatwo można wyśrodkować film na stronie internetowej WordPress.

Omówimy zarówno edytor bloków, jak i klasyczny edytor, dzięki czemu możesz kliknąć poniższe linki, aby przejść do dowolnej sekcji:

• Jak wyśrodkować wideo w edytorze treści WordPress
• Jak wyśrodkować wideo w klasycznym edytorze
• Najczęściej zadawane pytania dotyczące centrowania filmów

Jak wyśrodkować wideo w edytorze treści WordPress

Jeśli chcesz, aby Twój film wypełniał szerokość obszaru treści, najlepszym sposobem na to jest dodanie adresu URL filmu z YouTube lub Vimeo bezpośrednio w edytorze treści WordPress.

Najpierw musisz edytować posta lub stronę lub dodać nowy. Gdy jesteś w edytorze treści, po prostu wklej link do wideo. WordPress automatycznie osadzi wideo.

Następnie wybierz blok Wideo, a następnie kliknij opcję „Zmień wyrównanie”. Z menu rozwijanego możesz wybrać pozycję wideo.

WordPress pozwala wybrać następujące wyrównania:

• Szeroka szerokość
• Pełna szerokość
• Wyrównaj do lewej
• Wyrównaj do środka
• Wyrównaj do prawej

Przejdź dalej i wybierz opcję „Wyrównaj do środka”.

Następnie możesz wyświetlić podgląd i opublikować swoją stronę lub wpis.

Wideo będzie teraz wyśrodkowane.

Możesz jednak potrzebować użyć pełnego kodu osadzania, jeśli chcesz dodać specjalne opcje odtwarzania (takie jak rozpoczęcie filmu od określonego momentu) lub jeśli korzystasz z platformy wideo, której WordPress automatycznie nie osadza.

W takim przypadku będziesz musiał dodać proste HTML wokół kodu osadzania filmu.

Najpierw musisz kliknąć 3 kropkowane ikony w bloku wideo. Następnie możesz wybrać opcję 'Edytuj jako HTML' z menu rozwijanego.

Następnie możesz umieścić następujący fragment kodu HTML wokół kodu osadzania wideo:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Oto jak będzie wyglądał Twój kod osadzania z niestandardowym kodem HTML.

Teraz możesz zapisać zmiany i wyświetlić podgląd posta lub strony, aby zobaczyć, że Twój film jest idealnie wyśrodkowany.

Innym podejściem jest ręczne zwiększenie szerokości filmu, aby dopasować go do obszaru treści. Aby to osiągnąć, musisz dodać lub zmienić parametr 'width' w swoim kodzie osadzania:

<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Jak wyśrodkować wideo w klasycznym edytorze

Jeśli używasz klasycznego edytora, możesz wyśrodkować filmy, edytując post lub tworząc nowy.

Gdy jesteś w edytorze, przełącz się na widok Tekst. Teraz wprowadź następujący kod HTML:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Upewnij się tylko, że zastąpisz „tutaj wklej kod osadzania Twojego wideo” kodem osadzania Twojego wideo.

Gdy to zostanie zrobione, będzie wyglądać mniej więcej tak:

Możesz teraz wyświetlić podgląd i opublikować swoją stronę.

Po prostu odwiedź swoją stronę internetową, aby zobaczyć wyśrodkowany film.

Najczęściej zadawane pytania dotyczące centrowania filmów

Oto kilka pytań, które nasi czytelnicy często zadają na temat centrowania filmów w WordPressie:

Dlaczego nie widzę opcji wyrównania „Szeroka szerokość” i „Pełna szerokość”?

Opcje „Szeroka szerokość” i „Pełna szerokość” to funkcje, które muszą być obsługiwane przez Twój motyw WordPress. Jeśli ich nie widzisz na pasku narzędzi wyrównania, oznacza to, że Twój obecny motyw ich nie włączył. Nadal będziesz mógł używać standardowej opcji „Wyrównaj do środka”.

Czy centrowanie mojego filmu wpłynie na jego wygląd na urządzeniach mobilnych?

Nie, centrowanie filmu za pomocą standardowych narzędzi edytora bloków WordPress jest w pełni responsywne. WordPress automatycznie obsługuje skalowanie, aby zapewnić, że Twój film będzie wyglądał świetnie na mniejszych ekranach, takich jak tablety i smartfony.

Czy mogę wyśrodkować film, który przesłałem bezpośrednio do WordPressa?

Tak. Proces jest dokładnie taki sam zarówno dla osadzonych filmów, jak i filmów, które przesyłasz bezpośrednio do swojej biblioteki multimediów. Po prostu wybierz blok Wideo i użyj paska narzędzi wyrównania, aby go wyśrodkować.

Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się, jak wyśrodkować wideo w WordPress. Możesz również zapoznać się z naszym przewodnikiem jak dodawać znaki specjalne w postach WordPress oraz niezbędnymi wskazówkami dotyczącymi korzystania z krótkich kodów w WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.