Dva obrázky vedle sebe ve WordPress

image_pdfimage_print

WordPress logoPotř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:

Jak vložit dva obrázky vedle sebe ve WordPress
</p>
<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 Vectra B 1997

OPEL Frontera B 1999

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ářů.

5 thoughts on “Dva obrázky vedle sebe ve WordPress

  1. 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

  2. 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.

    • 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.

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *