Článek – upoutávka

K čemu slouží

Tato komponenta má více různých variant vzhledu a také více možností využití. Primárně je ale určena na vytvoření upoutávky na článek či jinou stránku.

Tyto prvky bývají často použity společně pro vytvoření přehledu, rozcestníku či seznamu odkazovaných stránek, kdy má každá upoutávka fotku, nadpis a případně i popisek.

Pro automatický výpis aktualit / článků je potřeba využít samostatný modul, který vám v případě zájmu na web přidáme. Komponentu Článek – upoutávka v tomto případě nebudete potřebovat, přestože výpis aktualit bude mít stejný vzhled.

Jak s komponentou pracovat

Varianty vzhledu a další nastavení

Součásti komponenty

Článek – upoutávka obsahuje tyto volitelné části:

nadpis
popisek
metainformace (např. datum, kategorie...)
obrázek
odkaz
tlačítko

Možnosti vzhledu

Komponenta nabízí 7 základních typů zobrazení.

V gridu – vhodné pro vložení do více sloupců vedle sebe (obvykle 3–4 sloupce)
V gridu (velký) – vhodné pro vložení do více sloupců vedle sebe (obvykle 3–4 sloupce)
Standardní
Standardní – mini verze – vhodné pro vložení do více sloupců vedle sebe (obvykle 2–3 sloupce)
Seznam
Seznam (velký)
Upoutávkový styl

Další informace a nastavení

U vloženého obrázku lze vybrat poměr stran, podle kterého se obrázek ořízne.
Nastavený odkaz může vést z celé plochy upoutávky, nebo jen z nadpisu.
Každou z komponent vytvořených v Umbracu je možné na webu skrýt (záložka Viditelnost v nastavení prvku) a vždy je možné nastavit rozestupy od okolních prvků (záložka Rozestupy).
Prozkoumejte a vyzkoušejte všechny dostupné možnosti nastavení této komponenty přímo v Umbracu.

Tipy a doporučení

Vyzkoušejte různé varianty zobrazení článku a najděte tu, která je pro vaše účely nejvhodnější.

Příklad článku – upoutávky

Ukázky použití na webu

Zobrazte si živé ukázky – k dispozici je vždy odkaz na ukázkovou stránku nebo přímo na skutečnou stránku webu, ze kterého daný příklad pochází.

Ukázka 1

Zvětšit obrázek
Přejít na stránku na webu SKM

Články – upoutávky ve variantě V gridu, umístěné ve 3 sloupcích; obsahují obrázek (poměr stran obrázků 2:1), nadpis, popisek a odkaz

Ukázka 2

Zvětšit obrázek
Přejít na stránku na webu FF

Články – upoutávky ve variantě V gridu, umístěné ve 3 sloupcích; obsahují obrázek (původní poměr stran obrázků), nadpis a odkaz

Ukázka 3

Zvětšit obrázek
Přejít na stránku na webu KUC

Články – upoutávky ve variantě Standardní, umístěné v 1 sloupci; obsahují obrázek (poměr stran obrázků 2:1), nadpis, meta informace pod titulkem, popisek a odkaz

Ukázka 4

Zvětšit obrázek
Přejít na stránku na webu Prvákovin

Články – upoutávky ve variantě V gridu (velký), umístěné ve 3 sloupcích; obsahují obrázek (poměr stran obrázků 2:1), nadpis, popisek a tlačítko s odkazem

Ukázka 5

Zvětšit obrázek
Zobrazit živou ukázkovou stránku

Články – upoutávky ve variantě V gridu (velký), umístěné ve 3 sloupcích; obsahují obrázek (poměr stran obrázků 2:1), nadpis, popisek a odkaz

Ukázka 6

Zvětšit obrázek
Přejít na stránku na webu MU

Články – upoutávky ve variantě Standardní – mini verze, umístěné ve 3 sloupcích; obsahují obrázek (poměr stran obrázků 1:1), nadpis, popisek a odkaz