Velg en mal og et utseende
Forhåndsvis maler, og velg farger, skrifter, oppsett og logo for nettstedet ditt.
For lageiere og administratorer · 11 steg
Dette trenger du først
- Laget ditt har et nettstedsabonnement. Adminområdet til et gratislag viser Få et nettsted i stedet for Mal.
- Du er lagets eier eller en admin.
Steg
Steg 1: Åpne Mal
I menyen til venstre trykker du på Mal.
Du skal se: en side med tittelen Mal, med ett kort per mal. Malen nettstedet ditt bruker, er merket I bruk. Hvis nettstedet ditt ikke har en mal ennå, viser hvert kort Velg i stedet – trykker du på den, velges den malen med den første paletten, og Utseende åpnes.
Steg 2: Forhåndsvis en mal
Trykk på Forhåndsvis på kortet til en mal.
Du skal se: ditt eget nettsted i den malen, under en linje der det står Forhåndsvisning. Bare lagets administratorer kan åpne den. Trykk på Tilbake til admin når du er ferdig.
Steg 3: Åpne Utseende
Tilbake på Mal-siden trykker du på Utseende øverst til høyre.
Du skal se: en side med tittelen Utseende – skjemaet på den ene siden og et levende bilde av nettstedet ditt ved siden av (under på en smal skjerm).
Steg 4: Velg en palett
Under Palett velger du en av malens forhåndsinnstillinger.
Du skal se: forhåndsinnstillingen markert, og bildet av nettstedet ditt i fargene dens. En forhåndsinnstilling setter de fem fargene og begge skriftene på én gang.
Steg 5: Endre en farge
Under Farger skriver du en fargekode som
#7dd3fci Primær, Aksent, Fremheving, Bakgrunn eller Tekst – eller trykker på ruten ved siden av for å velge en.Du skal se: bildet av nettstedet ditt endre seg, og Egendefinert markert under Palett. Hver farge viser malens standardfarge; Tilbakestill setter den tilbake.
Steg 6: Gi tekst og flater egne farger
Under Tekst og flater trykker du på Velg en farge ved siden av Overskrifter, Bildetekster, Kort, Linjer, Lenker og etiketter, Knapp eller Knappetekst, og skriver så en fargekode eller trykker på ruten ved siden av. Hver av dem starter på Auto, som følger de fem fargene dine slik malen gjør; Bruk Auto setter den tilbake.
Du skal se: bildet av nettstedet ditt endre seg, og under hver farge som brukes på tekst, et tall som 7,2:1 · lett å lese – hvor tydelig den skiller seg fra bakgrunnen og kortene dine. Under 4,5:1 (3:1 for overskrifter) står det vanskelig å lese, fargen besøkende ser i stedet vises, og du får tilbudet Gjør den lesbar, som setter den fargen inn i feltet.
Steg 7: Velg skrifter
Under Typografi åpner du Overskriftsskrift eller Brødtekstskrift og velger en skrift. Hver skrift vises i seg selv og er sortert i en gruppe – Heavy display, Condensed, Tech, Clean sans, Serif, Handwritten, Monospace – og du kan skrive et navn for å finne den.
Du skal se: bildet av nettstedet ditt i den skriften. Når du endrer en skrift, blir paletten også Egendefinert.
Steg 8: Legg til logoen din
Under Logo trykker du på Velg bilde ved siden av Ordmerke, Kvadratisk logo eller Favicon (det står Erstatt når et bilde er valgt). I boksen Sett inn bilde velger du et bilde eller laster opp et – JPEG, PNG, WebP eller AVIF, opptil 5 MB – og trykker på Sett inn. En logo trenger ingen alt-tekst.
- Kvadratisk logo vises i navigasjonen på nettstedet ditt, øverst på Hjem og i spillerstallen.
- Ordmerke er valgfritt: lagets navn som et bilde, i hvilken som helst form. Når du legger inn et, erstatter det den kvadratiske logoen og navnet i navigasjonen og øverst på Hjem.
- Favicon er det lille ikonet i nettleserfanen.
Logoene dine blir aldri beskåret eller endret. Hvert bilde vises helt, og en gjennomsiktig bakgrunn forblir gjennomsiktig. Derfor må den kvadratiske logoen og faviconet være kvadratiske, minst 256 × 256 piksler – et bilde med en annen form blir avvist når du lagrer, med en melding som oppgir størrelsen. En logo du valgte før denne regelen kom, vises fortsatt til du endrer den.
Du skal se: navnet på bildet ved siden av feltet. En forhåndsinnstilling endrer aldri disse.
Steg 9: Angi malens alternativer
Lenger ned, under Broadcast-alternativer, velger du Hero layout (Image behind the text eller Image beside the text) og Card edges (Cut corners eller Square corners). Andre maler har sine egne alternativer her: i Neon Grid er Motion enten Full motion eller Calm (alt står stille), og Hero glow er Bright (toppen av hjemmesiden glir fra bakgrunnsfargen over i aksentfargen) eller Mørkt (over i en mørk grå blandet av hovedfargen og aksentfargen, for et mørkere uttrykk); i Crosshair er Hero layout enten Split (teksten din til venstre, bildet til høyre med neste kamp over) eller Full-width image; i Faceoff er Hero alignment enten Centered eller Left, og Home roster er Scattered (spillerkortene rundt en stor «Meet the squad») eller Grid; i Clutch er Hero layout enten Bento (heroen ved siden av et Latest news-panel) eller Full width, og Corners er Rounded eller Square; i Varsity er Bakgrunn enten Pinstripe (en svak diagonal stripe bak hver side) eller Enkel, og Hero size er Full (et høyt bilde med menyen over) eller Banner (et lavere); i Redline er Photo tint enten Duotone (bildene tonet i hovedfargen) eller Natural (bildenes egne farger), og Panels er Offset (mørke blokker bak bildene og seksjonene) eller Flat.
Du skal se: bildet av nettstedet ditt endre oppsett.
Steg 10: Lagre
Trykk på Lagre nederst i skjemaet.
Du skal se: «Utseende lagret». Besøkende ser det ikke ennå – lagrede endringer blir liggende i utkastet ditt til du publiserer.
Steg 11: Publiser nettstedet ditt
Trykk på Publiser i menyen til venstre og publiser – se Publiser nettstedet ditt.
Du skal se: Utseende i listen over endringer før du publiserer, og nettstedet ditt med nytt utseende etterpå.
Slik vet du at det fungerte
- Mal-siden merker malen din I bruk.
- Etter publisering viser nettstedet ditt fargene, skriftene og logoen din – hele, aldri beskåret.
- Hver farge som brukes på tekst, sier lett å lese, eller du har godtatt den lesbare nyansen besøkende ser i stedet.
Ser noe feil ut?
Jeg endret fargene, men nettstedet ser likt ut
Når du lagrer, blir de liggende i utkastet ditt. Trykk på Publiser i menyen og publiser (steg 11).
En farge sier «vanskelig å lese»
Tekst i den fargen skiller seg ikke nok fra bakgrunnen eller kortene dine til at alle kan lese den – vanlig tekst trenger 4,5:1 og overskrifter 3:1. Besøkende ser aldri den vanskelig lesbare fargen: nettstedet viser den nærmeste lesbare nyansen i stedet, og skjemaet viser hvilken. Trykk på Gjør den lesbar for å bruke den nyansen, eller velg din egen til det står lett å lese. En farge som står på Auto, justeres på samme måte uten å spørre. Publiser viser også en advarsel, men den hindrer deg aldri i å publisere.
Nettstedet er vanskelig å lese i én farge overalt
Gi hver type tekst sin egen farge under Tekst og flater (steg 6): for eksempel røde Overskrifter, lys grå Tekst for avsnitt, og en litt lysere Kort-farge så panelene skiller seg fra siden. For å gi hele deler av en side andre farger – en lys butikk på et mørkt nettsted, et bånd i aksentfargen – se Gi deler av nettstedet egne farger.
Blir innholdet mitt slettet hvis jeg bytter mal?
Nei. Innholdet ditt hører til nettstedet, ikke malen: fargene og skriftene følger med der den nye malen bruker dem, malens egne alternativer går tilbake til standard, og en seksjon den ikke kan vise, blir skjult, ikke slettet. Boksen som åpnes før et bytte, viser alle tre, og du kan avbryte. Hvis nettstedet fortsatt har plattformens standardfarger og -skrifter – du har aldri valgt en palett eller endret en farge – brukes den nye malens første palett i stedet, så nettstedet ser ut som bildet av malen; boksen sier det under Farger og skrifter. Det finnes sju maler: Broadcast, et kampdag-uttrykk; Neon Grid, et svart neonuttrykk med et animert rutenett og en glødende gradient bak heroen, logoen din svevende over, statistikktellere og en videovegg; Crosshair, et svart, teknisk uttrykk med innrammede paneler, klammeetiketter, et stort ordmerke i bunnen og bildene i sentrum; Faceoff, et blåsvart og iscyan uttrykk der logoen din står mot motstanderens på hvert kampkort, med en stor hero og laget ditt spredt rundt en enorm overskrift; Clutch, et lyst uttrykk med hvite avrundede kort, brede overskrifter i store bokstaver og én sterk farge, med neste kamp i heroen og, på en bred skjerm, øverst på hver side; Varsity, et campusuttrykk med marineblå bånd, én gullfarge, de beste turneringsplasseringene dine over spillerstallen og kampene dine som en terminliste; og Redline, én rødfarge på nesten svart med bildene tonet i hovedfargen (rød som standard), firkantede knapper og kampene som bilderader med begge logoene på hver side av en VS. Overskriftene i Clutch bruker Archivo Expanded, som du kan velge i alle maler under Heavy display. På datamaskin eller nettbrett vises Faceoffs Join our Discord-knapp øverst på hver side bare når du har lagt til Discord-lenken under Sosiale medier (Legg til sosiale medier). Alle maler viser direktesendingen din på samme måte: en nedtelling på dagen, Twitch-spilleren øverst på hjemmesiden mens du er live, og en Live-linje på alle andre sider (Planlegg en stream).
Det står «Dette nettstedet er endret siden du åpnet det»
En annen admin lagret først, og ingenting av ditt ble lagret. Trykk på Last inn på nytt, og gjør endringen din igjen.
Det står «Denne logoen er … Last opp et kvadratisk bilde»
Den kvadratiske logoen og faviconet må være kvadratiske – like brede som høye – og minst 256 × 256 piksler, fordi vi aldri beskjærer dem. Meldingen oppgir størrelsen på bildet ditt. Lag en kvadratisk versjon (legg til tom, gjennomsiktig plass rundt en bred logo), last den opp og lagre igjen. En logo som ikke er kvadratisk, hører hjemme i Ordmerke.
Det står «Denne logoen har ingen registrert størrelse»
Vi vet ikke størrelsen på det bildet, så vi kan ikke sjekke at det er kvadratisk. Last det opp på nytt, velg den nye kopien og lagre.
Feltene og Lagre er grået ut
Lagets abonnement har utløpt, så nettstedssidene er skrivebeskyttet til det er aktivt igjen. Forny det – se Administrer betaling.
Relaterte artikler
Står du fortsatt fast? Kontakt kundestøtte eller send e-post til support@spawnfront.com – fortell oss hvilken side du er på og nummeret på steget.