Ako umiestniť dva obrázky vedľa seba vo WordPresse

Pomocou ktorého bloku vieme umiestniť dva obrázky vedľa seba vo WordPresse?

Umiestniť dva obrázky vedľa seba vo WordPresse môže výrazne zvýšiť atraktivitu vášho článka na webe. Jeden obrázok je často príliš veľký, aby bol zobrazený na šírku, preto zobraziť dva obrázky vedľa seba je prijateľný variant.

Treba mať na mysli, že na mobilných zariadeniach, z ktorých prichádza na vašu stránku okolo 60% návštevníkov, by boli dva obrázky vedľa seba príliš malé. Preto potrebujeme, aby sa použitý blok prispôsobil veľkosti obrazovky a na malých displejoch zobrazil 2 obrázky pod seba. Táto vlastnosť sa volá responzivita.

Napríklad blok Galéria nie je v základnej verzii responzívny na mobiloch, preto uprednostníme blok Stĺpce.

Použitie Gutenberg bloku „Stĺpce“

Otvorte editor a kliknite na ikonu plus (+) v hornej časti editora alebo v mieste, kde chcete pridať nový blok.

Otvorenie zoznamu Gutenberg blokov

Vyhľadajte blok „Stĺpce“ a vyberte rozloženie s dvoma stĺpcami.

Pridajte bloky obrázkov: Do každého stĺpca pridajte blok obrázok a nahrajte alebo vyberte požadované obrázky.

Keď pridáme na stránku blok „Stĺpce“ s dvoma stĺpcami, v editore sa to ukáže len ako obdĺžnik s pluskom vo vnútriBlok „Stĺpce“ nemajú inú vizuálnu reprezentáciu, pokiaľ ho neoštýlujeme.

Klikneme na tlačidlo „+“ a pomocou kontextového okna vyberieme blok Obrázok a vložíme ho do stránky.

Následne pridáme obrázok buď z Knižnice médií, alebo nahráme nový obrázok. Detailnejšie tento krok popisujem v článku o pridávaní obrázkov.

Prvý obrázok máme pridaný.

Keď chceme pridať druhý obrázok do druhého stĺpca, musíme kliknúť myšou do prázdneho priestoru napravo od prvého obrázka.

Zobrazí sa nám už známe tlačidlo „+“ tento krát pre druhý stĺpec.

Na toto tlačidlo klikneme a pridáme obrázok celkom rovnako ako pre prvý stĺpec.

Záver

Umiestnenie dvoch obrázkov vedľa seba vo WordPresse je jednoduché a rýchle pomocou Gutenberg bloku. Ak vám tento návod pomohol, prihláste sa na odber príspevkov na našej facebookovej stránke, aby vám nič neušlo.