WordPress & Elementor kennisbank

Profielpagina’s maken in WordPress met Elementor en Pods

Inhoud van dit artikel:

Regelmatig krijgen we de vraag van bedrijven om hun medewerkers op de website te plaatsen. Hierbij is een alleen een profielfoto en een korte tekst niet meer voldoende. De teamleden moeten hun eigen profielpagina krijgen, die netjes is vormgegeven. Hoe krijg je dit voor elkaar? Hiervoor heb je Elementor Pro nodig.

Stap 1: Custom post types maken met Pods

Om te beginnen is het handig om voor de profielen een custom post type aan te maken, zodat je ze makkelijk kunt terugvinden in het menu.

Wij maken hiervoor altijd dankbaar gebruik van Pods. Een gratis plugin waarmee je custom post types kunt aanmaken. Standaard custom post types in WordPress zijn bijvoorbeeld ‘Berichten’ en ‘Pagina’s. Lees hier hoe je een custom post type aanmaakt met pods.

  • Maak de custom post type ‘Team’, ‘medewerkers’ of ‘mensen’. Het is maar net wat voor jou de beste omschrijving is.
  • Voeg de teamleden toe

Plaats de profieltekst in de editor en voeg ook alvast de profielfoto toe als uitgelichte afbeelding. Heb je nog geen tekst of foto? Dan kun je dit eventueel ook later toevoegen.

Stap 2: Een overzichtspagina aanmaken

Nu je de profielen hebt aangemaakt, kun je ze gaan inladen op elk willekeurig pagina met behulp van Elementor. Het meest voor de hand liggend is om hiervoor een aparte pagina aan te maken met de naam ‘Ons Team’ (of een andere naam die voor jullie meer de lading dekt).

  • Bewerk de pagina met Elementor
  • Voeg de widget ‘Posts’ toe aan een nieuwe sectie

  • Scroll naar het tabje ‘Query’ en selecteer bij ‘Source’ de post type die je zojuist hebt aangemaakt.

De teamleden worden nu automatisch geladen op de pagina. Ook als je een nieuw teamlid toevoegt, staat deze automatisch op de pagina.

Note: wanneer je gebruikt maakt van taxonomieën (zoals tags en categorieën), dan kun je er ook voor kiezen om specifieke teamleden toe te voegen aan deze pagina. Daarover later meer.

Stap 3: Lay-out aanpassen

Nu de teamleden zijn geladen op de pagina kun je eenvoudig de lay-out en stijl aanpassen. Zo kun je er voor kiezen om de samenvatting toe te voegen, wel of geen ‘lees’ meer link te plaatsen of de verhoudingen van de foto’s aan te passen. Ook kun je het aantal kolommen aanpassen.

Hieronder een voorbeeld van één van onze klanten, P&A Talentontwikkeling.

Picture of Sanne IJspeerd

Sanne IJspeerd

Eigenaar SIJ Web | WordPress & Elementor Specialist | B2B Marketing Manager in SaaS

Ook interessant voor jou

Table of Content verbergen als er geen headings in het artikel staan

Elementor loop builder: 10 praktische voorbeelden

Transparante header WordPress maken met Elementor

Mis geen updates

Blijf op de hoogte van de laatste
Elementor Trends & Ontwikkelingen!

No worries, je ontvangt max. 2 keer per maand een mailing.