Ga naar hoofdinhoud

Gerelateerde artikelen (blog)

De sectie Gerelateerde Artikelen is een krachtig middel om de betrokkenheid van je lezers te verhogen. Door relevante blogberichten onderaan een artikel te tonen, moedig je bezoekers aan om langer op je website te blijven en meer van je content te consumeren.

Let op: Deze sectie is specifiek ontworpen voor de Artikelpagina (blogpost) en zal automatisch artikelen uit dezelfde blogcategorie tonen.

Algemene Layout & Vormgeving​

Pas de visuele stijl van de sectie aan zodat deze perfect aansluit op de rest van je blog:

  • Kleurenschema's: Je kunt twee verschillende kleurenschema's instellen:
    • Algemeen kleurenschema: Voor de achtergrond van de gehele sectie.
    • Kaart kleurenschema: Voor de achtergrond van de individuele artikelkaarten.
  • Sectie weergave (Type): Bepaal of de achtergrond van deze sectie over de volledige breedte loopt (Full width / Edge-to-edge) of gecentreerd in een kader wordt getoond (Box / Container).
  • Hoogte & Achtergrondhoogte: Kies of de sectie automatisch meegroeit met de inhoud (Auto) of werk met een vaste hoogte (Fixed). Bij een vaste hoogte kun je met een schuifregelaar bepalen tot hoe ver de achtergrondkleur doorloopt (apart instelbaar voor desktop en mobiel).

Afstanden (Witruimte)​

Zorg voor de juiste balans op de pagina door de marges (buitenruimte) en padding (binnenruimte) aan te passen. Je kunt kiezen voor de standaardruimte van het thema of de witruimte volledig verwijderen (None).

Slider Instellingen​

De gerelateerde artikelen worden gepresenteerd in een swipebare carrousel. Je hebt volledige controle over hoe deze slider zich gedraagt op verschillende apparaten:

  • Aantal artikelen in beeld (Slides per view):
    • Desktop: Kies voor 3, 4, 5 of 'auto'.
    • Tablet & Mobiel: Kies hier voor hele of 'halve' weergaves (zoals 1.5 of 2.5). Een halve weergave aan de zijkant nodigt de bezoeker uit om verder te swipen.
  • Navigatie & Effecten:
    • Paginatie: Schakel de navigatiebolletjes onder de slider in of uit.
    • Speels verspringen (Alternate offset): Vink dit aan om de artikelkaarten om en om iets hoger of lager te plaatsen voor een dynamisch effect.
    • Carousel overflow: Bepaal of de slider strak afgesneden wordt bij het kader of visueel doorloopt tot de rand van het scherm.

Tekst & Knoppen​

Begeleid de gerelateerde artikelen met een uitnodigende kop en optionele knoppen:

  • Uitlijning: Lijn de titel en de inleidende tekst links, gecentreerd of rechts uit.
  • Titel Opmaak: Pas de SEO HTML-tag, de visuele grootte (H1 t/m display) en de letterdikte van de titel aan.
  • Inhoud (Rich text): Gebruik dit veld voor een korte toelichting (bijv. "Vond je dit interessant? Lees dan ook deze artikelen").
  • Actieknoppen (Buttons): Voeg maximaal twee knoppen toe onder de tekst (bijv. "Bekijk alle nieuws").
    • Geef de knop een label en koppel een link.
    • Vink Secundaire knopstijl aan voor een 'outline' look.
    • Voeg optioneel een icoontje toe (zoals een pijltje naar rechts).