Een thema kiest dat bij je website past.
WordPress thema aanpassen
Je website krijgt pas echt je eigen look als je het thema aanpast. Kleuren, lettertypes en layout bepalen de uitstraling. In dit artikel leer je stap voor stap hoe je een WordPress thema aanpassen kunt zonder alles opnieuw te bouwen.
door Yvo
Software ontwikkelaar
Inhoudsopgave
door Yvo
Software ontwikkelaar
Kort samengevat
Stap 1: Kies het juiste thema als basis
Het thema bepaald een groot deel van het uiterlijk van jouw website. Dus het is belangerijk om een thema te kiezen die het meest bij jouw merk of bedrijf past. In dit voorbeeld kiezen we voor het Astra Thema in verband met het aanbod van de gratis mogelijkheden.
1. Ga naar Weergave → Thema’s en kies een thema dat responsive is.
⚠️ Let op compatibiliteit met je plugins en regelmatige updates.
Stap 2: Gebruik de customizer
Om het uiterlijk van ons thema aan te passen, gaan we werken in de zo gehete WordPress Customizer.
1. Ga naar Weergave → Thema → Customizer.
2. Klik op het potloodicoon om de stijlweergave van je website te openen. Navigeer daarna naar Globaal.
3. Klik op een van de vier globale instellingen (typografie, kleuren, container of knoppen) om deze eenvoudig aan te passen.
Stap 3: Extra thema-opties
Nu de kleuren, lettertypes, menu’s en widgets zijn ingesteld, kunnen we aan de slag met de extra opties. Veel thema’s bieden instellingen voor onder andere layout, header, voettekst en extra secties. In dit voorbeeld richten we ons op de header.
1. Ga terug naar het hoofdmenu van de Customizer en klik op Header.
2. Kies of je een transparante header wilt of een header met een achtergrondkleur. Onderaan de pagina kun je vervolgens jouw menu-widgets toevoegen.
Stap 4: Kleine CSS-aanpassingen
Het is ook mogelijk om zelf CSS-aanpassingen te doen. Dit zijn wijzigingen in de Cascading Style Sheets (CSS) van je website om het uiterlijk volledig te personaliseren.
1. Ga terug naar het hoofdmenu van de Customizer → Extra CSS.
2. Voeg hier CSS-styling toe die niet mogelijk is via de globale instellingen van het thema.
In dit voorbeeld voegen we een hover-effect toe aan de buttons: wanneer je er met de muis overheen gaat, beweegt de button 10 px omhoog.
Stap 5: Thema-updates en back-ups
Nu we hebben geleerd hoe we het WordPress thema aanpassen, zijn er nog drie belangrijke punten voordat we dit thema updaten, indien deze er is.
⚠️ Maak een back-up voordat je een update uitvoert.
⚠️ Overweeg een child theme als je veel aanpassingen doet.
⚠️ Controleer na een update of alles nog correct wordt weergegeven.
Jouw site, helemaal op maat
Je hebt nu stap voor stap geleerd hoe je een WordPress thema aanpassen kunt. Zo oogt je website professioneel en blijft hij gebruiksvriendelijk.