Jak umieścić tekst obok wideo z YouTube w WordPress

WordPress umożliwia wstawianie filmów z YouTube przy użyciu kodów embed, ale domyślnie wideo wyświetlane jest na środku, pozostawiając puste miejsce po obu stronach. Aby tekst znajdował się po lewej lub prawej stronie filmu, wystarczy otoczyć kod embed odpowiednim elementem div z właściwością float.

Krok po kroku

1. Zaloguj się do kokpitu WordPress, przejdź do Moje blogi → Wpisy w wybranym blogu.

2. Kliknij Edytuj przy wybranym wpisie, a następnie przełącz się na zakładkę Tekst (edytor HTML).

3. Znajdź kod embed filmu z YouTube. Aby umieścić wideo po lewej i tekst po prawej, wstaw przed kodem:

<div style="float:left;margin:0 10px 5px 0;">

a po kodzie zamknij:

</div>

Jeśli wolisz, aby wideo było po prawej, a tekst po lewej, użyj:

<div style="float:right;margin:0 0 5px 10px;">

Powtórz tę operację dla każdego kolejnego filmu w poście.

4. Kliknij Aktualizuj w sekcji Publikowanie, a następnie Podgląd zmian, aby sprawdzić, czy tekst wyświetla się obok wideo.

Wskazówki

• Aby szybko znaleźć wszystkie kody embed, naciśnij Ctrl + F i wpisz www.youtube.com. Kody embed są zwykle otoczone nawiasami kwadratowymi, np. [youtube=https://www.youtube.com/watch?w=560&h=315].

• Ten sam zabieg możesz zastosować już w trakcie tworzenia nowego wpisu – wystarczy wstawić kod div przed i po embedzie.

Ostrzeżenia

Nie wstawiaj żadnych dodatkowych spacji ani znaków między otwierającym kodem div a kodem embed – w przeciwnym razie float nie zadziała prawidłowo.