Website Thema
Pas het visuele uiterlijk van je website aan met thema's en typografie.
Overzicht
De Thema sectie stelt je in staat om te kiezen uit een verscheidenheid aan vooraf gebouwde thema's en typografie aan te passen om overeen te komen met je merkidentiteit.
Waar te vinden: Instellingen → Website → Thema
Thema Selectie
Kies uit een breed scala aan vooraf gebouwde thema's om het kleurenschema en visuele stijl van je website te wijzigen.
Beschikbare Thema's
- Light - Schoon, helder thema (standaard)
- Cupcake - Zachte, pastelkleuren
- Bumblebee - Warm geel en zwart
- Emerald - Groen en natuurlijke tinten
- Corporate - Professioneel blauw en grijs
- Synthwave - Retro neonkleuren
- Retro - Vintage kleurenpalet
- Cyberpunk - Futuristisch neon
- Valentine - Roze en rood romantisch
- Halloween - Oranje en donker spooky
- Garden - Natuurlijke groene tinten
- Forest - Diep groen en bruin
- Aqua - Blauw en teal water thema
- Lo-fi - Gedempte, ontspannen kleuren
- Pastel - Zachte, lichte pastels
- Fantasy - Magische paarse tinten
- Wireframe - Minimalistisch grijstinten
- Black - Donker, hoog contrast
- Luxury - Elegant goud en donker
- Dracula - Donker paars thema
- CMYK - Druk-geïnspireerde kleuren
- Autumn - Warme herfstkleuren
- Business - Professioneel en schoon
- Acid - Helder, levendige kleuren
- Lemonade - Vers geel en groen
- Night - Donkere modus thema
- Coffee - Warme bruine tinten
- Winter - Koel blauw en wit
- Dim - Zachte, gedempte donkere thema
- Nord - Arctisch blauw thema
- Sunset - Warm oranje en roze
Typografie
Pas je website lettertypen aan om overeen te komen met je merk.
Google Font Familie
Instelling: Google Font familienaam
Beschrijving: Voer de exacte familienaam in van Google Fonts.
Voorbeeld: "Roboto", "Open Sans", "Montserrat", "Playfair Display"
Hoe te vinden:
- Bezoek Google Fonts
- Blader of zoek naar een lettertype
- Klik op het lettertype
- Kopieer de exacte "Family name" (niet de CSS naam)
Opmerking: Laat leeg om het standaard Figtree lettertype te gebruiken.
Google Fonts CSS URL
Instelling: Google Fonts CSS URL
Beschrijving: Plak de Google Fonts URL voor aangepaste lettertypen.
Formaat: https://fonts.googleapis.com/css2?family=FontName:ital,wght@0,300..900;1,300..900&display=swap
Hoe te krijgen:
- Bezoek Google Fonts
- Selecteer je lettertype
- Kies lettertype gewichten en stijlen
- Kopieer de "@import" of
<link>URL uit de "Use on the web" sectie
Opmerking: Laat leeg om het laden van Google Fonts over te slaan (gebruik lokale/systeem lettertypen).
Standaard Lettertype
Lettertype: Figtree
Beschrijving: Figtree wordt standaard gebruikt als er geen aangepast lettertype is opgegeven.
Opmerking: Het systeem laadt automatisch Figtree als er geen aangepast lettertype is geconfigureerd.
Wijzigingen Publiceren
Na het maken van wijzigingen aan je thema of typografie:
- Klik op "Publiceren" om je wijzigingen op te slaan
- Wijzigingen treden direct in werking op je website
- Bekijk je website om de wijzigingen te zien
Best Practices
- Thema Selectie: Kies een thema dat overeenkomt met je merkidentiteit
- Typografie: Gebruik lettertypen die leesbaar en professioneel zijn
- Consistentie: Houd typografie consistent op je website
- Prestaties: Aangepaste lettertypen kunnen de pagina laadtijd iets verhogen
- Toegankelijkheid: Zorg voor voldoende contrast tussen tekst en achtergrond