Systém na rýchle vytvorenie webových stránok alebo e-shopov

FLAT design - funkcie designu plochej šablóny

Späť na kategóriu

Chcete používať novú modernú flat šablónu? Aktivujte si ju podľa návodu: www.biznisweb.sk/a/754

V tomto návode si rozoberieme funkcie sekcie DESIGN. Je určený pre tých, ktorí majú aktívnu plochú šablónu

Okrem toho, že je responzívna, uľahčí vám prácu, pretože webdesign si nastavíte jedným kliknutím vďaka automatickému generovaniu šablóny.

Čo môžete upravovať?

    1. Celkový vzhľad šablóny
    2. Logo
    3. Farby
    4. Rozloženie stránky
    5. Fonty - písmo
    6. Komponenty
    7. Pozadie
    8. CSS

 


pozor Akékoľvek zmeny v šablóne sa prejavia až po kliknutí na tlačítko HOTOVO. PUBLIKOVAŤ! publikovať design


 

1. ŠABLÓNY

V ponuke máte na výber rôzne šablóny, líšia sa hlavne usporiadaním prvkov ako napr. logo, hlavička, menu, vyhľadávanie.

šablóny web stránky

Automatické vygenerovanie šablóny

Neviete akú šablónu vybrať? Ako zladiť farby? Skúste špeciálnu funkciu, ktorá vám na jeden klik vygeneruje novú šablónu.

V sekcii DESIGN / ŠABLÓNY - vpravo hore stačí kliknúť na VYGENEROVAŤ ŠABLÓNU. 

generovať šablónu

Ešte lepší spôsob je, ak sa nachádzate v sekcii design a kliknete na ZOBRAZIŤ WEBSTRÁNKU.

náhľad stránky

Stránka sa zobrazí v novom okne, kde nájdete tlačítko VYGENEROVAŤ NÁHODNÚ ŠABLÓNU. Novú šablónu ihneď vidíte, môžete klikať dovtedy, kým vám niektorá z vygenerovaných šablón padne do oka.

nová šablóna

Záloha šablóny

Chcete pokusne meniť šablónu? Pôvodné nastavenia designu sa zálohujú. Váš design sa uloží do šablón pod názvom CUSTOM a môžete sa k nemu kedykoľvek vrátiť.

záloha šablóny 

tip Šablóna "SpaceSquare" je špecifická tým, že na úvodnej stránke sa zobrazuje iba pozadie a menu. Preto obsahové bloky, ktoré vložíte na titulku, sa nebudú zobrazovať. V šablóne SpaceSquare je to takto správne. V záložke ROZLOŽENIE je totiž defaultne zakázané zobrazovanie stĺpcov na titulnej stránke. Takéto šablóny využívajú najmä firemné, prezentačné stránky. 

 

2. LOGO

Názov web stránky, značky sa dá vložiť buď ako text alebo obrázok.

Textové logo - vložte text a nastavte jeho vzhľad. Na výber je množstvo fontov, veľkostí, tieňovanie.

textové logo

 

Obrázkové logo - ak chcete vložiť logo ako obrázok, najskôr v záložke textové logo vymažte text, ktorý je tu vložený a prejdite do záložky Obrázok loga.

Vyberte obrázok zo súborov, nastavte jeho veľkosť. Logom môžete pohybovať v náhľade tak, že ho uchytíte myškou a presuniete kam potrebujete.

Nakoniec kliknite na tlačítko POUŽIŤ.

obrázkové logo

 

3. FARBA

Naši grafici si pre vás pripravili farebné kombinácie, ktoré sú navrhnuté tak, aby celkovo web pôsobil dobre. Nájdete ich po rozkliknutí kolonky FARBY.

predvolené palety farieb

Ak si chcete nastaviť farby podľa seba, kliknite na VLASTNÁ PALETA FARIEB

vlastné farby webovej stránky

Niektoré prvky môžu byť aj transparentné. Stačí tam, kde je to možné, zaškrtnúť možnosť PRIEHĽADNÉ.

 

4. ROZLOŽENIE

V sekcii ROZLOŽENIE máte vľavo tri záložky. V každej z nich pracujete s konkrétnou oblasťou - Hlavička, Stĺpce a Pätička stránky.

