Välj en mall och dess utseende
Förhandsvisa mallar och välj sedan sajtens färger, typsnitt, layout och logga.
För lagägare och admins · 11 steg
Det här behöver du först
- Ditt lag har en sajtprenumeration. I ett gratislags admin står det Skaffa en sajt i stället för Mall.
- Du är lagets ägare eller en admin.
Steg
Steg 1: Öppna Mall
Tryck på Mall i menyn till vänster.
Det här ska du se: en sida med rubriken Mall, med ett kort per mall. Mallen som din sajt använder är märkt Används. Om din sajt inte har någon mall än visar varje kort Välj i stället – trycker du på den väljs mallen, med sin första palett, och Utseende öppnas.
Steg 2: Förhandsvisa en mall
Tryck på Förhandsvisa på en malls kort.
Det här ska du se: din egen sajt i den mallen, under ett fält där det står Förhandsvisning. Bara lagets admins kan öppna den. Tryck på Tillbaka till admin när du är klar.
Steg 3: Öppna Utseende
Tillbaka på sidan Mall trycker du på Utseende uppe till höger.
Det här ska du se: en sida med rubriken Utseende – formuläret på ena sidan och en livebild av din sajt bredvid (under formuläret på en smal skärm).
Steg 4: Välj en palett
Välj en av mallens förinställningar under Palett.
Det här ska du se: förinställningen markerad, och bilden av din sajt i dess färger. En förinställning ställer in de fem färgerna och båda typsnitten på en gång.
Steg 5: Ändra en färg
Under Färger skriver du en färgkod, till exempel
#7dd3fc, i Primär, Accent, Framhävning, Bakgrund eller Text – eller trycker på rutan bredvid för att välja en.Det här ska du se: bilden av din sajt ändras, och Anpassad markeras under Palett. Varje färg visar mallens standardfärg; Återställ tar tillbaka just den.
Steg 6: Ge text och ytor egna färger
Under Text och ytor trycker du på Välj en färg bredvid Rubriker, Bildtexter, Kort, Linjer, Länkar och etiketter, Knapp eller Knapptext. Skriv sedan en färgkod eller tryck på rutan bredvid. Varje färg börjar på Auto, som följer dina fem färger på samma sätt som din mall gör; Använd Auto sätter tillbaka den.
Det här ska du se: bilden av din sajt ändras, och under varje färg som bär text står ett tal som 7,2:1 · lätt att läsa – hur tydligt den syns mot din bakgrund och dina kort. Under 4,5:1 (3:1 för rubriker) står det svår att läsa, färgen som besökarna ser i stället visas, och du får välja Gör läsbar, som lägger in den färgen i fältet.
Steg 7: Välj typsnitt
Under Typografi öppnar du Rubriktypsnitt eller Brödtextens typsnitt och väljer ett typsnitt. Varje typsnitt visas i sig självt och ligger i en grupp – Heavy display, Condensed, Tech, Clean sans, Serif, Handwritten, Monospace – och du kan skriva ett namn för att hitta det.
Det här ska du se: bilden av din sajt i det typsnittet. När du byter typsnitt blir paletten också Anpassad.
Steg 8: Lägg till din logga
Under Logga trycker du på Välj bild bredvid Ordmärke, Kvadratisk logga eller Favicon (där står det Ersätt när en bild är vald). I rutan Infoga bild väljer du en bild eller laddar upp en – JPEG, PNG, WebP eller AVIF, upp till 5 MB – och trycker på Infoga. En logga behöver ingen alt-text.
- Kvadratisk logga visas i sajtens navigering, högst upp på Hem och i din laguppställning.
- Ordmärke är valfritt: lagets namn som bild, i vilken form som helst. När du lägger in ett ersätter det den kvadratiska loggan och namnet i navigeringen och högst upp på Hem.
- Favicon är den lilla ikonen i webbläsarfliken.
Dina loggor beskärs eller ändras aldrig. Varje bild visas hel, och en genomskinlig bakgrund förblir genomskinlig. Därför måste den kvadratiska loggan och faviconen vara kvadratiska, minst 256 × 256 pixlar – en bild med en annan form nekas när du sparar, med ett meddelande som anger dess storlek. En logga som du valde före den här regeln fortsätter att visas tills du byter den.
Det här ska du se: bildens namn bredvid platsen. En förinställning ändrar aldrig loggorna.
Steg 9: Ställ in mallens alternativ
Längre ned, under Broadcast-alternativ, väljer du Hero layout (Image behind the text eller Image beside the text) och Card edges (Cut corners eller Square corners). Andra mallar listar sina egna alternativ här: Neon Grids Motion är Full motion eller Calm (allt stilla), och dess Hero glow är Bright (toppen av din startsida tonar från din bakgrundsfärg till din accentfärg) eller Mörkt (till en mörkgrå ton blandad av din huvudfärg och din accentfärg, för ett mörkare utseende); Crosshairs Hero layout är Split (din text till vänster, din bild till höger med din nästa match ovanpå) eller Full-width image; Faceoffs Hero alignment är Centered eller Left, och dess Home roster är Scattered (spelarnas kort runt ett stort ”Meet the squad”) eller Grid; Clutchs Hero layout är Bento (din hero bredvid en panel med de senaste nyheterna) eller Full width, och dess Corners är Rounded eller Square; Varsitys Bakgrund är Pinstripe (en svag diagonal rand bakom varje sida) eller Enkel, och dess Hero size är Full (ett högt foto med menyn ovanpå) eller Banner (ett lägre); Redlines Photo tint är Duotone (dina foton tonade i din huvudfärg) eller Natural (deras egna färger), och dess Panels är Offset (mörka block bakom dina foton och sektioner) eller Flat.
Det här ska du se: bilden av din sajt byter layout.
Steg 10: Spara
Tryck på Spara längst ned i formuläret.
Det här ska du se: ”Utseendet har sparats”. Besökarna ser det inte än – sparade ändringar ligger kvar i ditt utkast tills du publicerar.
Steg 11: Publicera din sajt
Tryck på Publicera i menyn till vänster och publicera – se Publicera din sajt.
Det här ska du se: Utseende i listan över ändringar innan du publicerar, och din sajt med sitt nya utseende efteråt.
Så vet du att det fungerade
- Sidan Mall märker din mall med Används.
- Efter publiceringen visar din sajt dina färger, typsnitt och loggor – hela, aldrig beskurna.
- Varje färg som bär text säger lätt att läsa, eller så har du godkänt den läsbara nyansen som besökarna ser i stället.
Ser något fel ut?
Jag ändrade mina färger men sajten ser likadan ut
När du sparar ligger de kvar i ditt utkast. Tryck på Publicera i menyn och publicera (steg 11).
En färg säger ”svår att läsa”
Text i den färgen syns inte tillräckligt tydligt mot din bakgrund eller dina kort för att alla ska kunna läsa den – vanlig text behöver 4,5:1 och rubriker 3:1. Dina besökare ser aldrig den svårlästa färgen: sajten visar den närmaste läsbara nyansen i stället, och formuläret anger vilken. Tryck på Gör läsbar för att använda den nyansen, eller välj en egen tills det står lätt att läsa. En färg som står på Auto justeras på samma sätt utan att du tillfrågas. Publiceringen visar också en varning, men den hindrar dig aldrig från att publicera.
Hela min sajt är svårläst i en och samma färg
Ge varje sorts text en egen färg under Text och ytor (steg 6): till exempel röda Rubriker, ljusgrå Text för stycken och en lite ljusare färg för Kort så att paneler syns mot sidan. Om du vill färga hela delar av en sida på olika sätt – en ljus butik under en mörk sajt, ett band i din accentfärg – se Ge delar av din sajt egna färger.
Raderas mitt innehåll om jag byter mall?
Nej. Ditt innehåll hör till din sajt, inte till mallen: dina färger och typsnitt följer med där den nya mallen använder dem, mallens egna alternativ går tillbaka till standard, och en sektion som mallen inte kan visa döljs men raderas inte. Rutan som öppnas innan du byter listar alla tre, och du kan avbryta. Om din sajt fortfarande har plattformens standardfärger och standardtypsnitt – du har aldrig valt en palett eller ändrat en färg – används den nya mallens första palett i stället, så att din sajt ser ut som mallens bild; rutan säger det under Färger och typsnitt. Det finns sju mallar: Broadcast, en matchdagsstil; Neon Grid, en svart neonstil med ett animerat rutnät och en glödande gradient bakom heron, din logga svävande ovanpå, statistikräknare och en videovägg; Crosshair, en svart, teknisk stil med inramade paneler, etiketter inom hakparenteser, ett stort ordmärke i sidfoten och foton i fokus; Faceoff, en blåsvart och iscyan stil där din logga möter motståndarens på varje matchkort, med en stor hero och din trupp utspridd runt en jättelik rubrik; Clutch, en ljus stil med vita rundade kort, breda rubriker i versaler och en klar färg, din nästa match i heron och, på en bred skärm, högst upp på varje sida; Varsity, en campusstil med marinblå band, en guldfärg, dina bästa turneringsplaceringar ovanför laguppställningen och dina matcher som en schematabell; och Redline, en röd färg på nästan svart med dina foton tonade i din huvudfärg (röd som standard), fyrkantiga knappar och dina matcher som fotorader med båda loggorna kring ett VS. Clutchs rubriker är i Archivo Expanded, som du kan välja i vilken mall som helst under Heavy display. På dator eller surfplatta visas Faceoffs knapp Join our Discord högst upp på varje sida bara när du har lagt till din Discord-länk under Sociala medier (Lägg till dina sociala medier). Alla mallar visar din livestream på samma sätt: en nedräkning samma dag, Twitchs spelare högst upp på startsidan medan du sänder live och ett Live-fält på alla andra sidor (Schemalägg en stream).
Det står ”Sajten har ändrats sedan du öppnade den”
En annan admin sparade först, och inget av det du gjorde sparades. Tryck på Ladda om och gör sedan ändringen igen.
Det står ”Den här loggan är … Ladda upp en kvadratisk bild”
Den kvadratiska loggan och faviconen måste vara kvadratiska – lika breda som höga – och minst 256 × 256 pixlar, eftersom vi aldrig beskär dem. Meddelandet anger din bilds storlek. Gör en kvadratisk version (lägg till tom, genomskinlig yta runt en bred logga), ladda upp den och spara igen. En logga som inte är kvadratisk hör hemma i Ordmärke.
Det står ”Den här loggan har ingen registrerad storlek”
Vi vet inte bildens storlek, så vi kan inte kontrollera att den är kvadratisk. Ladda upp den igen, välj den nya kopian och spara.
Fälten och Spara är gråade
Ditt lags prenumeration har gått ut, så sajtens sidor är skrivskyddade tills den är aktiv igen. Förnya den – se Hantera betalning.
Relaterade artiklar
Fortfarande fast? Kontakta support eller mejla support@spawnfront.com – berätta vilken sida du är på och vilket steg det gäller.