Nastavení webu

Nastavení webu určuje, jak vypadá veřejný web vaší plavecké školy: barvy a písma, hlavička s tlačítky, patička s kontakty, loga a obrázky i texty, které vidí vyhledávače. Podle webu rodiče poznají, že jsou u vás správně, a hlavička s patičkou je zároveň vedou k přihlášení dítěte na kurz. Všechny změny se projeví na webu hned po uložení.

Předpoklady

• Přihlášení jako administrátor, nebo jako uživatel s oprávněním Správa obsahu.

Kde nastavení najdete

Nastavení webu otevřete dvěma cestami. Obsahují totéž.

V nastavení aplikace:

1. Klikněte na iniciály (avatar) v pravém horním rohu a zvolte Nastavení aplikace.

2. V levém menu v sekci Správa obsahu klikněte na Nastavení webu.

V editoru stránky: klikněte v horní liště na tlačítko Nastavení webu (ikona palety; na užší obrazovce je jen ikona). Formulář se otevře v panelu vpravo, takže z editoru neodcházíte, a stránka za ním zůstane vidět a jde posouvat.

V panelu Uložit zapíše změny a panel zůstane otevřený. Vedle tlačítek se na chvíli objeví zelené Uloženo a stránka za panelem se hned překreslí podle nového nastavení, takže barvy, písma i patičku vyzkoušíte, aniž byste panel zavírali. Panel zavřete tlačítkem Zavřít nebo křížkem.

Formulář je dlouhý a čte se shora dolů:

1. karta Vzhled webu a karta Hlavička a patička,

2. základní údaje o webu (název, odkazy na sociální sítě, e-mail, světlý nebo tmavý vzhled, hlavní stránka, hlavní barva),

3. loga a obrázky,

4. SEO nastavení.

Na stránce nastavení v aplikaci se všechno ukládá najednou zeleným tlačítkem Uložit úplně dole.

Jak web vypadá

Web školy má nahoře menu, které zůstává při posouvání stránky vidět. Je v něm logo, název školy, odkazy na stránky a až dvě tlačítka (třeba Přihlásit dítě). Na telefonu se menu sbalí do tlačítka se třemi čárkami, tlačítka ale zůstanou vedle něj. Sbalí se i na počítači, když se všechny položky nevejdou na jeden řádek (hodně stránek, dlouhé názvy nebo větší písmo menu). Pod menu může být banner, hned pod ním oznámení a pak obsah stránky. Dole je patička s adresou, odkazy a otevírací dobou. Vzhled si škola ladí volbami níže: barvami, písmy, zaoblením rohů, barvou menu i patičkou.

Web, tak jak ho uvidí návštěvník (nahoře menu s tlačítky, pod ním banner školy, oznámení a stránka):

Karta Vzhled webu

Karta je první ve formuláři. Většina voleb jsou karty vedle sebe: vybraná karta je plně modrá a u většiny voleb je pod názvem každé možnosti krátké vysvětlení, co udělá. Výchozí možnost u každé volby je ta, kterou web má, dokud ji nezměníte.

Doplňková barva

K hlavní barvě školy (viz Základní údaje níže) můžete přidat druhou, Doplňkovou barvu. Je nepovinná, bez ní se všude použije hlavní barva. Klikněte na barevný čtverec, vyberte odstín v paletě a uložte.

• Doplňková barva se nabízí jako pozadí sekcí na stránkách z bloků.

• Můžete z ní navíc udělat barvu nadpisů a barvu tlačítek v obsahu stránek (viz níže).

• Chcete-li doplňkovou barvu zrušit, zaškrtněte pod ní políčko Použít hlavní barvu (zobrazuje se, jen když je doplňková barva nastavená) a uložte.

• Je-li zvolená barva tak světlá nebo tak sytá, že na ní není dobře vidět bílý ani tmavý text, objeví se pod ní upozornění „Text na této barvě je hůř čitelný (kontrast … : 1, doporučeno aspoň 4,5 : 1). Zvolte tmavší nebo světlejší odstín.“ Totéž platí pro hlavní barvu.