Úvodná stránka môže používať iné rozloženie ako ostatné. Ak chcete túto funkciu využiť zakliknite možnosť  ODLIŠNÁ ÚVODNÁ STRÁNKA a nastavte rozloženie hlavičky, stĺpcov a päty zvlášť pre hlavičku a zvlášť pre všetky stránky.

odlišná titulná stránka

Rozloženie pre oblasť HLAVIČKA

Ak nechcete hlavičku využívať, dá sa vypnúť. V záložke HLAVIČKA stačí zaškrtnúť NEZOBRAZOVAŤ HLAVIČKU. 

Šírka hlavičky:

  • 1200 px, široká hlavička (slider) - hlavička bude natiahnutá na celú šírku okna prehliadača. Vždy sa prispôsobí veľkosti okna. Menu zostáva zarovnané podľa okraja obsahovej časti stránky (myslí sa tým hlavný obsah + bočné stĺpce).
  • všetko 1200px - šírka hlavičky je taká istá ako obsahová časť stránky.
  • plná šírka (1920px) - šírka hlavičky sa prispôsobuje veľkosti okna prehliadača. Je natiahnutá po celej šírke okna. Menu sa taktiež zarovnáva podľa okna prehliadača. 

tipObrázok hlavičky pridáte v sekcii STRANKY cez blok Dynamický banner. Viac info tu: www.biznisweb.sk/a/754

Zarovnať menu: vyberte zarovnanie buď vľavo, stred, alebo vpravo. Menu vľavo a vpravo bude zarovnané podľa okna prehliadača alebo obsahovej časti stránky. Závisí od toho, aký ste zvolili typ hlavičky (viď bod vyššie - Širka hlavičky).

V spodnej časti si vyberte niektorú z kombinácií rozloženia komponentov hlavičky (vyhľadávanie, menu, logo, obrázok hlavičky).

Menu:

tipV mobilných zariadeniach funguje menu vždy ako rozklikávacie, nakoľko šírka displeja neumožňuje použitie vyskakovacieho menu.

design hlavičky

Stĺpce

Ak zaškrtnete možnosť NEZOBRAZOVAŤ STĹPCE, všetok obsah, ktorý máte uložený v bočných stĺpcoch, zmizne. Zobrazovať sa budú iba bloky vložené v oblasti Content (Obsah).

V spodnej časti si vyberte, ktoré stĺpce budete využívať (ľavý, pravý, oba).

stĺpce web stránky - ľavý, pravý

 

Pätička

Opäť máte možnosť skryť v šablóne celú pätičku a to zaškrtnutím možnosti NEZOBRAZOVAŤ PÄTIČKU. 

Pätu stránky môžete rozdeliť na viacero stĺpcov a potom v sekcii stránky vkladať bloky do týchto oblastí. V súčasnosti sú takéto pätičky veľmi moderné (napr. www.modneveci.sk).

Využívať môžete 1 až 4 stĺpce. V sekcii stránky potom vkladáte bloky do oblasti Pätička stĺpec 1 až 4.

stĺpce pätičky www stránky

pozor Nevkladajte bloky do oblasti Footer (päta), nebudú sa zobrazovať. Táto oblasť je určená iba pre základnú šablónu, nie Flat.

Vyberte šírku stĺpcov pätičky hodiacu sa k obsahu, ktorý chcete vkladať do pätičky.

Päta www stránky, stĺpce v pätičke


UPOZORNENIE: Ak ste skryli niektorú z oblastí (stĺpce, hlavička, päta) dbajte na to, aby ste v sekcii STRÁNKY vkladali blok iba do viditeľných oblastí. Môže vás potom pliesť, že vložený obsah na webe nevidíte.

5. FONTY

Na stránke máte viacero formátov písma (H1 - H3, text v menu a main text). Každý z nich dokážete upraviť - nastaviť vzhľad písma a veľkosť.

úprava fontov na webovej stránke

H1 - sú  hlavné napisy stránok a kategórií produktov

H2 - je napr. text vložený cez blok Nadpis, nadpisy blokov Textový editor, Rozcestník a pod., názvy produktov a článkov, nadpisy v textovom editore, ktorým ste nastavili formát Nadpis 2

