Team blok

Met het Team block toon je een overzicht van teamleden op een pagina. Je voegt per persoon een foto, naam, functie, omschrijving en social media links toe. Via de instellingen bepaal je hoe het overzicht eruitziet.

Het block toevoegen

Voeg het block toe via de blokken-editor in WordPress. Zoek op “Team” en kies het Team block uit de lijst.

Teamleden toevoegen

Na het toevoegen van het block zie je de knop “Lid toevoegen”. Klik hierop om een teamlid in te vullen. Je kunt dit zo vaak herhalen als nodig.

Per teamlid vul je het volgende in:

Avatar

Upload of kies een profielfoto uit de mediabibliotheek. Dit veld is optioneel.

Naam (verplicht)

De volledige naam van het teamlid.

Functie

De functietitel of rol, bijvoorbeeld Directeur of Developer.

Omschrijving

Een vrij tekstveld voor een korte bio of aanvullende informatie. Dit veld is alleen zichtbaar afhankelijk van de gekozen weergave (zie verderop).

Social media

Voeg één of meerdere social media profielen toe via de knop “Item toevoegen”. Per item kies je het type en vul je de link in.

Beschikbare typen: E-mail, Telefoon, Facebook, Instagram, LinkedIn, Pinterest, Snapchat, TikTok, Twitter, WhatsApp, X en YouTube.

> Tip: Voor e-mail gebruik je mailto:naam@voorbeeld.nl als URL. Voor telefoon gebruik je tel:+31612345678.

Extra kaart

Via de schakelaar Toon extra kaart voeg je een afwijkende kaart toe aan het einde van het overzicht. Je stelt een achtergrondafbeelding in en kunt er vrij content in plaatsen, zoals tekst en knoppen. Dit is handig voor een call-to-action zoals “Kom ons team versterken”.

Uiterlijk instellen

Hoe worden de details getoond?

Je hebt drie manieren om de details van een teamlid weer te geven:

1. Direct zichtbaar (standaard)

Naam, functie, omschrijving en social media staan direct onder de foto. Dit is de eenvoudigste weergave.

2. Details in een popup

Schakel Toon details in lightbox in. De kaart toont alleen de foto met naam en functie als overlay. Als een bezoeker op een teamlid klikt, opent een popup met alle details inclusief omschrijving.

3. Details bij hover

Schakel zowel Toon details in lightbox als Toon details bij hover in. Als een bezoeker met de muis over een teamlid beweegt, schuift een gekleurde overlay over de foto met de naam, functie en social media links. Er is geen popup.

Vorm van de foto

Kies de afronding van de profielfoto’s:

  • Vierkant — geen afronding
  • Afgerond — lichte afronding aan de hoeken
  • Cirkel — volledig rond

Beeldverhouding van de foto

Wil je dat alle foto’s dezelfde verhouding krijgen? Kies dan een vaste beeldverhouding. De foto wordt dan automatisch bijgesneden.

  • Origineel — geen bijsnijden, de foto behoudt zijn eigen proporties
  • 1:1 — vierkant
  • 4:3 / 3:4 — klassiek landschap of portret
  • 16:9 / 9:16 — breed of hoog formaat

Uitlijning

Bepaal hoe de tekst en foto binnen elke kaart uitgelijnd worden: links, midden (standaard) of rechts.

Aantal items naast elkaar

Stel per apparaat in hoeveel teamleden naast elkaar staan. De standaardwaarden zijn:

  • Desktop: 3 naast elkaar
  • Tablet: 3 naast elkaar
  • Mobiel: 1 naast elkaar

Je kunt dit aanpassen van 1 tot maximaal 6 per rij.