Písma

Písmo nadpisů a Písmo textu se vybírají zvlášť. Každá karta ukazuje ukázku „Plavecká škola · Přihlásit dítě“ napsanou právě tím písmem, takže výsledek vidíte ještě před uložením.

Písmo	Jak působí	Hodí se
Systémové písmo	dnešní písmo webu	všude
Nunito	zaoblené bezpatkové	nadpisy i text
Open Sans	neutrální bezpatkové	text
Montserrat	geometrické	nadpisy
Quicksand	zaoblené a lehké	nadpisy
Lora	patkové	nadpisy i text
Baloo 2	hravé a oblé	nadpisy

Barva a velikost nadpisů, barva tlačítek

Volba	Možnosti	Co dělá
Barva nadpisů	Hlavní barva (výchozí) / Barva textu / Doplňková barva	Hlavní barva je dnešní vzhled. U Barvy textu mají nadpisy barvu běžného textu, barevné zůstanou odkazy, tlačítka a čáry. U Doplňkové barvy jsou nadpisy v doplňkové barvě, bez ní v hlavní.
Velikost nadpisů	Běžná (výchozí) / Menší / Větší	Větší nadpisy se na telefonu zmenší, aby se vešly.
Barva tlačítek	Hlavní barva (výchozí) / Doplňková barva	Doplňková barva se použije na tlačítka v obsahu stránek. Tlačítka v hlavičce zůstanou v hlavní barvě. Bez nastavené doplňkové barvy se nic nezmění. Tlačítka přihlášky na kurz mají barvu školy.

Zaoblení, šířka a zarovnání textu

Volba	Možnosti	Co dělá
Zaoblení rohů	Ostré / Jemné (výchozí) / Oblé / Oblé s kulatými tlačítky	Určuje rohy karet, obrázků a polí. Poslední možnost k oblým rohům přidá tlačítka ve tvaru pilulky.
Šířka obsahu	Široký (výchozí) / Užší	Široký je dnešní šířka, na velkém monitoru až 1320 px. Užší drží hlavičku, sekce i patičku nejvýš na 1140 px.
Zarovnání textu	Vlevo (výchozí) / Do bloku	Vlevo zarovná odstavce k levému okraji a odrážky nechá bez čar. Do bloku odstavce zarovná do bloku (stejně široké řádky) a odrážky oddělí čarami. Vycentrovaný text zůstane vycentrovaný.

Vlny, čára pod názvem a ikona webu

• Vlny mezi sekcemi (výchozí zapnuto): sekce na stránkách z bloků mohou mít vlnitou hranu. Vypnutím se všechny hrany srovnají do přímky. Vlnu nahoře má i barevná patička.

• Čára pod názvem stránky (výchozí zapnuto): tenká čára v barvě školy pod hlavním nadpisem stránky.

• Ikona webu je malý obrázek, který se zobrazí v záložce prohlížeče. Nahrává se stejně jako ostatní obrázky (viz Loga a obrázky). Nejlépe se hodí čtverec aspoň 192 × 192 px, formáty PNG, JPEG, WebP nebo GIF (SVG a ICO ne). Bez ikony webu se použije logo účtu.

Ukázka webu s písmem Nunito pro nadpisy a Open Sans pro text, s doplňkovou barvou, užším obsahem a kulatými tlačítky. Tlačítko Přihlásit dítě v obsahu je v doplňkové barvě, tlačítka v hlavičce zůstala v hlavní:

Vlny mezi sekcemi a doplňková barva jako pozadí sekce (písma i kulatá tlačítka jsou nastavená stejně jako výše):

Karta Hlavička a patička

Druhá karta ovládá horní lištu (menu), umístění loga a patičku.

Tlačítka hlavičky

