Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Het Aanpassen van het Websiteontwerp | Een Volledige Website Vanaf Nul Opbouwen
Bouw Een Codevrije Website Met WordPress

bookHet Aanpassen van het Websiteontwerp

Na het installeren van je thema en het importeren van een startertemplate, is het tijd om je website aan te passen zodat deze jouw merk en inhoud weerspiegelt.

De WordPress Customizer gebruiken
expand arrow

De WordPress Customizer stelt je in staat om het ontwerp van je site in realtime te bewerken en wijzigingen direct te bekijken.

Toegang krijgen:

  • Ga naar Weergave → Customizer vanuit het WordPress-dashboard;
  • De Customizer opent met een live voorbeeld van je site aan de rechterkant en een menu met instellingen aan de linkerkant.

De beschikbare opties in de Customizer verschillen per actief thema. Bij gebruik van Astra met een Startertemplate zijn doorgaans de volgende opties beschikbaar:

  • Globale instellingen: pas lettertypen, kleuren en containerbreedte aan;
  • Header- en footerbouwer: bewerk de boven- en onderkant van je website;
  • Menu's en widgets: beheer navigatie- en zijbalkonderdelen.

Je hoeft nu niet elke instelling te verkennen—richt je alleen op de basis.

Primaire elementen aanpassen
expand arrow

Dit zijn de belangrijkste onderdelen om naar te kijken bij het aanpassen van het ontwerp van je website:

1. Kleuren en typografie

  • Ga naar Globaal → Kleuren om de achtergrond-, tekst- en linkkleuren aan te passen;
  • Ga naar Globaal → Typografie om lettertypen en groottes voor koppen en hoofdtekst in te stellen.

2. Header en footer

  • Klik op Header Builder of Footer Builder in de Customizer;
  • Je ziet een visuele indeling waar je op verschillende secties (logo, menu, sociale iconen, enz.) kunt klikken om ze te bewerken;
  • Je kunt ook elementen verwijderen of herschikken door ze naar een nieuwe positie te slepen.
Een logo en favicon toevoegen
expand arrow

Als je je logo niet hebt geüpload bij het importeren van de startertemplate, kun je dat nu doen.

Je logo bijwerken:

  1. Ga naar Header Builder → Site Title & Logo;
  2. Klik op Selecteer logo en upload je afbeelding (bij voorkeur PNG met een transparante achtergrond).

Een favicon (browser tabbladicoon) toevoegen:

  1. Ga naar Algemene instellingen → Site-identiteit;
  2. Upload onder Site-icoon een vierkante afbeelding (512x512 pixels aanbevolen).
Je wijzigingen opslaan
expand arrow

Als je tevreden bent met je aanpassingen, klik dan op de knop Publiceren bovenaan de Customizer om alle wijzigingen op te slaan.

question mark

Wat is een favicon in WordPress?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 7. Hoofdstuk 2

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Awesome!

Completion rate improved to 3.45

bookHet Aanpassen van het Websiteontwerp

Veeg om het menu te tonen

Na het installeren van je thema en het importeren van een startertemplate, is het tijd om je website aan te passen zodat deze jouw merk en inhoud weerspiegelt.

De WordPress Customizer gebruiken
expand arrow

De WordPress Customizer stelt je in staat om het ontwerp van je site in realtime te bewerken en wijzigingen direct te bekijken.

Toegang krijgen:

  • Ga naar Weergave → Customizer vanuit het WordPress-dashboard;
  • De Customizer opent met een live voorbeeld van je site aan de rechterkant en een menu met instellingen aan de linkerkant.

De beschikbare opties in de Customizer verschillen per actief thema. Bij gebruik van Astra met een Startertemplate zijn doorgaans de volgende opties beschikbaar:

  • Globale instellingen: pas lettertypen, kleuren en containerbreedte aan;
  • Header- en footerbouwer: bewerk de boven- en onderkant van je website;
  • Menu's en widgets: beheer navigatie- en zijbalkonderdelen.

Je hoeft nu niet elke instelling te verkennen—richt je alleen op de basis.

Primaire elementen aanpassen
expand arrow

Dit zijn de belangrijkste onderdelen om naar te kijken bij het aanpassen van het ontwerp van je website:

1. Kleuren en typografie

  • Ga naar Globaal → Kleuren om de achtergrond-, tekst- en linkkleuren aan te passen;
  • Ga naar Globaal → Typografie om lettertypen en groottes voor koppen en hoofdtekst in te stellen.

2. Header en footer

  • Klik op Header Builder of Footer Builder in de Customizer;
  • Je ziet een visuele indeling waar je op verschillende secties (logo, menu, sociale iconen, enz.) kunt klikken om ze te bewerken;
  • Je kunt ook elementen verwijderen of herschikken door ze naar een nieuwe positie te slepen.
Een logo en favicon toevoegen
expand arrow

Als je je logo niet hebt geüpload bij het importeren van de startertemplate, kun je dat nu doen.

Je logo bijwerken:

  1. Ga naar Header Builder → Site Title & Logo;
  2. Klik op Selecteer logo en upload je afbeelding (bij voorkeur PNG met een transparante achtergrond).

Een favicon (browser tabbladicoon) toevoegen:

  1. Ga naar Algemene instellingen → Site-identiteit;
  2. Upload onder Site-icoon een vierkante afbeelding (512x512 pixels aanbevolen).
Je wijzigingen opslaan
expand arrow

Als je tevreden bent met je aanpassingen, klik dan op de knop Publiceren bovenaan de Customizer om alle wijzigingen op te slaan.

question mark

Wat is een favicon in WordPress?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 7. Hoofdstuk 2
some-alt