Práce s rozložením a komponentami
V této části manuálu se zaměříme na práci s obsahovou částí stránky/novinky. Ukážeme si práci s řádky a s komponentami.
Pro naplnění stránky/novinky obsahem slouží levý sloupec v administraci, pomocí kterého vkládáte jednotlivé prvky na stránku/novinku.
Konkrétně si popíšeme práci s rozložením (neboli řádky), což umožní rozdělit stránku na sloupce a komponenty (neboli kostičky), díky kterým plníte stránku obsahem - např. textem, obrázky, videem atd.
Sekce s rozložením se nachází v horní části levého sloupce v administraci. Existují dva typy rozložení a to Základní a Rozšířené rozložení. Pomocí rozložení si připravíte stránku pro následné plnění komponentami.
Sekce s komponentami se rozděluje na Základní a Rozšířené komponenty. Základní komponenty představují nejvíce používané komponenty, které lze umístit na stránku (např. Text, Obrázek, Citace, Video atd.) a rozšířené komponenty představují složitější komponenty, které od nás obvykle už na webu máte připravené (např. Mapa, NL, Výpis novinek atd.).
Ať už si vyberete jakýkoliv typ rozložení nebo jakoukoliv komponentu, princip vložení do stránky je stejný. Stačí konkrétní rozložení chytnout pomocí myši a dotáhnout do stránky na světle modrou linku a pustit.
Ukázka vkládání rozložení a komponenty do stránky
VIDEO se připravuje
Základní rozložení
Pomocí základního rozložení lze do stránky/novinky vkládat řádky rozdělené na sloupce (např. na 2 sloupce, na 3 sloupce atd.) a díky tomu se stránka/novinka na tyto části rozdělí. Do těchto řádků lze pak vkládat jednotlivé komponenty.
Rozložení do stránky/novinky vložíte tak, že pomocí myši chytnete vybrané rozložení (např. řádek) a dotáhnete na modrou linku v obsahové části stránky a pustíte.
Takto vypadají jednotlivé řádky vložené do stránky (zatím bez vložených komponent) - řádek s 1 sloupce, 2 sloupci a 3 sloupci:
Poté co vložíte některý z řádků do stránky, tak po prokliku do vloženého řádku se zobrazí malá modrá lišta se základními akcemi, co lze se řádkem dělat. Zároveň se vám zobrazí v levém sloupci nastavení konkrétního řádku.
ikonka Šipky - pomocí této ikonky potvrdíte výběr konkrétního objektu, lze využít v případě pokud máte na stránce více prvků a potřebujete potvrdit výběr konkrétního objektu, aby se vám zobrazilo nastavení v levém bloku
ikonka Čtyřsměrných šipek - tato ikonka vám umožní přesun konkrétního prvku, pokud tedy za tuto ikonku chytnete, tak můžete přetáhnout řádek na jiné místo na stránce (vždy na modrou linku)
ikonka Popelnice - pomocí této ikonky smažete celý řádek, pokud máte v řádku umístěné nějaké komponenty, tak se také smažou
Nastavení řádku
Záložka Layout
Šířka obsahové části - výběr z předdefinovaných šířek řádku, díky tomu můžete určit, jak široká má být obsahová část řádku
Vnitřní vertikální odsazení - možnost vybrat z předdefinovaných odsazení pro různá zařízení, díky této funkčnosti můžete přidat mezeru pod tento řádek
Vnitřní odsazení po stranách -
Mezera mezi sloupci -
Počet sloupců - nastavení, jak se má daný řádek zobrazovat na mobilu a tabletu (např. pokud máte na desktopu rozdělený řádek na 2 sloupce ale pro mobil a tablet chcete nastavit jiný počet sloupců)
Otočit pořadí sloupců na telefonu - pomocí tohoto checkboxu lze přehodit pořadí sloupců v daném řádku na mobilu (využívá se v případě, když je řádek na desktopu rozdělen na 2 řádky a pro mobil se řádek nastaví na 1 sloupec a je potřeba přenastavit pořadí komponent v daném řádku)
Záložka Obecné
Text před řádkem - po zaškrtnutí se před řádek vloží textové pole
CSS třída - tento parametr je určen pro kodéry, proto doporučuji nevyplňovat
ID - pomocí ID lze vytvořit odkaz na kotvu (tedy vytvoření odkazu v rámci jedné stránky - doscrollování), do tohoto pole se zadá název kotvy (bez diakritiky a malými písmeny) a následně lze tento název napojit do odkazu
Záložka Pozadí
Barva pozadí - výběr z předdefinovaných barev řádku, tyto barvy odpovídají vašim brandovým barvám
Obrázek na pozadí - pomocí tohoto pole lze nastavit obrázek na pozadí řádku, toto pole je určené pro kodéry
Velikost obrázku na pozadí -
Pozice obrázku na pozadí -
Parallax efekt obrázku -
Rozšířené rozložení
Pomocí rozšířeného rozložení lze do stránky/novinky vkládat záložky, akordeony a nebo carousely. Stejně jako u základního rozložení lze i sem vkládat jednotlivé komponenty.
Záložka - umožňuje rozdělit obsah do záložek, na které se lze přepínat.
Akordeon - umožňuje rozdělit obsah do akordeonů, které můžou být rozbalené nebo zabalené. Často na akordeony můžete narazit když je na webu sekce s "Nejčastěji kladené dotazy".
Carousel - díky carouselu lze vytvořit tzn. slider s jednotlivými komponentami. Často se do carouselu vkládají citace neboli reference.
Práce se záložkami
Záložky umožní rozdělit stránku do záložek mezi kterými lze přepínat. Defaultně jsou vložené 3 záložky ale lze jich vytvořit více pomocí ikonky "+". Pokud chcete některou ze záložek smazat, stačí kliknout na ikonku "popelnice".
Pokud chcete záložky naplnit obsahem, stačí se do konkrétní záložky prokliknout a následně dotáhnout některou z komponent (např. Text).
Jak plnit stránku obsahem, tedy jednotlivými komponentami se dozvíte v této části manuálu.
V této sekci najdete přehled oblíbených cestovatelských destinací z celého světa. Každá destinace obsahuje základní informace o poloze, klimatu a doporučeném období k návštěvě.
Součástí jsou také tipy na zajímavá místa, památky, přírodní krásy a méně známé lokality, které stojí za to objevit. Obsah je určen jak pro první inspiraci, tak pro podrobnější plánování cesty.
Práce s akordeony
Akordeony umožní rozdělit stránku do akordeonů, které mohou být buď zabalené nebo rozbalené. Defaultně jsou vložené 3 akordeony ale lze jich vytvořit více pomocí ikonky "+". Pokud chcete některý z akordeonů smazat, stačí kliknout na ikonku "popelnice".
Pokud chcete akordeon naplnit obsahem, stačí konkrétní akordeon rozbalit pomoci "šipky" v pravé části a následně do akordeonu dotáhnout některou z komponent (např. Text).
Pokud chcete nastavit nějaký z akordeonů, aby byl defaultně rozbalený, klikněte na ikonku "dvou šipek proti sobě".
Jak plnit stránku obsahem, tedy jednotlivými komponentami se dozvíte v této části manuálu.
Ano, web lze pomocí administrace spravovat, jak potřebujete. Můžete vytvářet stránky a plnit je obsahem (to samé platí i pro novinky). Jediné co nelze upravovat je hlavička webu (např. navigační menu) a patička. Toto pokud budete potřebovat upravit, musíte se obrátit na nás.
Nezoufejte, pokud budete chtít s čímkoliv poradit, obraťte se na naši technickou podporu.
Technická podpora je Vám k dispozici od 8:00 do 17:00 v pracovní dny na emailu podpora@ebrana.cz nebo na telefonním čísle +420 460 000 270.
Práce s carouselem
Carousel umožní na stránce vytvořit tzn. slider s různými komponentami (nejčastěji s komponentou citace). Carousel si můžete rozdělit na několik sloupců a do každého sloupce vložit libovolnou komponentu. V případě, že do carouselu vložíte více komponent než máte nastavený sloupců, tak se pomocí šipek můžete přesouvat na další komponenty (to je princip slideru).
Nastavení carouselu v levém panelu (zobrazí se vám po kliknutí na carousel):
Počet sloupců (desktop, tablet, telefon) - nastavení kolik sloupců má mít carousel pro různá zařízení
Mezera (bez jednotky)
Bodové přepínače - zda se mají zobrazit bodové přepínače pod carouselem (díky nim se lze přepínat na další "slidy")
Navigační šipky - zda se mají zobrazit šipky v carouselu pro přepínání (díky nim se lze přepínat na další "slidy")
Spodní odsazení - předpřipravených 6 velikostí spodního odsazení, tedy přidání mezery za tuto komponentu
CSS třída - tento parametr je určen pro kodéry, proto doporučuji nevyplňovat