Vedle menu můžete mít až dvě tlačítka. První je plná, druhé obrysové. U každého vyberte v poli Kam odkaz vede cíl a napište Popisek tlačítka (nejvýš 24 znaků). Cílem může být:

• Stránka webu: vyberete konkrétní stránku,

• speciální stránka podle názvu (například Přihlášení dětí na kurz, Klientský portál nebo Školní rozvrh; nabízejí se podle toho, které moduly má vaše škola zapnuté),

• Telefon školy nebo E-mail školy (vezme se z údajů školy),

• Jiný web: vložíte adresu.

Možnost Sekce na této stránce v hlavičce nefunguje, protože hlavička je na každé stránce. Formulář takové tlačítko odmítne.

Když nevyplníte nic, ukážou se výchozí tlačítka podle zapnutých modulů školy. Škola s kurzy má Přihlásit dítě a Klientská zóna, škola jen se školním plaváním Rozvrh a Přihláška do MŠ. Chcete-li hlavičku bez tlačítek, zapněte přepínač Bez tlačítek. Tlačítko, které sami vyplníte, má přednost před tímto přepínačem. Tlačítko, jehož stránka byla smazána nebo jehož modul je vypnutý, se na webu nezobrazí.

Umístění loga, velikost loga a menu

• Umístění loga a názvu: V menu (výchozí) drží logo a název vlevo v liště menu. Na banneru je přesune na Hlavní banner pod menu. Lišta menu pak zůstane bez loga na šedém pozadí: odkazy menu se řadí zleva, a když se nevejdou, sbalí se do tlačítka se třemi čárkami a tlačítka hlavičky zůstanou uprostřed lišty (jako na snímku níže). Název školy leží na banneru na tmavém zaobleném podkladu, takže je čitelný na jakékoli fotce. Nemáte-li Hlavní banner nahraný, zůstanou logo i název v menu, ať je zvoleno cokoli (banner viz Loga a obrázky).

• Velikost loga v hlavičce: Malé (výška 40 px, dnešní velikost), Střední (56 px) nebo Velké (72 px). Na telefonu je logo vždy 40 px.

• Písmo menu: Běžné, Větší nebo Velká písmena. U větších možností se menu dřív sbalí do tlačítka se třemi čárkami, takže při hodně dlouhém menu raději nechte Běžné.

• Barva menu: Barva textu (výchozí) kreslí odkazy menu jako běžný text a otevřenou stránku v barvě školy. Barva školy kreslí odkazy menu v barvě školy a otevřenou stránku tučně a podtrženě.

Logo a název na banneru pod menu (Umístění loga a názvu → Na banneru):

Otevírací doba

Volný text až do 1000 znaků, nové řádky se zachovají (například „Po–Pá 8:00–20:00“ na jednom řádku a „So 9:00–17:00“ na dalším). Zobrazí se v patičce a v bloku Kontaktní údaje na stránkách z bloků.

Stránka se zásadami ochrany osobních údajů

Z nabídky vyberte stránku, na které máte zásady ochrany osobních údajů. Odkaz Zásady ochrany osobních údajů se pak ukáže ve spodním řádku patičky a v cookie liště na celém webu i v klientském portálu. Nabízejí se jen běžné stránky: ne speciální stránky, ne odkazy v menu a ne stránky s podstránkami. Odkaz se nezobrazí, dokud je stránka nezveřejněná nebo neaktivní.

Vzhled patičky

Pět stylů patičky. Čtyři z nich (Světlá, Tmavá, Barevná a S fotkou) mají stejný obsah: logo a název školy, adresu, telefon, e-mail a IČ (adresa, telefon a IČ se berou z Nastavení účtu, e-mail z pole E-mail níže), sloupec Odkazy na stránky z menu, Otevírací dobu, ikony sociálních sítí a spodní řádek s „© rok název školy“, odkazem na zásady (když je stránka se zásadami vybraná) a poznámkou „Web běží na ProPlavu“. Liší se jen pozadím. Jednoduchá patička je jeden řádek: logo (podle přepínače Zobrazit logo v patičce), „© rok název školy“, odkaz na zásady, poznámka „Web běží na ProPlavu“, e-mail a ikony sociálních sítí.

