Sectie Instellingen Gids
Leer hoe je sectie-instellingen configureert, inclusief thema's, spacing en kolomindelingen
Toegang tot Sectie-instellingen
Om instellingen voor een sectie te configureren:
- Navigeer naar je pagina in WordPress admin
- Scroll naar de "Pagina onderdelen" sectie
- Klik op de sectie die je wilt configureren
- Klik op "Instellingen" om het instellingenpaneel uit te klappen
Thema-instellingen
Wat is een Thema?
De "Thema" instelling stelt je in staat om de kleuren en opmaak van een specifieke sectie aan te passen, onafhankelijk van de rest van de pagina.
Beschikbare Thema-opties
Je kunt meestal kiezen uit:
- Geen: Gebruikt de standaard pagina-opmaak
- Light: Lichte achtergrond met donkere tekst
- Dark: Donkere achtergrond met lichte tekst
- Accent: Gebruikt het accentkleurenschema van je site
- Aangepaste thema-opties (indien geconfigureerd door je ontwikkelaar)
Wanneer Thema's Gebruiken
Gebruik verschillende thema's om:
- Visuele scheiding tussen secties te creëren
- Belangrijke inhoud te benadrukken met accentkleuren
- Leesbaarheid te verbeteren door lichte en donkere secties af te wisselen
- Sectie-opmaak aan te passen aan het inhoudstype
Spacing-instellingen
Spacing Boven
Bepaalt de verticale ruimte bovenaan de sectie, waardoor scheiding ontstaat met de vorige sectie.
Beschikbare opties:
- Geen: Geen extra spacing
- Klein: Minimale spacing
- Normaal: Standaard spacing
- Groot: Ruime spacing
- Extra groot: Maximale spacing
Spacing Onder
Bepaalt de verticale ruimte onderaan de sectie, waardoor scheiding ontstaat met de volgende sectie.
Beschikbare opties:
- Geen: Geen extra spacing
- Klein: Minimale spacing
- Normaal: Standaard spacing
- Groot: Ruime spacing
- Extra groot: Maximale spacing
Spacing Best Practices
Tips voor effectief gebruik van spacing:
- Gebruik grotere spacing om belangrijke inhoudssecties te scheiden
- Gebruik kleinere spacing voor gerelateerde inhoud binnen hetzelfde onderwerp
- Houd consistente spacingpatronen aan op je hele pagina
- Houd rekening met mobiel bekijken - spacing kan er anders uitzien op kleinere schermen
- Gebruik spacing om visuele hiërarchie te creëren en de lezer te begeleiden
Kolomindeling (Aantal kolommen)
Kolomindelingen Begrijpen
De "Aantal kolommen" instelling bepaalt hoe inhoud horizontaal binnen een sectie wordt gerangschikt. Kolommen passen zich automatisch aan voor optimale weergave op alle schermformaten.
Beschikbare Kolomopties
- 1 kolom: Volledige breedte inhoud, ideaal voor:
- Lange tekstinhoud
- Grote afbeeldingen of media
- Formulieren en call-to-action secties
- 2 kolommen: Gesplitste inhoud, ideaal voor:
- Tekst- en afbeeldingscombinaties
- Functievergelijkingen
- Naast elkaar geplaatste inhoudsblokken
- 3 kolommen: Geweldig voor:
- Functielijsten of diensten
- Teamledenprofielen
- Productshowcases
- 4 kolommen: Best voor:
- Pictogramroosters
- Kleine functiehighlights
- Logo-weergaven
Responsief Gedrag
Kolommen passen zich automatisch aan het schermformaat aan:
- Desktop: Toont het volledige aantal kolommen dat je hebt geselecteerd
- Tablet: Vermindert automatisch naar minder kolommen voor betere leesbaarheid
- Mobiel: Stapelt kolommen verticaal (één kolom) voor optimale mobiele weergave
Dit responsieve gedrag zorgt ervoor dat je inhoud er geweldig uitziet op alle apparaten zonder extra configuratie.
Kolomindeling Tips
- Gebruik 1 kolom voor maximale leesbaarheid van tekstinhoud
- Gebruik 2-3 kolommen voor gebalanceerde indelingen met gemengde inhoud
- Vermijd meer dan 4 kolommen omdat de inhoud dan te smal wordt
- Test je indeling op verschillende schermformaten met de voorvertoningsfunctie
- Houd rekening met het type inhoud - afbeeldingen werken goed in meerkolomsindelingen, lange tekst niet
Sectie-inhoud Instellingen
Inhoudstypen
Elke sectie kan verschillende soorten inhoud bevatten:
- Inhoud (Standaard): Standaard tekst- en mediainhoud
- Media: Afbeeldingen, video's en andere mediabestanden
- Formulieren: Contactformulieren en andere interactieve elementen
- Aangepaste inhoudstypen (indien geconfigureerd door je ontwikkelaar)
Inhoudsvelden
Veelvoorkomende inhoudsvelden die je kunt tegenkomen:
- Pre titel: Kleine tekst die verschijnt vóór de hoofdtitel
- Titel: De hoofdkop voor de sectie
- Inhoud: De hoofdinhoud (tekst, afbeeldingen, etc.)
- Button(s): Call-to-action knoppen met aanpasbare tekst en links
Best Practices
- Houd sectie-instellingen consistent voor vergelijkbare inhoudstypen voor een samenhangend ontwerp
- Gebruik thema's strategisch om visuele pauzes te creëren en belangrijke secties te benadrukken
- Balanceer spacing - te veel creëert gaten, te weinig maakt inhoud krap
- Kies kolomindelingen op basis van inhoudstype en leesbaarheid
- Bekijk je pagina na het wijzigen van sectie-instellingen om de visuele impact te zien
- Houd rekening met de algehele paginastroom bij het configureren van spacing tussen secties
- Test je pagina op mobiele apparaten om ervoor te zorgen dat responsief gedrag werkt zoals verwacht
- Gebruik sectie-instellingen om visuele hiërarchie te creëren en gebruikersaandacht te begeleiden
Probleemoplossing
Instellingen Worden Niet Opgeslagen
Als je sectie-instellingen niet worden opgeslagen:
- Zorg ervoor dat je op "Bijwerken" of "Publiceren" hebt geklikt op de pagina
- Controleer of je het "Instellingen" paneel voor de sectie hebt uitgeklapt
- Probeer de pagina te vernieuwen en je instellingen opnieuw in te voeren
Instellingen Niet Zichtbaar op Frontend
Als wijzigingen niet verschijnen op je website:
- Wis je browsercache
- Controleer of caching-plugins moeten worden gewist (WP Rocket, etc.)
- Wacht even totdat de Next.js frontend opnieuw is gevalideerd
- Gebruik het revalidatie-eindpunt indien beschikbaar
Meer Hulp Nodig?
Heb je vragen of heb je extra tips nodig? Ik help je graag! Neem contact op voor meer informatie of persoonlijke ondersteuning.