Tworzenie posta na blogu wymaga wielu przemyśleń: treść to dopiero początek. Musisz także pomyśleć o treści medialnej innej niż tekst, jeśli chcesz ją uwzględnić – a treści bogate w media są obecnie prawie normą. Ściany tekstu są odpychające: najlepsze praktyki w projektowaniu stron internetowych nakazują, aby tekst był przeplatany obrazami. Ale co z ruchomymi obrazami?
Jeśli kiedykolwiek próbowałeś sformatować tekst zawierający obrazy lub inną osadzoną zawartość, wiesz, jak trudne może być spraw, aby wszystkie elementy zachowywały się tak, jak chcesz. A WordPress, jakkolwiek wszechstronny, ma pewne ograniczenia. Na szczęście istnieje również wiele pomocnych opcji formatowania, niezależnie od używanego edytora. Zanim jednak przejdziemy do instrukcji, chcielibyśmy omówić powody, dla których powinieneś zawracać sobie głowę wyśrodkowaniem wideo w WordPressie.
Oto, o czym będziemy rozmawiać:
Twoje treści mogą być na najwyższym poziomie, ale jeśli się pojawią nieprofesjonalne na pierwszy rzut oka, Twoi goście będą zniechęceni, niektórzy prawdopodobnie jeszcze zanim się do tego dobiorą. I nie chcesz wysokiego współczynnika odrzuceń ani słabego doświadczenia użytkownika, prawda?
Jeśli osadzisz wideo w swojej treści, a wideo jest mniej szerokie niż miejsce przydzielone do twoich treści, WordPress czasami domyślnie wyrówna je do lewej, pozostawiając niewykorzystane puste miejsce po prawej stronie. Nie wygląda to dobrze z powodów, które nie są czysto estetyczne: to sprawia, że Twoja strona wygląda niechlujnie, amatorsko i źle się prezentuje. Z drugiej strony, wyśrodkowanie wideo sprawia, że Twoja witryna wygląda co najmniej na przemyślaną. Duża pusta przestrzeń to w zasadzie jedyna rzecz, której należy unikać.
Domyślny edytor WordPressa sprawia, że centrowanie wideo jest naprawdę łatwe: możesz to zrobić jednym kliknięciem.
Aby dodać dowolny film, po prostu kliknij plus znak, aby dodać blok i wybierz blok wideo.
Blok wideo Gutenberga ma kilka możliwych źródeł wideo. Możesz Wgrywać wideo do swojej biblioteki multimediów, użyj wideo już w swojej Biblioteka mediów, lub Wstaw z adresu URL. Wybierzemy Wstaw z adresu URL, wklej adres URL i kliknij Zastosować.
Po osadzeniu wideo powinien być domyślnie wyśrodkowany. Aby się upewnić, kliknij Zmień wyrównanie rozwijane menu i wybierz Wyrównaj środek.
Twój film będzie teraz wyśrodkowany. Zwróć uwagę, że dostępne są inne wyrównania, które zapewniają inne wyniki formatowania. Wyrównanie do lewej lub do prawej pozwoli również na zawijanie tekstu wokół wideo, dzięki czemu nie otrzymasz brzydkiej pustej przestrzeni.
Możesz także osadzić wideo za pomocą bloku HTML zamiast bloku wideo, na wypadek, gdybyś chciał grać z większą liczbą parametrów. Aby to zrobić, kliknij plus znak, aby dodać blok i wybierz Niestandardowy kod HTML blok.
Kod, który musisz wkleić, aby osadzić wideo, jest następujący:
<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> URL </div></figure>
Oczywiście musisz zastąpić litery URL w powyższym kodzie adresem URL filmu, który chcesz osadzić. Ten kod będzie również działał tylko w przypadku filmów z YouTube.
Ta metoda kodu powinna również domyślnie skutkować wyśrodkowanym wideo. Jeśli nie, musisz dodać następujący parametr:
style="text-align: center;"
do pierwszego div tag, tak jak:
Oczywiście mogłeś zdecydować się na wyłączenie Gutenberga z jakiegokolwiek powodu. W takim przypadku prawdopodobnie używasz edytora klasycznego. W porządku – możesz również użyć Edytor klasyczny aby wyśrodkować swoje filmy.
Począwszy od Wizualny w trybie, możesz po prostu osadzić wideo, wklejając link. Umieścimy nasz adres URL między akapitami.
Twój film zostanie automatycznie osadzony.
Aby wyśrodkować wideo, musisz edytować post lub stronę w Tekst tryb.
Raz w Tekst zlokalizuj osadzony plik wideo. Powinieneś być w stanie rozpoznać jego adres URL.
Aby wyśrodkować film, dodaj ten kod nad adresem URL filmu:
<div style="text-align: center;">
A to poniżej:
</div>
Twój film zostanie wyśrodkowany w opublikowanej wersji posta. Możesz zobaczyć swój kod w pracy, jeśli spojrzysz na Wizualny zakładka edytora.
Nawet jeśli z jakiegoś powodu używasz kodu do osadzenia wideo, wklejanie tagów div powyżej i poniżej kodu do osadzenia nadal powinno działać.
Centrowanie wideo za pomocą Elementora jest, podobnie jak w Gutenbergu, w większości funkcją domyślną. Aby dodać film, po prostu przeciągnij Wideo element z menu po lewej stronie do miejsca, w którym chcesz go w poście.
Po umieszczeniu elementu wklej adres URL filmu do Połączyć pole.
Twój film powinien być domyślnie wyśrodkowany. Jeśli tak nie jest, kontrolki wyrównania znajdziesz w Edytuj kolumnę menu nowej sekcji wideo.
Wyrównanie w pionie i poziomie można zmienić w Układ patka.
Na zakończenie
I, co proste, pokazaliśmy, że istnieje kilka sposobów wyśrodkowania wideo w WordPress, a wszelkie różnice wynikają głównie z używanego edytora. Oczywiście dotyczy to tylko formatowania w WordPressie. Ale oczywiście istnieje wiele innych opcji (na przykład użycie kolumn do formatowania), które mogą wpłynąć na sposób, w jaki osadzone filmy są prezentowane użytkownikom. Gorąco zachęcamy do odkrywania.
Wesprzyj naszą pracę ❤️
Jeśli spodobał Ci się ten artykuł, rozważ pozostawienie napiwku, aby pomóc nam dalej publikować wartościowe treści.
