line
Der Inhalt des Artikels ist nicht in der Sprache deutsch verfügbar, sondern nur in der Sprache slovenčina.

Vzhľad

Pre úpravu vzhľadu základných prvkov stránok, je nutné sa prihlásiť priamo na webe, na Vašej stránke https://vasastranka.wexbo.com alebo v prípade ostrej prevádzky na https://www.ihredomain.de pod prihlasovacími údajmi ADMINISTRÁTORA alebo SUPERVISORA. Po prihlásení sa Vám v pravom hornom rohu zobrazí ikona šípky, po kliknutí na ňu sa zobrazí panel (AdminSmart Panel), v ktorom si po aktivácií módu "Dizajn" zobrazí lišta na úpravu Vašej témy (pozadia, farby, rozmery, hlavičky, tlačítka a pod.).

Ak máte deaktivovaný modul prihlásenie, na stránky sa prihlásite tlačítkom v pätičke stránky.
theme help
Zoznam možných úprav dizajnu stránok:

  • Pozadie

    • Farba pozadia
    • Obrázok pozadia
    design background
  • Plocha

    • Farba písma
    • Farba pozadia
    • Orámovanie
    • Štýl písma
    • Veľkosť písma
    • Rozmery
    • Obrázok odrážky
    design dashboard
  • Lišta

    • Farba písma
    • Farba pozadia
    design bar
  • Odkazy

    • Farba písma
    design links
  • Tlačítka

    • Farba písma
    • Farba pozadia
    • Orámovanie
    • Rozmery
    design buttons
  • Hlavička

    • Farba písma
    • Farba pozadia
    • Obrázok pozadia
    • Rozmery
    • Obrázok doplnku
    • Veľkosť písma
    design header
  • Menu

    • Farba písma
    • Farba pozadia
    • Obrázok pozadia
    • Orámovanie
    • Rozmery
    design menu
  • Sub hlavička

    • Farba písma
    • Farba pozadia
    • Obrázok pozadia
    • Orámovanie
    • Rozmery
    design sub header
  • Sub telo

    • Farba pozadia
    • Obrázok pozadia
    • Orámovanie
    design sub body
  • Kategórie

    • Farba písma
    • Farba pozadia
    • Orámovanie
    • Rozmery
    design categories
  • CSS

    • Vlastné CSS
    design css
  • Automat

    • Farebnosť webu

Štruktúra

Panely

Samotné stránky sa skladajú z panelov (ľavý, pravý, horný, spodný, stredný, atď.), ktorých rozmiestnenie nastavujete v sekcii Add-ons / Module po kliknutí na tlačítko  .

page panels

Moduly

Do panelov následne umiestňujete požadované moduly (zoznam kategórií, filter, anketa, banner, atď.), ktoré môžete ľubovolne premiesťovať medzi panelmi či im meniť pozíciu zobrazenia. Moduly pridávate a nastavujete v sekcii Add-ons / Module po kliknutí na tlačítko Modul hinzufügen.

Pluginy

Nakoniec stránky obsahujú aj tzv. pluginy (komentáre, hlavička, pätička, jazyky, meny, platobné brány, atď.), ktoré stránky obohacujú o rôzne funkcionality či možnosti, ktoré sú na stránkach pevne zobrazované. Pluginy pridávate v sekcii Add-ons / Plugins po kliknutí na tlačítko Plugin hinzufügen.

Šablóny

Práve z dôvodu variability systému, teda nastavenia štruktúry stránok (panelov) vkladania a rozmiestnenia rôznych modulov a pridávania pluginov, či nastavenie vzhľadu niektorých základných prvkov stránok, nie je možné v systéme WEXBO® využívať externé šablóny vytvorené pre iné systémy (Wordpress, atď.). Využiť je tak možné len šablónu systému WEXBO®, ktorú je možné si požadovane upraviť.

Vlastné CSS

Pokiaľ sa požadované úpravy vzhľadu prvku zobrazovaného na stránkach nenachádzajú v móde "Dizajn", prípadne chcete detailnejšie nastavovať vzhľad určitých prvkov, je to možné len pomocou vlastného CSS štýlovania. Vlastný CSS kód je možné vytvárať v administrácii v sekcii Einstellungen / Special CSS. V tomto prípade je však nutná znalosť CSS štýlovania.

Každá webová stránka je vyskladaná z HTML blokov, tzv. elementov, pričom týmto elementom je nastavenú určitý vzhľad (farba a veľkosť písma, pozadie, odsadenie, ...), ktorý je možné si upraviť pomocou CSS kódov. Požadované CSS kódy je možné vkladať v administrácii https://admin.wexbo.com alebo (http://admin.ihredomain.de) do sekcie Einstellungen / Special CSS.

Informationen aus der Hilfe des Abschnitts "Special CSS"

Kaskádové štýly alebo CSS je všeobecné rozšírenie HTML. Je to jednoduchý mechanizmus na vizuálne formátovanie Vašich stránok alebo ich častí. CSS dokáže rozšíriť, zmenšiť, zaobliť, umiestniť časti stránok alebo zmeniť ich farbu či štýl atď.

Pokročilí užívatelia si tak môžu celý dizajn, ktorý bol vytvorený v AdminSmart, naštýlovať ešte pomocou vlastného CSS. Možno si teda dizajn webu prispôsobiť tak, aby ešte viac vyhovoval Vašim požiadavkám a nárokom.