Styl	Jak vypadá
Světlá (výchozí)	světlé pozadí
Tmavá	tmavé pozadí
Jednoduchá	jeden řádek s logem, autorským právem, e-mailem a sociálními sítěmi
Barevná	pozadí v hlavní barvě školy, při zapnutých vlnách s vlnou nahoře
S fotkou	fotka z pole Banner v patičce (viz Loga a obrázky) pod tmavou vrstvou, aby byl text čitelný. Bez nahrané fotky je patička tmavá.

Světlá:

Tmavá:

Jednoduchá:

Barevná:

Sdílené sekce webu

Dvě tlačítka na konci karty otevírají editor stránek pro sekce, které se zobrazují na všech stránkách webu najednou:

• Upravit sekce nad patičkou: sekce mezi obsahem stránky a patičkou, na každé stránce stejná.

• Upravit oznámení nad celým webem: pruh těsně pod menu, třeba „Přihlašování na pololetní kurzy spouštíme 1. února“ (je vidět na snímku webu výše). Zobrazuje se jen v době platnosti, kterou si v oznámení nastavíte.

Jak se sekce a bloky skládají, popisuje článek Stavba stránek z bloků.

Základní údaje o webu

Pod kartami následují základní pole webu.

Pole	Popis
Název stránky	Název školy na webu: v hlavičce vedle loga (když je zapnutý přepínač níže) a také v patičce a v řádku „© rok“. Pokud je prázdný, použije se název účtu.
Zobrazit název stránky v hlavičce	Přepínač, který zapíná nebo vypíná zobrazení názvu v hlavičce.
Facebook odkaz	Celá URL Facebook stránky vaší školy. Zobrazí se jako ikona v patičce (pod nadpisem „Sledujte nás“).
Instagram odkaz	Celá URL Instagram profilu, zobrazí se stejně jako Facebook.
E-mail	Kontaktní e-mailová adresa na webu. Když je prázdná, použije se e-mail z Nastavení účtu.
Vzhled	Světlý, nebo tmavý motiv celého webu. Změna se projeví po obnovení stránky. Nezaměňujte s kartou Vzhled webu nahoře, v níž se ladí barvy a písma.
Hlavní stránka	Stránka, která se zobrazí jako úvodní (bez lomítka v adrese) a na niž odkazuje logo.
Hlavní barva	Barva školy: odkazy, tlačítka, čáry a zvýraznění na webu.

Hlavní stránka: nabízí se jen zveřejněné běžné stránky na nejvyšší úrovni menu (ne podstránky), které samy žádné podstránky nemají. Hlavní stránka nemůže být odkaz v menu ani speciální stránka a musí zůstat zveřejněná, jinak by návštěvník na adrese školy našel chybu. Jinou hlavní stránku zvolte dřív, než původní skryjete.

