Layout

3 minuty

Blok Layout rozhoduje o tom, jak se prvky na stránce seřadí, zarovnají a přizpůsobí různým zařízením.


Layout primárně slouží pro zarovnání bloků do něj vložených, proto do kontejneru můžete vložit většinu ostatních bloků jako je text, tlačíko, obrázek, box a další. Layout sám o sobě nemá žádné nastavení designu.

Jak přidat Layout

Přidání probíhá standardně jako u ostatních bloků přetažením do stránky. Kliknutím na blok se označí a pro jeho nastavení můžete využít ikonu vpravém horním rohu.

Následně do layoutu můžete vkládat bloky přetažením stejně, jako byste je vkládali do normálních sekcí, a následně s nimi pracovat, jak jste zvyklí.

Nastavení layoutu

V nastavení kontejneru si můžete vybrat ze tří způsobů zarování obsahu (Flexibilní, V řádku, Mřížka). Každá z možností má pak další doplňující možnosti pro rozložení a zarovnání obsahu uvnitř layoutu.

Kdy který layout použít?

Flexible je nejuniverzálnější volba – hodí se všude tam, kde potřebujete definovat počet sloupců pro různá zařízení. Můžete samostatně nastavit, kolik sloupců se zobrazí na mobilu, tabletu a desktopu. Typické použití: sekce s kartami služeb, galerie, ceníkové boxy nebo týmové profily.

Inline se hodí pro menší skupiny prvků, které chcete zobrazit vedle sebe – například dvě tlačítka, řada ikonek nebo štítky. Na rozdíl od Flexible nepracuje se sloupci, ale zarovnává prvky do řádku s možností centrování nebo zarovnání k okrajům.

Grid dává obsahu pevnou mřížkovou strukturu a je ideální pro komplexnější rozložení, kde potřebujete přesnou kontrolu nad umístěním jednotlivých prvků.

U všech layoutů si navíc můžete přesně nastavit mezery mezi prvky – zvlášť horizontálně i vertikálně – takže výsledný design odpovídá přesně vašim potřebám.

Pokročilé

V části Pokročilé může být pro vás důležité nastavení ID. To se používá při vytvoření odkazu pomocí kotvy. Více o tom, jak nastavit kotvu najdete v tomto článku.

náhled nastavení bloku