Ga naar hoofdinhoud

Social Media Banners

Met de sectie Social Media Banners toon je op een stijlvolle manier jouw social post en banners, logo's van merken die je voert, partners waar je mee samenwerkt, of social media kanalen waar je actief op bent. Dit is een krachtig middel om autoriteit en vertrouwen uit te stralen naar je bezoekers.

Algemene Layout & Achtergrond​

Stel de basis van de sectie in zodat deze perfect aansluit bij de rest van je pagina:

  • Kleurenschema: Kies het kleurenschema voor de achtergrond en tekst van deze sectie.
  • Sectie weergave (Type): Bepaal of de achtergrond over de volledige breedte loopt (Full width / Edge-to-edge) of gecentreerd is in een kader (Box / Container).
  • Achtergrondafbeelding: Je kunt de sectie extra karakter geven door een achtergrondafbeelding in te stellen (met de optie voor een aparte foto voor mobiel).
  • Hoogte & Achtergrondhoogte: Kies of de sectie automatisch meegroeit met de logo's (Auto) of werk met een vaste hoogte (Fixed). Bij een vaste hoogte bepaal je met de slider (0-100%) tot hoe ver de achtergrondkleur doorloopt.

Weergave: Slider of Grid​

Je hebt de volledige controle over hoe de logo-banners worden getoond via het Weergave type:

  • Grid (Raster): De logo's staan in een vast stramien. Bepaal exact hoeveel kolommen (logo's naast elkaar) je wilt tonen voor desktop (2 t/m 6), tablet (1 t/m 4) en mobiel (1 t/m 3).
  • Slider: De logo's staan in een swipebare carrousel. Stel in hoeveel logo's er tegelijkertijd zichtbaar zijn. Gebruik 'halve' getallen (zoals 1.5 of 2.5) op mobiel om aan te geven dat bezoekers kunnen swipen.
    • Navigatie & Effecten: Schakel paginatie-bolletjes in, laat de logo's speels om en om verspringen (Alternate image offset) of laat de slider visueel buiten het kader doorlopen (Carousel outside container).

Afbeeldingsverhouding (Image ratio): Bepaal voor beide types de vorm van de logo-vlakken, van vierkant (1:1) tot diverse liggende of staande formaten.

Tekst & Knoppen​

Introduceer je partners of merken met een tekstblok boven de logo's:

  • 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 volledig aan.
  • Inhoud (Rich text): Gebruik dit veld voor een korte toelichting of een 'call-to-action'.
  • Actieknoppen (Buttons): Voeg maximaal twee knoppen toe onder de tekst.
    • Geef de knop een label en koppel de juiste link.
    • Vink Secundaire knopstijl aan voor een transparante 'outline' look.
    • Voeg optioneel een icoontje toe (zoals een pijltje naar rechts).

Blokken toevoegen (Banners)​

De inhoud van deze sectie bouw je op met individuele Banner blokken. Voeg voor elk logo een blok toe:

  • Logo (Afbeelding): Upload hier de afbeelding van het logo. Tip: Gebruik transparante .PNG of .SVG bestanden voor het strakste resultaat.
  • Titel: De naam van het merk of kanaal (wordt ook gebruikt als alternatieve tekst voor SEO).
  • Link: Maak het logo klikbaar door er een URL aan te koppelen.