Vyber šablonu a její vzhled
Prohlédni si náhledy šablon a nastav barvy, písma, rozložení a logo webu.
Pro vlastníky a správce týmů · 11 kroků
Co budeš potřebovat
- Tvůj tým má předplatné webu. Administrace bezplatného týmu místo Šablona zobrazuje Získat web.
- Jsi vlastník týmu nebo správce.
Postup
Krok 1: Otevři Šablonu
V nabídce vlevo stiskni Šablona.
Uvidíš: stránku s nadpisem Šablona a jednou kartou pro každou šablonu. Šablona, kterou tvůj web používá, je označená Používá se. Pokud tvůj web zatím šablonu nemá, je na každé kartě místo toho Vybrat — stisknutím vybereš danou šablonu s její první paletou a otevře se Vzhled.
Krok 2: Zobraz náhled šablony
Na kartě šablony stiskni Náhled.
Uvidíš: svůj vlastní web v této šabloně pod lištou s nápisem Náhled. Otevřít ho můžou jen správci tvého týmu. Až skončíš, stiskni Zpět do administrace.
Krok 3: Otevři Vzhled
Zpátky na stránce Šablona stiskni vpravo nahoře Vzhled.
Uvidíš: stránku s nadpisem Vzhled — na jedné straně formulář a vedle něj živý náhled tvého webu (na úzké obrazovce pod ním).
Krok 4: Vyber paletu
V části Paleta vyber jednu z předvoleb šablony.
Uvidíš: vybranou předvolbu zvýrazněnou a náhled webu v jejích barvách. Předvolba nastaví naráz všech pět barev i obě písma.
Krok 5: Změň barvu
V části Barvy napiš kód barvy, třeba
#7dd3fc, do pole Hlavní, Akcent, Zvýraznění, Pozadí nebo Text — nebo stiskni čtvereček vedle něj a barvu vyber.Uvidíš: náhled webu se změní a v části Paleta se zvýrazní Vlastní. U každé barvy je vidět výchozí barva šablony; Obnovit ji vrátí.
Krok 6: Nastav vlastní barvy textu a ploch
V části Text a plochy stiskni Vyber barvu vedle Nadpisy, Popisky, Karty, Čáry, Odkazy a štítky, Tlačítko nebo Text tlačítka a pak napiš kód barvy nebo stiskni čtvereček vedle. Každá začíná na Auto, které se řídí tvými pěti barvami tak, jak to dělá tvoje šablona; Použít Auto ji na něj vrátí.
Uvidíš: náhled webu se změní a pod každou barvou, ve které je text, číslo jako 7,2:1 · dobře čitelné — jak výrazně se odlišuje od pozadí a karet. Pod 4,5:1 (u nadpisů pod 3:1) se ukáže špatně čitelné, zobrazí se barva, kterou místo ní uvidí návštěvníci, a nabídne se Zajistit čitelnost, které tuto barvu vloží do pole.
Krok 7: Vyber písma
V části Typografie otevři Písmo nadpisů nebo Písmo textu a vyber písmo. Každé písmo je ukázané samo sebou a zařazené do skupiny — Heavy display, Condensed, Tech, Clean sans, Serif, Handwritten, Monospace — a najdeš ho i napsáním názvu.
Uvidíš: náhled webu v tomto písmu. Změnou písma se paleta také přepne na Vlastní.
Krok 8: Přidej logo
V části Logo stiskni Vybrat obrázek vedle Textové logo, Čtvercové logo nebo Favicon (když už je nastavené, je tam Nahradit). V okně Vložit obrázek vyber obrázek nebo nějaký nahraj — JPEG, PNG, WebP nebo AVIF, nejvýš 5 MB — a stiskni Vložit. Logo nepotřebuje alternativní text.
- Čtvercové logo se zobrazuje v navigaci webu, nahoře na domovské stránce a na soupisce.
- Textové logo je volitelné: název tvého týmu jako obrázek, libovolného tvaru. Když ho nastavíš, nahradí v navigaci a nahoře na domovské stránce čtvercové logo i název.
- Favicon je malá ikona na kartě prohlížeče.
Tvoje loga se nikdy neořezávají ani nemění. Každý obrázek se zobrazí celý a průhledné pozadí zůstane průhledné. Proto čtvercové logo a favicon musí být čtvercové, alespoň 256 × 256 pixelů — obrázek jiného tvaru se při uložení odmítne se zprávou, která uvede jeho velikost. Logo vybrané před zavedením tohoto pravidla se zobrazuje dál, dokud ho nezměníš.
Uvidíš: název obrázku vedle pole. Předvolba je nikdy nemění.
Krok 9: Nastav možnosti šablony
Níž v části Možnosti Broadcast vyber Hero layout (Image behind the text nebo Image beside the text) a Card edges (Cut corners nebo Square corners). Ostatní šablony tu mají vlastní možnosti: u Neon Grid je Motion buď Full motion, nebo Calm (vše bez pohybu) a Hero glow je Bright (horní část domovské stránky přechází z barvy pozadí do akcentu), nebo Tmavý (do tmavě šedé smíchané z hlavní barvy a akcentu, pro tmavší vzhled); u Crosshair je Hero layout buď Split (text vlevo, obrázek vpravo a přes něj tvůj příští zápas), nebo Full-width image; u Faceoff je Hero alignment buď Centered, nebo Left a Home roster je Scattered (karty hráčů kolem velkého nápisu „Meet the squad“), nebo Grid; u Clutch je Hero layout buď Bento (hero vedle panelu Latest news), nebo Full width a Corners jsou Rounded, nebo Square; u Varsity je Pozadí buď Pinstripe (jemný šikmý proužek za každou stránkou), nebo Bez efektu a Hero size je Full (vysoká fotka s nabídkou přes ni), nebo Banner (nižší); u Redline je Photo tint buď Duotone (fotky zabarvené do hlavní barvy), nebo Natural (jejich vlastní barvy) a Panels jsou Offset (tmavé bloky za fotkami a sekcemi), nebo Flat.
Uvidíš: náhled webu změní rozložení.
Krok 10: Ulož
Stiskni Uložit dole ve formuláři.
Uvidíš: „Vzhled uložen“. Návštěvníci to zatím nevidí — uložené změny zůstávají v konceptu, dokud web nezveřejníš.
Krok 11: Zveřejni web
V nabídce vlevo stiskni Zveřejnit a web zveřejni — viz Zveřejni svůj web.
Uvidíš: před zveřejněním Vzhled v seznamu změn a po něm web v novém vzhledu.
Jak poznáš, že to funguje
- Stránka Šablona označuje tvoji šablonu jako Používá se.
- Po zveřejnění web ukazuje tvoje barvy, písma a logo — celé, nikdy oříznuté.
- U každé barvy, ve které je text, je dobře čitelné, nebo souhlasíš s čitelným odstínem, který místo ní vidí návštěvníci.
Něco nevypadá správně?
Po změně barev vypadá web pořád stejně
Uložením zůstanou barvy v konceptu. V nabídce stiskni Zveřejnit a web zveřejni (krok 11).
Barva hlásí „špatně čitelné“
Text v této barvě se dostatečně neodlišuje od pozadí nebo karet, aby ho přečetl každý — běžný text potřebuje 4,5:1 a nadpisy 3:1. Návštěvníci špatně čitelnou barvu nikdy neuvidí: web místo ní ukáže nejbližší čitelný odstín a formulář ho uvede. Stiskni Zajistit čitelnost a použij tento odstín, nebo vybírej vlastní, dokud se neukáže dobře čitelné. Barva nechaná na Auto se upraví stejně, bez ptaní. Při zveřejnění se také ukáže upozornění, ale zveřejnění nikdy nezablokuje.
Web je všude špatně čitelný v jedné barvě
V části Text a plochy (krok 6) dej každému druhu textu vlastní barvu: třeba červené Nadpisy, světle šedý Text pro odstavce a o něco světlejší barvu Karty, aby panely vystupovaly ze stránky. Pokud chceš obarvit celé části stránky jinak — světlý obchod v tmavém webu, pruh v barvě akcentu — viz Dej částem webu vlastní barvy.
Smaže přepnutí šablony můj obsah?
Ne. Obsah patří tvému webu, ne šabloně: barvy a písma se přenesou tam, kde je nová šablona používá, její vlastní možnosti se vrátí na výchozí a sekce, kterou nedokáže zobrazit, se skryje, nesmaže. Okno, které se otevře před přepnutím, vypíše všechny tři věci a můžeš ho zrušit. Pokud má tvůj web pořád výchozí barvy a písma platformy — paleta ani barvy se nikdy neměnily — použije se místo nich první paleta nové šablony, takže web bude vypadat jako na obrázku šablony; okno to uvádí pod Barvy a písma. Šablon je sedm: Broadcast, vzhled zápasového dne; Neon Grid, černý neonový vzhled s animovanou mřížkou a zářícím přechodem za hero, logem plujícím nad ním, počítadly statistik a stěnou videí; Crosshair, černý technický vzhled s orámovanými panely, štítky v hranatých závorkách, velkým textovým logem v patičce a fotkami v popředí; Faceoff, modročerný a ledově azurový vzhled, kde na každé kartě zápasu stojí tvoje logo proti logu soupeře, s velkým hero a týmem rozmístěným kolem obřího nadpisu; Clutch, světlý vzhled s bílými zaoblenými kartami, širokými nadpisy verzálkami a jednou výraznou barvou, s příštím zápasem v hero a na široké obrazovce i nahoře na každé stránce; Varsity, univerzitní vzhled s tmavomodrými pruhy, jednou zlatou, nejlepšími turnajovými umístěními nad soupiskou a zápasy jako rozpis v tabulce; a Redline, jedna červená na téměř černé, fotky tónované do hlavní barvy (výchozí je červená), hranatá tlačítka a zápasy jako řádky s fotkami a oběma logy přes VS. Nadpisy Clutch jsou v písmu Archivo Expanded, které můžeš vybrat v jakékoli šabloně ve skupině Heavy display. Na počítači nebo tabletu se tlačítko Join our Discord šablony Faceoff nahoře na každé stránce ukáže, jen když přidáš odkaz na Discord v části Sociální sítě (Přidej sociální sítě). Všechny šablony ukazují živý stream stejně: v den streamu odpočet, během vysílání přehrávač Twitche nahoře na domovské stránce a na všech ostatních stránkách lišta Live (Naplánuj stream).
Hlásí „Tento web se od otevření změnil“
Jiný správce uložil dřív a nic z tvých změn se neuložilo. Stiskni Načíst znovu a změnu udělej znovu.
Hlásí „Toto logo je … Nahraj čtvercový obrázek“
Čtvercové logo a favicon musí být čtvercové — stejná šířka a výška — a alespoň 256 × 256 pixelů, protože je nikdy neořezáváme. Zpráva uvádí velikost tvého obrázku. Vytvoř čtvercovou verzi (kolem širokého loga přidej prázdný průhledný prostor), nahraj ji a znovu ulož. Logo, které není čtvercové, patří do pole Textové logo.
Hlásí „U tohoto loga není uložená velikost“
Velikost obrázku neznáme, takže nemůžeme ověřit, že je čtvercový. Nahraj ho znovu, vyber novou kopii a ulož.
Pole a Uložit jsou zašedlé
Předplatné tvého týmu vypršelo, takže stránky webu jsou jen pro čtení, dokud nebude znovu aktivní. Obnov ho — viz Správa fakturace.
Související články
Pořád si nevíš rady? Kontaktuj podporu nebo napiš na support@spawnfront.com — uveď stránku, na které jsi, a číslo kroku.