Czy chcesz wyśrodkować wideo w WordPress?

Domyślnie, jeśli szerokość Twojego filmu jest mniejsza niż obszar artykułu, WordPress automatycznie wyrównuje go do lewej, pozostawiając dodatkową białą przestrzeń po prawej stronie.

W tym artykule pokażemy, jak łatwo wyśrodkować wideo w WordPress.

Dlaczego wyśrodkować wyrównanie wideo w WordPress?

Gdy osadzasz wideo w WordPress, domyślnie automatycznie wyrównuje je do lewej. Dzieje się tak, ponieważ filmy są treściami zewnętrznymi osadzonymi w treści, więc WordPress nie jest w stanie odgadnąć, jak chcesz je wyświetlić.

W ramach najlepszej praktyki automatycznie wyrównuje go do lewej strony, pozostawiając użytkownikowi dostosowanie wyrównania w razie potrzeby.

Wyrównując wideo do środka, użytkownicy będą mieli lepsze wrażenia podczas oglądania treści. W ten sposób nie będziesz mieć zauważalnego pustego miejsca po jednej stronie strony, co mogłoby nadać jej nieprofesjonalny wygląd.

Poza tym, jeśli przesyłasz filmy bezpośrednio do WordPress, to samo stanie się z nimi, jeśli ich szerokość będzie mniejsza niż obszar zawartości. WordPress domyślnie wyrówna je do lewej.

To powiedziawszy, zobaczmy, jak łatwo wyśrodkować wideo w witrynie WordPress. Omówimy zarówno edytor bloków, jak i edytor klasyczny, więc możesz kliknąć poniższe łącza, aby przejść do dowolnej sekcji.

Jak wyśrodkować wyrównanie wideo w edytorze treści WordPress

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

Najpierw musisz edytować post lub stronę albo dodać nową. Gdy znajdziesz się w edytorze treści, po prostu wklej link do filmu. WordPress automatycznie osadzi wideo.

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

WordPress pozwala wybrać spośród następujących wyrównań:

• szeroka szerokość
• pełna szerokość
• wyrównaj do lewej
• wyrównać środek
• wyrównać w prawo.

Śmiało i wybierz opcję „Wyrównaj do środka”.

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

Wideo zostanie teraz wyśrodkowane.

Jednak czasami z tego czy innego powodu może być konieczne użycie kodu osadzania. W takim przypadku konieczne będzie dodanie prostego kodu HTML wokół kodu do umieszczenia 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 wprowadzić następujący fragment kodu HTML wokół kodu osadzania wideo:

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

/// your video embed code goes here

</div>

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

Możesz teraz zapisać zmiany i wyświetlić podgląd wpisu lub strony. Twój film zostanie starannie wyrównany na środku obszaru zawartości.

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

<iframe width="760" height="315" src=" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Jak wyśrodkować wyrównanie wideo w klasycznym edytorze

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

Gdy znajdziesz się w edytorze, przełącz się do widoku Tekst. Teraz wprowadź następujący kod HTML:

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

/// your video embed code goes here

</div>

Pamiętaj tylko, aby zastąpić „Twój kod do umieszczenia filmu wideo idzie tutaj” kodem do umieszczenia filmu wideo.

Po zakończeniu będzie wyglądać mniej więcej tak:

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

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

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak wyśrodkować wyrównanie wideo w WordPress. Możesz także zapoznać się z naszym przewodnikiem na temat zakładania bloga WordPress i niezbędnych wtyczek WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć samouczki wideo WordPress. Możesz nas również znaleźć na Świergot i Facebooka.