Potřebujeme dva obrázky vedle sebe ve WordPress?
Asi jste se setkali s problémem, jak umístit dva obrázky vedle sebe ve WordPress a lámete si hlavu jak to udělat, přitom to není nijak složité. Musíme si ale pomoci krátkým kódem, který vložíme do příspěvku. Nejdříve vložíme do příspěvku oba obrázky, které potřebujeme zobrazit vedle sebe. Obrázky musíme zmenšit podle šířky vašeho blogu, nebo webu, aby se vešly vedle sebe vešly. Poté přejdeme na záložku HTML editoru příspěvků a vložte tam kam chceme mít ony dva obrázky vedle sebe následující kód:
<div style=“display: inline-block; margin-right: 5px;“>první obrázek</div>
<div style=“display: inline-block;“>druhý obrázek</div>
<p>
Pak si v tomto kódu místo „první obrázek“ a „druhý obrázek“ vložíme kód který pro obrázky vygeneroval WordPress. Nezobrazují-li se i po tomto manévru obrázky vedle sebe, musíme je ještě o nějaký pixel zmenšit.
Příklad zobrazení: Dva obrázky vedle sebe ve WordPress
OPEL Vectra B 1997
OPEL Frontera B 1999
Máte nějaký jiný fígl, jak vkládáte dva obrázky vedle sebe ve WordPress? Podělte se do komentářů.
Zdravím,
vidím, že máte obrázky zarovnané vpravo. Jak se vám to podařilo? Potřeboval bych je zarovnat na střed, ale pořád se mi drží vlevo, ať měním class obou obrázků jak chci.
Samostatný obrázek mohu samozřejmě zarovnávat libovolně, ale tohle zdvojení mi to znemožňuje.
Díky
Myslím, že jsem to zarovnal jen v editoru WordPressu.
Kód html je tam takto:
Zdravím, obrázky zarovnat vedle sebe se mi daří, ale poté mi v přebytečném místě mezi nimi nebo vedle nich (podle toho kam je zarovnám) přetíká text. Je nějaký způsob jak udělat aby text zůstal v odstavci pod nebo případně nad obrázky? Používám pouze systém na stránkách wordpress.com, možná má omezené možnosti.
zadal jsem vas prikaz a on se neulozil. jak to? Dekuji za odpoved
To opravdu nevím takto od stolu. Nevím co a kam jste ukládal, nevím zda nemáte nějaký omezení pro ukládání kódu, nevím zkrátka nic o konkrétní situaci na vašem webu. Takže odpovědět fakt nedokážu.