Thema's en kleurenschema's voor CMS pagina's

Een thema kan worden toegepast op een pagina. Het bepaalt de gebruikte lettertypen en de afronding van knoppen en andere pagina-elementen. Elk thema heeft een of meer kleurenschema's, die bepalen hoe je (merk)kleuren worden gebruikt. Er is altijd een standaardthema of -kleurenschema dat wordt toegepast als er geen andere keuze wordt gemaakt.

Je vindt thema’s en kleurenschema’s in het 'Uiterlijk' menu van het CMS.

Thema toevoegen

  • Wanneer je een nieuw thema toevoegt, worden de instellingen van het standaardthema automatisch ingevuld, zodat je eenvoudig kleine aanpassingen aan het standaardthema kunt maken voor specifieke doeleinden.

  • Stel de naam, de afronding van pagina-elementen en knoppen, en de verschillende lettertypen in. Het voorbeeld laat zien hoe je keuzes eruitzien in het standaardkleurenschema.

Tips

  • Zorg ervoor dat de thema-instellingen aansluiten bij de uitstraling van je merk.

  • Kies leesbare lettertypen die goed bij het ontwerp van je website passen.

Kleurenschema toevoegen

Hoewel één thema op een pagina van toepassing is, kunnen verschillende kleurenschema's die bij dat thema horen, worden toegepast op elementen binnen die pagina, zoals een sectie of een widget.

  • Wanneer je een nieuw kleurenschema toevoegt, worden de instellingen van het standaardkleurenschema automatisch ingevuld, zodat je eenvoudig kleine aanpassingen aan de standaardinstellingen kunt maken voor specifieke doeleinden.

  • Als er meerdere thema's zijn, selecteer dan bij welk thema dit kleurenschema hoort.

  • Stel de naam, de achtergrond- en tekstkleuren en de primaire en secundaire kleuren voor knoppen en andere pagina-items in. Het voorbeeld laat zien hoe je keuzes eruitzien in het standaardthema.

Tips

  • Zorg ervoor dat de kleuren die je kiest aansluiten bij de merkidentiteit. Gebruik kleuren uit je logo of huisstijl.

  • Zorg voor voldoende contrast tussen tekst- en achtergrondkleuren om de leesbaarheid te behouden.

  • Zorgen de gekozen kleuren voor een goede gebruikerservaring? Gebruik een opvallende kleur voor belangrijke knoppen (call-to-actions), zodat gebruikers intuïtief weten waar ze moeten klikken.