Jak umístit text vedle videa YouTube ve WordPressu

WordPress umožňuje vkládat videa z YouTube pomocí HTML embed kódu, ale výchozí nastavení umístí video doprostřed a kolem něj zůstane prázdný prostor. Tento prostor můžete využít a nechat text plynout buď napravo, nebo nalevo od videa. Stačí do příspěvku přidat HTML kód pro plovoucí prvek (float) okolo embed kódu.

Kroky

1. Přihlaste se do administrace WordPressu, zvolte My Blog a následně Posts u vybraného blogu.
2. U požadovaného příspěvku klikněte na Edit a přepněte editor na záložku Text (HTML).
3. Vyhledejte embed kód YouTube videa. Pro zarovnání videa vlevo a textu vpravo vložte před kód:

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

   a po kódu uzavřete:

   </div>

   Pro zarovnání videa vpravo a textu vlevo použijte místo float:left float:right.
   Opakujte postup pro všechna další YouTube videa v příspěvku.
4. Uložte změny kliknutím na Update a ověřte výsledek pomocí Preview Changes.

Tipy

• Pro rychlé vyhledání embed kódu stiskněte Ctrl+F a zadejte www.youtube.com. Kódy jsou často uzavřeny v hranatých závorkách, např. [youtube=https://www.youtube.com/watch?w=560&h=315].
• Stejný postup můžete použít i během tvorby nového příspěvku – stačí přepnout na HTML režim a vložit float <div> před a po embed kódu.

Upozornění

Mezi <div> tagem a samotným embed kódem nesmí být žádná mezera ani prázdný řádek, jinak se zarovnání nepovede.