Vælg en skabelon og dens udseende
Forhåndsvis skabeloner, og vælg din sides farver, skrifttyper, layout og logo.
For holdejere og administratorer · 11 trin
Det skal du bruge først
- Dit hold har et sideabonnement. I et gratis holds administration står der Få en side i stedet for Skabelon.
- Du er holdets ejer eller administrator.
Trin
Trin 1: Åbn Skabelon
Tryk på Skabelon i menuen til venstre.
Du skulle gerne se: en side med titlen Skabelon og ét kort for hver skabelon. Den, din side bruger, er markeret I brug. Hvis din side ikke har en skabelon endnu, viser hvert kort Vælg i stedet — når du trykker på den, vælger du skabelonen med dens første palet, og Udseende åbner.
Trin 2: Forhåndsvis en skabelon
Tryk på Forhåndsvisning på en skabelons kort.
Du skulle gerne se: din egen side i den skabelon under en bjælke, hvor der står Forhåndsvisning. Kun dit holds administratorer kan åbne den. Tryk på Tilbage til administration, når du er færdig.
Trin 3: Åbn Udseende
Tilbage på siden Skabelon trykker du på Udseende øverst til højre.
Du skulle gerne se: en side med titlen Udseende — formularen i den ene side og en live-visning af din side ved siden af (under den på en smal skærm).
Trin 4: Vælg en palet
Vælg en af skabelonens forudindstillinger under Palet.
Du skulle gerne se: forudindstillingen fremhævet og visningen af din side i dens farver. En forudindstilling sætter de fem farver og begge skrifttyper på én gang.
Trin 5: Skift en farve
Under Farver skriver du en farvekode som
#7dd3fci Primær, Accent, Fremhævning, Baggrund eller Tekst — eller tryk på firkanten ved siden af for at vælge en.Du skulle gerne se: visningen af din side ændre sig og Tilpasset fremhævet under Palet. Hver farve viser skabelonens standard; Nulstil sætter den tilbage.
Trin 6: Giv tekst og flader deres egne farver
Under Tekst og flader trykker du på Vælg en farve ud for Overskrifter, Billedtekster, Kort, Linjer, Links og etiketter, Knap eller Knaptekst. Skriv derefter en farvekode, eller tryk på firkanten ved siden af. Hver af dem starter på Auto, som følger dine fem farver, sådan som din skabelon gør; Brug Auto sætter den tilbage.
Du skulle gerne se: visningen af din side ændre sig og under hver farve, der bruges til tekst, et tal som 7,2:1 · let at læse — hvor tydeligt den skiller sig ud fra din baggrund og dine kort. Under 4,5:1 (3:1 for overskrifter) står der svær at læse, farven, som besøgende ser i stedet, bliver vist, og du får tilbudt Gør den læsbar, som sætter den farve ind i feltet.
Trin 7: Vælg dine skrifttyper
Under Typografi åbner du Skrifttype til overskrifter eller Skrifttype til brødtekst og vælger en skrifttype. Hver skrifttype vises i sig selv og ligger i en gruppe — Heavy display, Condensed, Tech, Clean sans, Serif, Handwritten, Monospace — og du kan skrive et navn for at finde den.
Du skulle gerne se: visningen af din side i den skrifttype. Når du skifter skrifttype, bliver paletten også Tilpasset.
Trin 8: Tilføj dit logo
Under Logo trykker du på Vælg billede ud for Ordmærke, Kvadratisk logo eller Favicon (der står Erstat, når der er valgt et). I boksen Indsæt billede vælger du et billede eller uploader et — JPEG, PNG, WebP eller AVIF, op til 5 MB — og trykker på Indsæt. Et logo behøver ingen alternativ tekst.
- Kvadratisk logo vises i din sides navigation, øverst på forsiden og på din holdliste.
- Ordmærke er valgfrit: dit holds navn som et billede, i en hvilken som helst form. Når du vælger et, erstatter det det kvadratiske logo og navnet i navigationen og øverst på forsiden.
- Favicon er det lille ikon i browserfanen.
Dine logoer bliver aldrig beskåret eller ændret. Hvert billede vises helt, og en gennemsigtig baggrund forbliver gennemsigtig. Derfor skal det kvadratiske logo og faviconet være kvadratiske og mindst 256 × 256 pixels — et billede med en anden form bliver afvist, når du gemmer, med en besked om dets størrelse. Et logo, du valgte før denne regel, bliver ved med at blive vist, indtil du skifter det.
Du skulle gerne se: billedets navn ud for pladsen. En forudindstilling ændrer aldrig disse.
Trin 9: Indstil skabelonens valgmuligheder
Længere nede, under Broadcast options, vælger du Hero layout (Image behind the text eller Image beside the text) og Card edges (Cut corners eller Square corners). Andre skabeloner viser deres egne valgmuligheder her: Neon Grids Motion er Full motion eller Calm (alt står stille), og dens Hero glow er Bright (toppen af din forside toner fra din baggrundsfarve til din accentfarve) eller Mørkt (til en mørkegrå blandet af din hovedfarve og din accentfarve, for et mørkere udtryk); Crosshairs Hero layout er Split (din tekst til venstre, dit billede til højre med din næste kamp ovenpå) eller Full-width image; Faceoffs Hero alignment er Centered eller Left, og dens Home roster er Scattered (dine spilleres kort rundt om et stort "Meet the squad") eller Grid; Clutchs Hero layout er Bento (din hero ved siden af et Latest news-panel) eller Full width, og dens Corners er Rounded eller Square; Varsitys Baggrund er Pinstripe (en svag diagonal stribe bag hver side) eller Enkel, og dens Hero size er Full (et højt foto med menuen ovenpå) eller Banner (et lavere); Redlines Photo tint er Duotone (dine fotos farvet i din hovedfarve) eller Natural (deres egne farver), og dens Panels er Offset (mørke blokke bag dine fotos og sektioner) eller Flat.
Du skulle gerne se: visningen af din side skifte layout.
Trin 10: Gem
Tryk på Gem nederst i formularen.
Du skulle gerne se: "Udseende gemt". Besøgende kan ikke se det endnu — gemte ændringer bliver i din kladde, indtil du udgiver.
Trin 11: Udgiv din side
Tryk på Udgiv i menuen til venstre, og udgiv — se Udgiv din side.
Du skulle gerne se: Udseende på listen over ændringer, før du udgiver, og din side med sit nye udseende bagefter.
Sådan ved du, at det virkede
- Siden Skabelon markerer din skabelon I brug.
- Når du har udgivet, viser din side dine farver, skrifttyper og dit logo — helt, aldrig beskåret.
- Hver farve, der bruges til tekst, siger let at læse, eller du har accepteret den læsbare nuance, som besøgende ser i stedet.
Ser noget forkert ud?
Jeg har ændret mine farver, men min side ser ud som før
Når du gemmer, bliver de i din kladde. Tryk på Udgiv i menuen, og udgiv (trin 11).
Der står "svær at læse" ved en farve
Tekst i den farve skiller sig ikke nok ud fra din baggrund eller dine kort til, at alle kan læse den — normal tekst kræver 4,5:1 og overskrifter 3:1. Dine besøgende ser aldrig den svært læselige farve: din side viser den nærmeste læsbare nuance i stedet, og formularen viser hvilken. Tryk på Gør den læsbar for at bruge den nuance, eller vælg din egen, indtil der står let at læse. En farve, der står på Auto, bliver justeret på samme måde uden at spørge. Udgiv viser også en advarsel, men den forhindrer dig aldrig i at udgive.
Min side er svær at læse, fordi alt har samme farve
Giv hver slags tekst sin egen farve under Tekst og flader (trin 6): for eksempel røde Overskrifter, lysegrå Tekst til afsnit og en lidt lysere farve til Kort, så paneler skiller sig ud fra siden. Hvis du vil farve hele dele af en side anderledes — en lys butik på en mørk side, et bånd i din accentfarve — så se Giv dele af din side deres egne farver.
Sletter et skift af skabelon mit indhold?
Nej. Dit indhold hører til din side, ikke til skabelonen: dine farver og skrifttyper følger med, hvor den nye skabelon bruger dem, dens egne valgmuligheder går tilbage til standard, og en sektion, den ikke kan vise, bliver skjult, ikke slettet. Boksen, der åbner før et skift, viser alle tre ting, og du kan annullere. Hvis din side stadig har platformens standardfarver og -skrifttyper — du har aldrig valgt en palet eller ændret en farve — bruges den nye skabelons første palet i stedet, så din side ligner skabelonens billede; boksen skriver det under Farver og skrifttyper. Der er syv skabeloner: Broadcast, et kampdagsudtryk; Neon Grid, et sort neonudtryk med et animeret gitter og en glødende gradient bag heroen, dit logo svævende over den, tællere og en videovæg; Crosshair, et sort, teknisk udtryk med indrammede paneler, etiketter i klammer, et stort ordmærke i bunden og fotos i centrum; Faceoff, et blåsort og iscyan udtryk, hvor dit logo står over for din modstanders på hvert kampkort, med en stor hero og dit hold spredt rundt om en kæmpe overskrift; Clutch, et lyst udtryk med hvide afrundede kort, brede overskrifter med versaler og én klar farve, din næste kamp i heroen og, på en bred skærm, øverst på hver side; Varsity, et campusudtryk med marineblå bånd, én guldfarve, dine bedste turneringsplaceringer over din holdliste og dine kampe som en kampplan i tabelform; og Redline, én rød på næsten sort med dine fotos tonet i din hovedfarve (rød som standard), firkantede knapper og dine kampe som fotorækker med begge logoer på hver side af et VS. Clutchs overskrifter er i Archivo Expanded, som du kan vælge i alle skabeloner under Heavy display. På en computer eller tablet vises Faceoffs Join our Discord-knap øverst på hver side kun, når du har tilføjet dit Discord-link under Sociale medier (Tilføj dine sociale medier). Alle skabeloner viser din livestream på samme måde: en nedtælling på dagen, Twitchs afspiller øverst på din forside, mens du er live, og en Live-bjælke på alle andre sider (Planlæg en stream).
Der står "Siden er ændret, siden du åbnede den"
En anden administrator gemte først, og intet af dit blev gemt. Tryk på Genindlæs, og lav din ændring igen.
Der står "Dette logo er … Upload et kvadratisk billede"
Det kvadratiske logo og faviconet skal være kvadratiske — samme bredde og højde — og mindst 256 × 256 pixels, fordi vi aldrig beskærer dem. Beskeden viser dit billedes størrelse. Lav en kvadratisk version (tilføj tom, gennemsigtig plads rundt om et bredt logo), upload den, og gem igen. Et logo, der ikke er kvadratisk, hører til i Ordmærke.
Der står "Dette logo har ingen registreret størrelse"
Vi kender ikke billedets størrelse, så vi kan ikke tjekke, at det er kvadratisk. Upload det igen, vælg den nye kopi, og gem.
Felterne og Gem er grå
Dit holds abonnement er udløbet, så sidens undersider er skrivebeskyttede, indtil det er aktivt igen. Forny det — se Administrer betaling.
Relaterede artikler
Sidder du stadig fast? Kontakt support eller skriv til support@spawnfront.com – fortæl os, hvilken side du er på, og trinnummeret.