H3 - odkazy v bloku Rozcestník pri zobrazení Boxy, Nadpisy v textovom editore, ktorým ste nastavili formát Nadpis 3

Main text - všetky bežné texty na stránke, popisy produktov, text v článkoch a pod.

 

6. KOMPONENTY

Horný panel s prihlásením, vyhľadávaním a košíkom - pokiaľ máte eshop, tento panel nechajte aktívny. V opačnom prípade sa vaši zákazníci nedostanú do košíka, nebudú sa môcť zaregistrovať a nebudú môcť vyhľadávať. Ak vám nevyhovuje umiestnenie týchto komponentov, skúste ho zmeniť v záložke ROZLOŽENIE/HLAVIČKA.  

Vlajky jazykov - aktivujte ak máte viacero jazykových verzií. Viaže sa na panel s prihlásením, vyhľadávaním a košíkom, preto ak chcete, aby boli vlajky viditeľné, panel nechajte zapnutý.

Drobková navigácia (breadcrumbs) na Stránkach - aktivácia / deaktivácia drobkovej navigácie v obsahových stránkach. Drobková navigácia v kategóriách produktov je aktívna vždy.

Odber noviniek - aktivácia / deaktivácia formulára na odber noviniek emailom - newsletter

Vyhľadávací formulár - aktivácia / deaktivácia fulltextového vyhľadávania na webe.

Zobraziť menu s kategóriami e-shopu - kategórie produktov sa zobrazujú v menu v bočnom stĺpci webu. Kedy skryť menu s kategóriami eshopu? Ak produkty zobrazujete cez Stránky a bloky Obsah kategórie alebo Produkty z. Ak na podkategórie produktov vedie rozcestník, ak nechcete používať bočný stĺpec. 

Zaoblené rohy - designová záležitosť. Zaoblí rohy tlačítok, menu, boxov a iných prvkov flatovej šablóny.

Zarovnať celý web - celú web stránku môžete posunúť vľavo, vpravo alebo na stred. Väčšinou sa používa zarovnanie na stred.

Prihlásenie, Registračný formulár a Nákupný košík sa dá zobrazovať viacerými spôsobmi. Ako vysúvacie okno, samostatná stránka alebo ich môžete úplne skryť.  Náhľad tu: Viditeľnosť komponentov

prihlásenie, vyhľadávanie, vlajky jazykov, drobková navigácia, nákupný košík

 

7. POZADIE

Do pozadia môžete vložiť:

  • vlastný obrázok - kliknite na VLASTNÉ POZADIE -> UPLOAD -> PRECHÁDZAŤ, vyberte fotku z počítača a dajte NAHRAŤ

vlastný obrázok v pozadí web stránky

  • obrázok z našej galérie - stačí si vybrať z galérie

pozadie webovej stránky z obrázkov galérie flox 2

  • jednofarebné pozadie - kliknite na FARBA POZADIA, vyberte si farbu a dajte ULOŽIŤ

jednofarebné pozadie www stránky

 

8. CSS

Ak viete robiť s CSS, do tejto záložky môžete vložiť vlastné kódy a upraviť si šablónu podľa seba.

Aby sa vložené CSS prejavilo, kliknite zelenú šípku reload.

css

 


tip Máte záujem o vlastný design, hlavičku alebo logo? Špecifikujte vaše požiadavky a pošlite nám ich na email info@biznisweb.sk Naši grafici vám dokážu pripraviť návrh loga alebo celý webdesign za rozumnú cenu.

Chcete sa ešte na niečo opýtať? Napíšte nám:

Prihlásenie (Flox 2)

Vyskúšajte web alebo e-shop zdarma

Výber designu:

Adresa stránok s koncovkou .flox.sk je zdarma. Adresu môžete kedykoľvek zmeniť na tvar bez koncovky .flox.sk zakúpením alebo presmerovaním vlastnej domény.
Stlačením tlačidla súhlasíte s obchodnými podmienkami BiznisWeb.sk.

Vyberte si prosím niektorú z pripravených šablón.
Design stránok môžete kedykoľvek zmeniť v administrácii, kde
nájdete bohaté možnosti prispôsobenia šablón.
Radi Vám vytvoríme aj unikátny design na mieru.

Táto stránka používa cookies. Viac info