Alege un șablon și aspectul lui
Previzualizează șabloanele, apoi setează culorile, fonturile, opțiunile și logo-ul site-ului.
Pentru proprietarii și administratorii echipelor · 11 pași
De ce ai nevoie mai întâi
- Echipa ta are un abonament pentru site. Secțiunea Admin a unei echipe gratuite arată Obține un site în loc de Șablon.
- Ești proprietarul echipei sau un administrator.
Pași
Pasul 1: Deschide Șablon
În meniul din stânga, apasă Șablon.
Ar trebui să vezi: o pagină intitulată Șablon, cu câte un card pentru fiecare șablon. Cel folosit de site-ul tău e marcat În uz. Dacă site-ul tău nu are încă un șablon, fiecare card arată în schimb Alege — dacă apeși, alegi acel șablon, cu prima lui paletă, și se deschide Aspect.
Pasul 2: Previzualizează un șablon
Pe cardul unui șablon, apasă Previzualizare.
Ar trebui să vezi: propriul tău site, în acel șablon, sub o bară pe care scrie Previzualizare. Doar administratorii echipei tale îl pot deschide. Apasă Înapoi la Admin când termini.
Pasul 3: Deschide Aspect
Înapoi pe pagina Șablon, apasă Aspect în dreapta sus.
Ar trebui să vezi: o pagină intitulată Aspect — formularul într-o parte și o imagine live a site-ului tău lângă el (sub el, pe un ecran îngust).
Pasul 4: Alege o paletă
La Paletă, alege una dintre presetările șablonului.
Ar trebui să vezi: presetarea evidențiată și imaginea site-ului tău în culorile ei. O presetare setează dintr-odată cele cinci culori și ambele fonturi.
Pasul 5: Schimbă o culoare
La Culori, scrie un cod de culoare, de exemplu
#7dd3fc, în Principal, Accent, Evidențiere, Fundal sau Text — sau apasă pătratul de lângă câmp ca să alegi una.Ar trebui să vezi: imaginea site-ului tău schimbându-se și Personalizat evidențiat la Paletă. Fiecare culoare arată valoarea implicită a șablonului; Resetează o readuce pe aceea.
Pasul 6: Dă textului și suprafețelor culori proprii
La Text și suprafețe, apasă Alege o culoare lângă Titluri, Legende, Carduri, Linii, Linkuri și etichete, Buton sau Text buton, apoi scrie un cod de culoare sau apasă pătratul de lângă el. Fiecare pornește pe Auto, care urmează cele cinci culori ale tale așa cum o face șablonul; Folosește Auto o readuce acolo.
Ar trebui să vezi: imaginea site-ului tău schimbându-se, iar sub fiecare culoare folosită pentru text, un număr ca 7,2:1 · ușor de citit — cât de clar iese în evidență față de fundal și de carduri. Sub 4,5:1 (3:1 pentru titluri) scrie greu de citit, arată culoarea pe care o vor vedea vizitatorii în schimb și îți oferă Fă-l lizibil, care pune acea culoare în câmp.
Pasul 7: Alege fonturile
La Tipografie, deschide Font pentru titluri sau Font pentru text și alege un font. Fiecare font e afișat chiar în fontul respectiv și e încadrat într-un grup — Heavy display, Condensed, Tech, Clean sans, Serif, Handwritten, Monospace — și poți scrie un nume ca să-l găsești.
Ar trebui să vezi: imaginea site-ului tău în acel font. Dacă schimbi un font, și paleta devine Personalizat.
Pasul 8: Adaugă logo-ul
La Logo, apasă Alege imaginea lângă Logotip text, Logo pătrat sau Favicon (după ce setezi unul, butonul devine Înlocuiește). În caseta Inserează imagine, alege o imagine sau încarcă una — JPEG, PNG, WebP sau AVIF, de cel mult 5 MB — și apasă Inserează. Un logo nu are nevoie de text alternativ.
- Logo pătrat apare în navigarea site-ului, în partea de sus a paginii Acasă și în lot.
- Logotip text e opțional: numele echipei tale ca imagine, de orice formă. Când setezi unul, înlocuiește logo-ul pătrat și numele în navigare și în partea de sus a paginii Acasă.
- Favicon e iconița mică din fila browserului.
Logo-urile tale nu sunt niciodată decupate sau modificate. Fiecare imagine e afișată întreagă, iar un fundal transparent rămâne transparent. De aceea logo-ul pătrat și faviconul trebuie să fie pătrate, de cel puțin 256 × 256 pixeli — o imagine de altă formă e refuzată când salvezi, cu un mesaj care îi arată dimensiunea. Un logo ales înainte de această regulă rămâne afișat până îl schimbi.
Ar trebui să vezi: numele imaginii lângă slot. O presetare nu le schimbă niciodată.
Pasul 9: Setează opțiunile șablonului
Mai jos, la Opțiuni Broadcast, alege Hero layout (Image behind the text sau Image beside the text) și Card edges (Cut corners sau Square corners). Alte șabloane își afișează aici propriile opțiuni: la Neon Grid, Motion e Full motion sau Calm (totul static), iar Hero glow e Bright (partea de sus a paginii principale trece de la culoarea fundalului la accent) sau Întunecată (spre un gri închis amestecat din culoarea principală și accent, pentru un aspect mai întunecat); la Crosshair, Hero layout e Split (textul tău în stânga, imaginea în dreapta, cu următorul meci peste ea) sau Full-width image; la Faceoff, Hero alignment e Centered sau Left, iar Home roster e Scattered (cardurile jucătorilor în jurul unui „Meet the squad” mare) sau Grid; la Clutch, Hero layout e Bento (hero-ul lângă un panou Latest news) sau Full width, iar Corners e Rounded sau Square; la Varsity, Fundal e Pinstripe (o dungă diagonală fină în spatele fiecărei pagini) sau Simplu, iar Hero size e Full (o fotografie înaltă cu meniul peste ea) sau Banner (una mai scundă); la Redline, Photo tint e Duotone (fotografiile tale colorate în culoarea principală) sau Natural (culorile lor proprii), iar Panels e Offset (blocuri închise așezate în spatele fotografiilor și secțiunilor) sau Flat.
Ar trebui să vezi: imaginea site-ului tău schimbându-și aspectul.
Pasul 10: Salvează
Apasă Salvează în partea de jos a formularului.
Ar trebui să vezi: „Aspect salvat”. Vizitatorii nu văd încă modificările — ce salvezi rămâne în ciorna ta până publici.
Pasul 11: Publică site-ul
Apasă Publică în meniul din stânga și publică — vezi Publică site-ul.
Ar trebui să vezi: Aspect în lista de modificări înainte să publici, iar după, site-ul tău cu noul aspect.
Cum știi că a funcționat
- Pagina Șablon îți marchează șablonul cu În uz.
- După publicare, site-ul tău arată culorile, fonturile și logo-ul tău — întreg, niciodată decupat.
- Fiecare culoare folosită pentru text arată ușor de citit, sau ai acceptat nuanța lizibilă pe care o văd vizitatorii în schimb.
Ceva nu arată cum trebuie?
Mi-am schimbat culorile, dar site-ul arată la fel
Salvarea le păstrează în ciornă. Apasă Publică în meniu și publică (pasul 11).
O culoare arată „greu de citit”
Textul în acea culoare nu iese suficient în evidență față de fundal sau de carduri ca să-l poată citi toată lumea — textul normal are nevoie de 4,5:1, iar titlurile de 3:1. Vizitatorii tăi nu văd niciodată culoarea greu de citit: site-ul arată în schimb cea mai apropiată nuanță lizibilă, iar formularul o numește. Apasă Fă-l lizibil ca să folosești acea nuanță sau alege una proprie până scrie ușor de citit. O culoare lăsată pe Auto e ajustată la fel, fără să te întrebe. La publicare apare și un avertisment, dar nu te oprește niciodată să publici.
Site-ul meu e greu de citit, cu o singură culoare peste tot
Dă fiecărui tip de text culoarea lui la Text și suprafețe (pasul 6): de exemplu Titluri roșii, Text gri deschis pentru paragrafe și o culoare Carduri puțin mai deschisă, ca panourile să iasă în evidență pe pagină. Ca să colorezi diferit părți întregi ale unei pagini — un magazin deschis la culoare pe un site închis, o bandă în culoarea de accent — vezi Dă părților site-ului culori proprii.
Dacă schimb șablonul, mi se șterge conținutul?
Nu. Conținutul aparține site-ului, nu șablonului: culorile și fonturile se păstrează acolo unde noul șablon le folosește, opțiunile lui revin la valorile implicite, iar o secțiune pe care nu o poate afișa e ascunsă, nu ștearsă. Caseta care se deschide înainte de schimbare le enumeră pe toate trei și o poți anula. Dacă site-ul tău are încă culorile și fonturile implicite ale platformei — n-ai ales niciodată o paletă și n-ai schimbat nicio culoare — se folosește în schimb prima paletă a noului șablon, ca site-ul să arate ca în imaginea șablonului; caseta scrie asta la Culori și fonturi. Există șapte șabloane: Broadcast, un aspect de zi de meci; Neon Grid, un aspect negru, neon, cu o grilă animată și un gradient strălucitor în spatele hero-ului, logo-ul tău plutind deasupra, contoare de statistici și un perete de videoclipuri; Crosshair, un aspect negru, tehnic, cu panouri încadrate, etichete între paranteze drepte, un logotip text mare în subsol și fotografii în prim-plan; Faceoff, un aspect albastru-negru și cyan gheață, în care logo-ul tău stă față în față cu al adversarului pe fiecare card de meci, cu un hero mare și echipa ta împrăștiată în jurul unui titlu uriaș; Clutch, un aspect deschis, cu carduri albe rotunjite, titluri late cu majuscule și o singură culoare vie, cu următorul meci în hero și, pe ecran lat, în partea de sus a fiecărei pagini; Varsity, un aspect de campus, cu benzi bleumarin, un auriu, cele mai bune clasări la turnee deasupra lotului și meciurile într-un tabel de program; și Redline, un roșu pe aproape negru, cu fotografiile tale nuanțate în culoarea principală (roșu implicit), butoane pătrate și meciurile ca rânduri cu fotografii, cu ambele logo-uri de o parte și de alta a unui VS. Titlurile Clutch folosesc Archivo Expanded, pe care îl poți alege în orice șablon la Heavy display. Pe calculator sau tabletă, butonul Join our Discord al Faceoff din partea de sus a fiecărei pagini apare doar după ce ți-ai adăugat linkul de Discord la Rețele sociale (Adaugă rețelele sociale). Fiecare șablon îți arată stream-ul live la fel: o numărătoare inversă în ziua respectivă, playerul Twitch în partea de sus a paginii principale cât timp ești live și o bară Live pe fiecare altă pagină (Programează un stream).
Scrie „Acest site s-a schimbat de când l-ai deschis”
Alt administrator a salvat primul și nimic din ce ai făcut tu n-a fost salvat. Apasă Reîncarcă, apoi fă din nou modificarea.
Scrie „Acest logo are … Încarcă o imagine pătrată”
Logo-ul pătrat și faviconul trebuie să fie pătrate — aceeași lățime și înălțime — și de cel puțin 256 × 256 pixeli, pentru că nu le decupăm niciodată. Mesajul îți arată dimensiunea imaginii. Fă o versiune pătrată (adaugă spațiu gol, transparent, în jurul unui logo lat), încarc-o și salvează din nou. Un logo care nu e pătrat se pune la Logotip text.
Scrie „Pentru acest logo nu avem dimensiunea înregistrată”
Nu știm dimensiunea acelei imagini, așa că nu putem verifica dacă e pătrată. Încarc-o din nou, alege noua copie și salvează.
Câmpurile și Salvează sunt gri
Abonamentul echipei tale a expirat, așa că paginile site-ului pot fi doar citite până devine din nou activ. Reînnoiește-l — vezi Gestionează facturarea.
Articole similare
Tot nu merge? Contactează asistența sau scrie la support@spawnfront.com — spune-ne pe ce pagină ești și numărul pasului.