Hlavní barva: kliknutím na barevný čtverec otevřete paletu, v níž vyberete odstín, který odpovídá vaší značce. Barva se ukládá jako kód HEX (například #003c8e).

Loga a obrázky

Podporované formáty pro všechny obrázky: PNG, JPEG, WebP, GIF, nejvýš 20 MB na obrázek. Jiný soubor formulář neuloží a důvod ukáže přímo pod polem obrázku.

Pole	Doporučené rozměry	Popis
Logo	120 × 120 px	Logo školy v hlavičce a v patičce. Nenahrajete-li ho, použije se logo účtu. Vejde se do výšky podle volby Velikost loga v hlavičce, může být i široké.
Zobrazit logo v hlavičce, Zobrazit logo v patičce	–	Přepínače, kterými logo v hlavičce nebo patičce skryjete.
Hlavní banner	2560 × 350 px	Obrázek, který se na každé stránce webu zobrazí jako pruh pod menu (na počítači asi 270 px vysoký, obrázek se vystředí a ořízne). Bez nahraného obrázku pruh není. Logo a název školy na něj přesunete volbou Umístění loga a názvu.
Banner v patičce	2560 × 640 px	Fotka patičky ve stylu S fotkou (viz Vzhled patičky). U ostatních stylů patičky se nepoužije.
Ikona webu	čtverec aspoň 192 × 192 px	Viz Vlny, čára pod názvem a ikona webu.

Nahrání obrázku

1. Klikněte na pole příslušného obrázku (například Logo), nebo do něj soubor rovnou přetáhněte myší z počítače.

2. Pokud jste klikli, vyberte soubor z počítače. Pole pak zobrazí jeho název.

3. Klikněte na zelené tlačítko Uložit. Obrázek se nahraje a zobrazí se jeho náhled.

Odstranění obrázku

1. U nahraného obrázku klikněte na ikonu koše v pravém horním rohu náhledu.

2. Obrázek se odstraní a systém zobrazí potvrzení „Soubor byl úspěšně smazán.“

Pozor: Odstranění obrázku je nevratné. V případě potřeby je nutné soubor nahrát znovu.

SEO nastavení

Sekce SEO určuje, co o vašem webu zobrazují vyhledávače (Google, Bing) a záložka prohlížeče.

Pole	Popis
Globální SEO titulek	Název, který se ve výsledcích vyhledávání a v záložce prohlížeče přidá za titulek každé stránky.
Globální SEO popis	Popis webu pod titulkem ve výsledcích hledání. Použije se jen u stránek, které nemají vlastní popis ani text, ze kterého by se popis vzal.
Globální SEO klíčová slova	Klíčová slova oddělená čárkou (například plavání, kurzy, děti). Použijí se u stránek, které nemají vlastní.

Titulek v prohlížeči se skládá ze dvou částí: titulek stránky | globální SEO titulek. Titulek stránky je její vlastní SEO titulek (nastavíte ho u stránky v Stránkách), nebo když ho nemá, její název. Zkracuje se na 70 znaků. Za svislou čárou je globální SEO titulek. Když je prázdný, použije se název vašeho účtu. Například stránka „Ukázka: úvodní stránka“ s globálním titulkem „Plavecká škola Chlebičov“ se ve výsledcích zobrazí jako „Ukázka: úvodní stránka | Plavecká škola Chlebičov“.

Popis stránky se vybírá v tomto pořadí: vlastní SEO popis stránky, pak úvodní text stránky (první text, který se v jejích blocích najde), nakonec globální SEO popis. Zkracuje se na 160 znaků. Klíčová slova se berou z vlastních klíčových slov stránky, jinak z globálních.

Pozor: Tato nastavení platí pro celý web. Jednotlivé stránky mohou mít vlastní SEO titulek, popis a klíčová slova. Titulek se u nich zkombinuje s globálním, popis a klíčová slova mají přednost před globálními.

Uložení změn

Po vyplnění všech polí klikněte na zelené tlačítko Uložit v pravém dolním rohu formuláře. Systém zobrazí potvrzení „Nastavení webu bylo úspěšně upraveno.“ a web se změní hned. V panelu editoru se uložení potvrdí zeleným Uloženo vedle tlačítek. Pokud formulář obsahuje chybu (například neplatná adresa odkazu, příliš dlouhý popisek tlačítka nebo tlačítko v hlavičce vedoucí na sekci na stránce), pole s chybou se červeně zvýrazní a změny se neuloží.

A co dál

Jak zaplnit stránky obsahem, popisuje článek Stavba stránek z bloků, včetně sdílených sekcí z karty Hlavička a patička. Fotografie pro web spravujete podle článků Fotogalerie a Nahrání fotek do galerie, formátování textu na stránkách vysvětluje článek Formátování textu v editoru. Údaje školy, které se berou do patičky (adresa, telefon, IČ), se mění v Nastavení účtu.