DIVI tipy a tvůrce motivů
Co nám Magda předvedla na sdílené obrazovce v 7. lekci kurzu Webařce pod rukou?
DIVI tipy a triky
Může se ti stát, že si při tvorbě webu něco omylem smažeš. Nemusíš hned propadat panice. O krok zpět se můžeš vrátit pomocí „hodinek“ či prostřednictvím zatočené šipky. Super trik je také kopírování jednotlivých modulů nebo jejich stylů. Můžeš vytvářet i tzv. Presety — vlastní malé šablonky pro moduly.
Hrátky s DIVI
V tuto chvíli už umíš v DIVI základní věci a začínáš toužit vytvářet pokročilejší prvky. Neboj, nejsou těžké, jen je třeba vědět, jak na to. A to ti Magda ukáže ve videích DIVI hrátky 1 a 2. Dozvíš se, jak změnit pozici obrázku na pozadí sekce, jak nejlépe zarovnat obrázek s textem, jak kombinovat moduly, jak přidat ilustrace do pozadí webu, jak na celém webu dát do pozadí tapetu a mnoho dalších vychytávek.
Tvorba sekce s půlenou obrazovkou
V této lekci ti Magda ukáže, jak sestavit oblíbenou sekci, která pokrývá obrazovku od kraje do kraje a skládá se ze dvou polovin — textové části s pozadím a části s obrázkem. Najdeš i trik, jak tuto sekci správně zobrazit na mobilu.
Hlavička, patička a tvůrce motivů
Základní hlavičky tvoříš ve Vzhled – Přizpůsobit, případně si je můžeš i doupravit pomocí CSS. Anebo si hlavičky koupíš, nahraješ si je do Tvůrce motivů – přes import nebo knihovnu.
Při tvorbě patičky vol ideálně tři sloupce se základními informacemi – fotka klienta nebo logo, kontaktní informace a fakturační údaje. Patička vytvořená pomocí Tvůrce motivů ti zůstává stejná na všech stránkách. Což je fajn. Při změně údajů ti stačí udělat změnu jednou a projeví se na všech stránkách webu.
Jednotky px nebo vh
DIVI pracuje se 3 verzemi webu — zobrazení pro počítač, tablet a mobil. Webaři by ale potřebovali ještě čtvrté — velké počítače (tzv. 4K monitory). Na nich se totiž písmo nastavené v pixelech může zdát v rámci velké plochy monitoru malé.
Toto Magda (pozor, jen u úvodní obrazovky) doporučuje řešit pomocí relativní jednotky pro fonty. Těch je celá řada: em, rem, %, ale nejvíc se jí prý osvědčila jednotka vh (viewport height), která představuje procento výšky obrazovky.
Její hlavní využití bývá pro výšku úvodní sekce nebo vnitřní okraj prvků na hlavní straně. Dá se ale použít i pro úvodní nadpis.

Článek napsala absolventka kurzu Webařce pod rukou:
Petra Frišová, copywriterka
vlotosu.cz