Een template en de look kiezen
Bekijk templates en stel de kleuren, lettertypen, opties en het logo van je site in.
Voor teameigenaren en -beheerders · 11 stappen
Wat je eerst nodig hebt
- Je team heeft een site-abonnement. In het beheer van een gratis team staat Een site krijgen in plaats van Template.
- Je bent de eigenaar of een beheerder van het team.
Stappen
Stap 1: Template openen
Druk in het menu links op Template.
Je ziet nu: een pagina met de titel Template, met een kaart per template. Bij de template die je site gebruikt, staat In gebruik. Heeft je site nog geen template, dan staat op elke kaart Kiezen. Druk erop om die template te kiezen, met het eerste palet. Daarna opent Weergave.
Stap 2: Een template bekijken
Druk op de kaart van een template op Preview.
Je ziet nu: je eigen site in die template, onder een balk met Preview. Alleen de beheerders van je team kunnen dit openen. Druk op Terug naar beheer als je klaar bent.
Stap 3: Weergave openen
Druk terug op de pagina Template rechtsboven op Weergave.
Je ziet nu: een pagina met de titel Weergave. Het formulier staat aan de ene kant, met een live voorbeeld van je site ernaast (eronder op een smal scherm).
Stap 4: Een palet kiezen
Kies onder Palet een van de presets van de template.
Je ziet nu: de preset omlijnd, en het voorbeeld van je site in die kleuren. Een preset stelt de vijf kleuren en beide lettertypen in één keer in.
Stap 5: Een kleur wijzigen
Typ onder Kleuren een kleurcode zoals
#7dd3fcin Hoofdadres, Accent, Highlight, Achtergrond of Tekst. Of druk op het vierkantje ernaast om een kleur te kiezen.Je ziet nu: het voorbeeld van je site verandert, en onder Palet is Aangepast omlijnd. Bij elke kleur staat de standaardkleur van de template. Met Herstellen zet je die terug.
Stap 6: Tekst en vlakken een eigen kleur geven
Druk onder Tekst en vlakken op Kies een kleur naast Koppen, Bijschriften, Kaarten, Lijnen, Links en labels, Knop of Knoptekst. Typ dan een kleurcode of druk op het vierkantje ernaast. Elke kleur begint op Auto: die volgt je vijf kleuren zoals je template dat doet. Met Auto gebruiken zet je hem terug.
Je ziet nu: het voorbeeld van je site verandert. Onder elke kleur met tekst staat een getal zoals 7,2:1 · goed leesbaar. Dat geeft aan hoe duidelijk de kleur afsteekt tegen je achtergrond en je kaarten. Onder 4,5:1 (3:1 voor koppen) staat er slecht leesbaar. Je ziet dan de kleur die bezoekers in plaats daarvan zien, en de knop Maak het leesbaar, die die kleur in het veld zet.
Stap 7: Je lettertypen kiezen
Open onder Typografie Lettertype koppen of Lettertype tekst en kies een lettertype. Elk lettertype wordt in zichzelf getoond en staat in een groep: Heavy display, Condensed, Tech, Clean sans, Serif, Handwritten, Monospace. Je kunt ook een naam typen om het te vinden.
Je ziet nu: het voorbeeld van je site in dat lettertype. Als je een lettertype wijzigt, wordt het palet ook Aangepast.
Stap 8: Je logo toevoegen
Druk onder Logo op Afbeelding kiezen naast Woordmerk, Vierkant logo of Favicon (er staat Vervangen zodra er een is ingesteld). Kies in het venster Afbeelding invoegen een afbeelding of upload er een (JPEG, PNG, WebP of AVIF, tot 5 MB). Druk dan op Invoegen. Een logo heeft geen alt-tekst nodig.
- Vierkant logo staat in de navigatie van je site, bovenaan Home en bij je selectie.
- Woordmerk is optioneel: de naam van je team als afbeelding, in elke vorm. Stel je er een in, dan vervangt het het vierkante logo en de naam in de navigatie en bovenaan Home.
- Favicon is het kleine icoon in het browsertabblad.
Je logo's worden nooit bijgesneden of aangepast. Elke afbeelding wordt helemaal getoond, en een transparante achtergrond blijft transparant. Daarom moeten het vierkante logo en de favicon vierkant zijn, minstens 256 × 256 pixels. Een afbeelding met een andere vorm wordt bij opslaan geweigerd, met een melding die de afmetingen noemt. Een logo dat je vóór deze regel koos, blijft zichtbaar tot je het wijzigt.
Je ziet nu: de naam van de afbeelding naast het vak. Een preset verandert deze nooit.
Stap 9: De opties van de template instellen
Kies verderop onder Broadcast-opties Hero layout (Image behind the text of Image beside the text) en Card edges (Cut corners of Square corners). Andere templates tonen hier hun eigen opties. Bij Neon Grid is Motion Full motion of Calm (alles stil), en is Hero glow Bright (de bovenkant van je homepage loopt over van je achtergrondkleur naar je accentkleur) of Donker (naar een donkergrijs gemengd uit je hoofdkleur en je accentkleur, voor een donkerdere look). Bij Crosshair is Hero layout Split (je tekst links, je afbeelding rechts met je volgende wedstrijd erover) of Full-width image. Bij Faceoff is Hero alignment Centered of Left, en is Home roster Scattered (de kaarten van je spelers rond een grote "Meet the squad") of Grid. Bij Clutch is Hero layout Bento (je hero naast een paneel Latest news) of Full width, en zijn Corners Rounded of Square. Bij Varsity is Achtergrond Pinstripe (een vage diagonale streep achter elke pagina) of Geen, en is Hero size Full (een hoge foto met het menu erover) of Banner (een lagere). Bij Redline is Photo tint Duotone (je foto's gekleurd in je hoofdkleur) of Natural (hun eigen kleuren), en zijn Panels Offset (donkere blokken achter je foto's en secties) of Flat.
Je ziet nu: het voorbeeld van je site krijgt een andere indeling.
Stap 10: Opslaan
Druk onderaan het formulier op Opslaan.
Je ziet nu: "Weergave opgeslagen". Bezoekers zien het nog niet. Opgeslagen wijzigingen blijven in je concept tot je publiceert.
Stap 11: Je site publiceren
Druk in het menu links op Publiceren en publiceer. Zie Je site publiceren.
Je ziet nu: Weergave in de lijst met wijzigingen voordat je publiceert, en daarna je site in de nieuwe look.
Zo weet je dat het gelukt is
- Op de pagina Template staat bij je template In gebruik.
- Na publiceren toont je site je kleuren, lettertypen en logo: helemaal, nooit bijgesneden.
- Bij elke kleur met tekst staat goed leesbaar, of je hebt de leesbare tint geaccepteerd die bezoekers in plaats daarvan zien.
Klopt er iets niet?
Ik heb mijn kleuren gewijzigd, maar mijn site ziet er hetzelfde uit
Opslaan bewaart ze in je concept. Druk in het menu op Publiceren en publiceer (stap 11).
Er staat "slecht leesbaar" bij een kleur
Tekst in die kleur steekt niet genoeg af tegen je achtergrond of je kaarten om voor iedereen leesbaar te zijn. Gewone tekst heeft 4,5:1 nodig en koppen 3:1. Je bezoekers zien de slecht leesbare kleur nooit: je site toont in plaats daarvan de dichtstbijzijnde leesbare tint, en het formulier noemt die. Druk op Maak het leesbaar om die tint te gebruiken, of kies zelf een kleur tot er goed leesbaar staat. Een kleur op Auto wordt op dezelfde manier aangepast, zonder te vragen. Bij publiceren zie je ook een waarschuwing, maar die houdt je nooit tegen.
Mijn site is overal slecht leesbaar in één kleur
Geef elk soort tekst een eigen kleur onder Tekst en vlakken (stap 6). Bijvoorbeeld rode Koppen, lichtgrijze Tekst voor alinea's en een iets lichtere kleur voor Kaarten, zodat panelen afsteken tegen de pagina. Wil je hele delen van een pagina anders kleuren, zoals een lichte winkel onder een donkere site of een band in je accentkleur? Zie dan Delen van je site een eigen kleur geven.
Wordt mijn content verwijderd als ik van template wissel?
Nee. Je content hoort bij je site, niet bij de template. Je kleuren en lettertypen gaan mee waar de nieuwe template ze gebruikt, de eigen opties van de template gaan terug naar de standaard, en een sectie die de template niet kan tonen, wordt verborgen en niet verwijderd. Het venster dat opent voordat je wisselt, noemt alle drie, en je kunt annuleren. Heeft je site nog de standaardkleuren en -lettertypen van het platform (je hebt nooit een palet gekozen of een kleur gewijzigd)? Dan wordt het eerste palet van de nieuwe template gebruikt, zodat je site eruitziet als de afbeelding van de template. Het venster meldt dat onder Kleuren en lettertypen. Er zijn zeven templates: Broadcast, een wedstrijddaglook; Neon Grid, een zwarte neonlook met een bewegend raster en een gloeiend verloop achter de hero, je logo zwevend erboven, statistiektellers en een videowand; Crosshair, een zwarte, technische look met omlijste panelen, labels tussen haken, een groot woordmerk in de footer en foto's op de voorgrond; Faceoff, een blauwzwarte en ijsblauwe look waarin je logo op elke wedstrijdkaart tegenover dat van je tegenstander staat, met een grote hero en je spelers verspreid rond een enorme kop; Clutch, een lichte look met witte afgeronde kaarten, brede koppen in hoofdletters en één felle kleur, met je volgende wedstrijd in de hero en, op een breed scherm, bovenaan elke pagina; Varsity, een campuslook met marineblauwe banden, één goudkleur, je beste toernooiresultaten boven je selectie en je wedstrijden als schematabel; en Redline, één rood op bijna-zwart met je foto's getint in je hoofdkleur (standaard rood), vierkante knoppen en je wedstrijden als fotorijen met beide logo's rond een VS. De koppen van Clutch staan in Archivo Expanded, dat je in elke template kunt kiezen onder Heavy display. Op een computer of tablet verschijnt de knop Join our Discord van Faceoff bovenaan elke pagina alleen als je je Discord-link hebt toegevoegd onder Socials (Je socials toevoegen). Elke template toont je livestream op dezelfde manier: een aftelklok op de dag zelf, de speler van Twitch bovenaan je homepage zolang je live bent, en een Live-balk op elke andere pagina (Een stream plannen).
Er staat "Deze site is gewijzigd sinds je hem opende"
Een andere beheerder heeft eerder opgeslagen, en niets van jou is opgeslagen. Druk op Opnieuw laden en breng je wijziging opnieuw aan.
Er staat "Dit logo is … Upload een vierkante afbeelding"
Het vierkante logo en de favicon moeten vierkant zijn (even breed als hoog) en minstens 256 × 256 pixels, omdat we ze nooit bijsnijden. De melding noemt de afmetingen van je afbeelding. Maak een vierkante versie (voeg lege, transparante ruimte toe rond een breed logo), upload die en sla opnieuw op. Een logo dat niet vierkant is, hoort bij Woordmerk.
Er staat "Van dit logo zijn geen afmetingen bekend"
We weten de afmetingen van die afbeelding niet, dus we kunnen niet controleren of hij vierkant is. Upload hem opnieuw, kies de nieuwe kopie en sla op.
De velden en Opslaan zijn grijs
Het abonnement van je team is verlopen, dus de sitepagina's zijn alleen-lezen tot het weer actief is. Verleng het. Zie Facturering beheren.
Gerelateerde artikelen
Kom je er nog niet uit? Neem contact op met support of mail support@spawnfront.com — vertel ons op welke pagina je bent en bij welke stap.