Po úprave odporúčame pre aplikovanie Special CSS obnoviť stránky v prehliadači, najčastejšie klávesou F5 alebo CTRL+F5. Viac informácii v nápovede Bildes

V prípade, že ste menili pozíciu jednotlivých CSS položiek, je nutné kliknúť na tlačítko  , aby sa CSS súbor opätovne vygeneroval s novými pozíciami CSS položiek.
Z dôvodu, že pracovníci na technickej podpore nie sú školený v kódovaní CSS, technickú podporu pre CSS štýlovanie, resp. pre sekciu Einstellungen / Special CSS neposkytujeme. V prípade, že nemáte znalosti CSS kódovania neodporúčame do danej sekcie vkladať či upravovať CSS kódy, keďže to môže mať za následok nekorektné zobrazenie stránok. Pre špecifickú úpravu vzhľadu stránok prostredníctvom CSS je tak nutná znalosť daného štýlovania.

CSS Selectory

Každý CSS kód sa skladá z tzv. "selectora" kde je uvedená adresa alebo identifikátor HTML elementu, ktorý chcete upraviť a z jednotlivých hodnôt nastavenia vzhľadu, ktoré sú uvedené v zložených zátvorkách hneď za selectorom. Napr.:

.vlastny_nazov_selectora { color: red; font-size: 10px; }

Selectorom, teda adresou konkrétneho elementu, môže byť samotný HTML TAG, HTML atribút ID (identifikátor) alebo HTML atribút CLASS (trieda). V nižšie uvedenom príklade má HTML TAG "a" v atribúte ID nastavenú hodnotu "moje_id" a v atribúte CLASS "moj_class".

Kontakt

Trieda (class)

Napriek tomu, že samotná stránka už obsahuje mnoho selectorov, na ktoré je možné adresovať a meniť tak vzhľad elementov, systém umožňuje označovať aj konkrétne položky (moduly, menu položky, články, kategórie, produkty) práve vlastným atribútom CLASS (trieda) napr. "zvyraznena_menu_polozka", pričom následne je možné na vybrané elementy zobrazujúce sa na stránkach odkazovať prostredníctvom CSS kódu a meniť ich vzhľad.

Modul

Pre box modulu nastavujete v sekcii Add-ons / Module v úprave   konkrétneho modulu v záložke Erweiterte Einstellungen položka "Class".

Menu

Pre element menu položky v sekcii Artikel / Menü v úprave   konkrétneho menu (alebo po kliknutí na tlačítko Menü hinzufügen) v záložke Erweiterte Einstellungen položka "Class".

Článok

Pre elementy článkov (v zozname článkov a samotný detail článku) nastavujete v sekcii Artikel / Artikel v úprave   konkrétneho článku (alebo po kliknutí na tlačítko Artikel erstellen) v otvorenom okne v záložke Erweiterte Einstellungen položka "Class".

Kategória

Pre element kategórie v zozname kategórií v sekcii Produkte / Kategorien v úprave   konkrétnej menu položky (alebo po kliknutí na tlačítko Kategorie erstellen) v otvorenom okne v záložke Erweiterte Einstellungen položka "Class".

Produkt

Pre elementy produktu (v zozname produktov, samotný detail produktu, v zozname vybraného tovaru) v sekcii Produkte / Produkte v úprave   konkrétneho produktu (alebo po kliknutí na tlačítko Produkt erstellen v otvorenom okne v záložke Erweiterte položka "Class".

Ukážka CSS kódu

design css

Responízvny vzhľad pre tablety a smartóny

Stránky je možné nastaviť tak, aby sa prispôsobovali veľkosti obrazovky návštevníka (tzv. responzívny dizajn) a korektne sa tak zobrazovali aj na mobilných zariadeniach či tabletoch. Responzívny dizajn aktivujete v administrácii v sekcii Einstellungen / Web v položke "Ermöglichen ansprechende Design".

Panel

Pri aktívnom responízvnom dizajne sa niektoré moduly (menu, kategórie, vyhľadávanie, košík, nastavenia účtu, zdieľanie) a niektoré možnosti (filter, výber jazyka a meny, mapa stránok, ...) zobrazia v novo zobrazenom panely v hornej časti stránok. Responzívny dizajn stránok je možné si jednoducho zobraziť, pri zmenšení okna prehliadača.

Hlavička

Pri aktívnom responízvnom dizajne, je možné pre mobilné zobrazenie nastaviť špeciálnu hlavičku stránok (rozdielnu od zobrazovanej v klasickej verzii). Možnosť nastavujete v sekcii Einstellungen / Web v položke "Bild des Headers (für die responsive Version)".

Nastavenie právomocí modulov

Prípadne je možné niektorým modulom nastaviť nezobrazenie v mobilnej či naopak v klasickej verzii stránok. Danú možnosť nastavujete v administrácii v sekcii Add-ons / Module v úprave konkrétneho modulu po kliknutí na tlačítko   v záložke Berechtigungen v položke "Nur auf Geräten anzeigen".

Administrácia a webmail

Samozrejmosťou je responzívny dizajn administrácie a poskytovaného webmailu.

kontaktieren Sie unswir bieten den technischen Support von 9:00 bis 17:00