Úprava témy

Vysvetľuje, ako upraviť vizuálny vzhľad webstránky, vrátane fontov, farieb, dekorácií a responzivity. Detailne popisuje proces úpravy písma, farieb témy, obrázkov pozadia, nastavenia layoutu, dekorácií a responzivity pre rôzne zariadenia.

Ak chceme upraviť tému stránky (fonty, farby, dekorácie, responzivitu...), postupujeme nasledovne:

  • prejdeme do záložky Nastavenia

  • klikneme na Upraviť tému

Zobrazia sa nám takéto nastavenia, ktoré si ďalej vysvetlíme.

1) Písma a typografia

  • sekcia Definícia rodín písiem - nastavujeme si tu fonty (rodiny písiem) pre predvolený/základný/normálny text a pre nadpisy

  • sekcia Základný text - nastavujeme si tu rozmer (px), hrúbku a výšku riadku základného textu

  • sekcie Nadpis 1-4 - nastavujeme si tu font, veľkosť (em), hrúbku a výšku riadku daného nadpisu

  • sekcie Položky v menu/submenu - nastavujeme si tu font, veľkosť (em), hrúbku a výšku riadku daného textu v menu

2) Farby témy

  • sekcia Definícia farebných variantov - nastavujeme si tu farbu textu tmavú, svetlú a kontrastnú a takisto alternatívne (tmavá by mala byť tmavá, svetlá by mala byť svetlá a kontrastná by mala byť taká, ktorá by bola kontrastná k svetlej aj tmavej, aby vždy vynikla)

  • sekcia Priradenie farby (predvolená farebná schéma) - priraďujeme farby z farebnej schémy, ktorú sme si nastavili v sekcii Defínicia farebných variantov, k jednotlivým nadpisom, odkazom, tlačidlám, menu a podmenu

3) Obrázky témy

  • nastavujeme obrázky pozadia stránky

4) Nastavenia layoutu

  • nastavujeme šírku layoutu stránku, v ktorom bude obsah stránky

  • nastavujeme predvolenú medzeru medzi stĺpcami (%)

5) Nastavenia dekorácií

  • nastavujeme nadpisom tieň, transformáciu, dekorácie textu, medzery medzi písmenami, nastavenia podčiarkutia

6) Nastavenia responzivity

  • nastavujeme responzivitu nadpisov a textu pre mobilné zariadenia (ak dáme napríklad 0,8 text na mobile sa nám zmenší oproti tomu, akú ve%lkosť má na desktope a tablete)

VIDEONÁVOD

Značky článkov

Mohlo by Vás zaujímať:

Nasadenie heureky

Vytvorenie konkrétnych cien na časové obdobie

Eshop so skladom / bez skladu

Captcha - neviditeľná

Komentáre a hodnotenia

Prázdny