Rondleiding door de Jane website

Personaliseren van je website met de Customizer

Bij kleuren en lettertypes kun je je kleurenpalet aanpassen, je lettertypes kiezen en je knoppen op een globale manier vormgeven.

  • Kleuren: maak gebruik van het kleurenpalet om op een globale manier je hele website kleur te geven.
  • Lettertypes: je hebt toegang tot alle Google fonts. Kies een basislettertype en een lettertype voor de koptekst.
  • Knoppen: geef je knoppen hier vorm en vermijd dat knoppen op individuele basis gestyled worden.
  • Logo: via Site identiteit, via de Header,… pas je je logo en favicon (of site pictogram) aan.

Klik op de knop Publiceren wanneer je tevreden met de personalisatie.

Wat is REM en waarom wordt dit gebruikt?

Pixel-waarden (px) zijn absoluut. Als je iets instelt op 16px, blijft het 16px, ongeacht de context.

REM-waarden zijn relatief en passen zich aan op basis van de basiswaarde. Als je de basislettergrootte (standaard 16px) aanpast, veranderen automatisch alle elementen die REM gebruiken. Dit maakt je website flexibeler.

  • Toegankelijk: gebruikers die in hun browser-instellingen grotere tekst of zoom inschakelen omwille van moeilijkheden met zicht, krijgen een betere ervaring.
  • Schaalbaar: je kunt eenvoudig een mobielvriendelijke of grotere versie van je site maken door alleen de root-fontgrootte te veranderen.

Hieronder vind je een tabel waarmee je de REM lettergroottes kan omrekenen, in principe hoef je niets aan te passen aan de lettergroottes als je tevreden bent met de instelling nu. In de editor om je pagina aan te passen geeft Kadence je de mogelijkheid om te werken met small, medium, large,… die dezelfde lettergroottes hebben als ingesteld in de Customizer. Zo is je design consistent doorheen je hele website.

Kadence lettertype groottes

Kadence

Pixel waarde

Desktop

Tablet

Mobiel

3XL

80 px

5 rem

3.5 rem

2.75 rem

2XL

64 px

4 rem

3 rem

2.5 rem

XL

48 px

3 rem

2.6 rem

2.25 rem

LG

32 px

2 rem

1.9 rem

1.75 rem

MD

20 px

1.25 rem

1.15 rem

1.1 rem

SM

14 px

0.875 rem

0.875 rem

0.875 rem

Ook voor de marges en padding gebruikt Kadence REM via de small, medium, large aanduidingen. Hieronder een overzicht:

Kadence spacing (marge en padding)

Kadence

Pixel waarde

REM-waarde

XS

16 px

1 rem

SM

24 px

1.5 rem

MD

32 px

2 rem

LG

48 px

3 rem

XL

64 px

4 rem

2XL

80 px

5 rem

3XL

104 px

6.5 rem

4XL

128 px

8 rem

5XL

160 px

10 rem

Ook interessant voor jou

Terug

Laatst geüpdatet 21 januari 2025