Template maken voor custom post types met Elementor

Inhoud van dit artikel:

Als je een custom post type maakt wil je hier vaak ook een ‘custom’ template voor maken. Een van de redenen waarom ik graag werk met Elementor Pro! Zonder kennis van code een template maken voor custom post types.

Waarom template maken voor custom post types?

Een van de dingen die mij stoorde aan andere pagebuilders is dat ik voor ik voor iedere pagina binnen een custom post type steeds opnieuw het template moest maken. Het template kon ik weliswaar eenvoudig kopiëren, maar bij iedere wijziging in het template moest ik steeds opnieuw AL die pagina’s langs. Onbegonnen werk. En behoorlijk frustrerend.

Template aanpassen op één plek

Met Elementor hoef ik het template nog maar op één plek aan te passen en dan is deze direct voor alle pagina’s aangepast. Dit is naar mijn mening écht een van de beste features van Elementor Pro. Het bespaart je ENORM veel tijd. Bovendien werkt het ook nog eens super makkelijk. In dit artikel leg ik je uit hoe je een template maakt voor een custom post type!

Stap 1: Een custom post type maken

Ik ga er even vanuit dat je al een custom post type hebt gemaakt. Zo niet, dan lees je in dit artikel hoe je dat doet.

Stap 3: Maak pagina’s aan binnen je post type

Voordat je verder gaat met stap 4 is het handig om alvast wat pagina’s aan te maken en te vullen. Zo kun je straks makkelijker het template maken (stap 4), omdat je hiervan dan automatisch een voorvertoning ziet.

Stap 4: Een single template maken voor post types

Je gaat nu een template maken voor je custom post type.

Ga naar ‘Templates –> Theme Builder‘ en klik op de button ‘Nieuwe toevoegen’

Themebuilder elementor openen

Kies bij type template voor ‘Single’ en selecteer vervolgens de custom post type waarvoor je een template wilt maken. In dit voorbeeld maken we een template voor een profielpagina.

Klik op ‘template’ aanmaken.

Template maken voor custom post types

Stap 5: Het template opmaken

Je kunt nu een template maken voor je custom post type. In je Elementor panel aan de linkerzijde vind je een aantal ‘single’ widgets die je kunt toevoegen aan de pagina. Ik licht ze even kort toe: Template maken voor custom post types

  • Post title
    Hiermee laad je de titel van de pagina binnen je custom post type.
  • Post Excerpt
    Plaatst de samenvatting (mits je deze gebruikt voor je custom post type).
  • Post content
    Dit is alles wat je hebt geplaatst in de WordPress editor. Deze content kun je eventueel ook nog weer opmaken met Elementor (maar zou ik niet per se aanraden)
  • Featured image
    Hiermee plaats je de uitgelichte afbeelding die je hebt ingesteld bij de pagina binnen je custom post type.
  • Author box
    Geeft de WordPress gebruiker weer die de pagina heeft aangemaakt.
  • Post comments
    Geeft bezoekers de mogelijkheid om een reactie te plaatsen en toont de reacties die al geplaatst zijn. Als je dit niet hebt ingeschakeld voor je custom post type, hoef je hier dus niks mee.
  • Post navigation
    Hiermee kunnen bezoekers navigeren naar het vorige en volgende artikel binnen de post type.
  • Post info
    Dit kan van alles zijn: auteur, datum publicatie, aantal reacties, tags, categorieën of andere extra velden die je hebt aangemaakt voor het bericht type.

Je kunt natuurlijk ook gewoon gebruik maken van de andere Elementor Widgets. Bijvoorbeeld als je bepaalde content op iedere pagina wilt laten terugkomen. Zoals social media buttons, contactformulier, laatst geplaatste berichten etc.

Preview bekijken

Als je al pagina’s hebt aangemaakt voor je custom post type, wordt deze automatisch geladen bij het maken van het template. Je kunt deze preview ook aanpassen voor een andere pagina:

Ga naar Instellingen (klik op het tandwiel linksonder je Elementor panel)

Ga naar ‘Preview settings‘. Selecteer hier eerst welke post type je wilt tonen en vervolgens welk bericht op pagina je als voorbeeld wilt zien.

Template maken voor custom post types

Stap 6: het template publiceren

Als je tevreden bent met het template kun je deze publiceren. Klik op de knop ‘publiceren’.. Een nieuw scherm opent. Je kunt hier kiezen voor welk custom post type je het template wilt instellen. Als het goed is staat hier als de post type die je hebt geselecteerd bij het aanmaken van het template.

Tip: vergeet je template niet te optimaliseren voor mobiel

Template maken voor custom post types

Template maken voor verschillende categorieën?

Template maken voor custom post types in specifieke categorieën? Dan kun je dit hier ook instellen. In ons geval klikken we op ‘All team’. We kunnen hier nu selecteren dat we het template willen toepassen binnen een bepaalde categorie voor het post type ‘Team’. In het tweede veld kun je vervolgens zoeken op de categorie waarvoor je dit thema wilt toepassen.

Template toepassen voor meerdere categorieën? Maak dan nog een conditie aan. Eventueel kun je ook categorieën of pagina’s uitsluiten.

Template maken voor custom post types

Als je alles hebt ingesteld kun je het template publiceren. Deze is nu direct zichtbaar op de je website!

Een template maken voor custom post types is dus heel gemakkelijk wanneer je werkt met Elementor Pro. Heb je hier vragen over? We helpen je graag!

7 reacties

  1. Hii Sanne,

    Dankjewel voor deze post. Ik heb echt al van alles geprobeerd, maar mijn templates veranderen niet automatisch mee als ik ze verander. Ik kan de template wel maken, maar het integreert vervolgens niet naar de pagina waar ik het hebben wil. Ik heb elementor pro. Heb ik ergens een foute instelling? Mijn header is wel gelukt. Ik heb mijn site vandaag over gezet naar het hello thema van elementor doordat de templates niet werken is mijn site één grote chaos.

  2. Hoi Ilana,

    Als je het Hello thema gebruikt zou het moeten werken, maar als je hiervoor een uitgebreid (betaald) thema had geïnstalleerd dan kan het inderdaad zo zijn dat bepaalde onderdelen op je website niet (meer) goed werken. Dit komt omdat dit allemaal door het thema wordt bepaald, met het instellen van een single template neem je eigenlijk functionaliteiten van het thema over. Ook zie je vaak dat er custom post type zijn ingesteld door het thema. Schakel je het thema uit, dan zijn ook die post types weg.
    Kortom, niet alle thema’s zijn compatible met Elementor. Wil je optimaal gebruik maken van alle functionaliteiten dan kun je het beste werken met een thema dat compatible is met Elementor, zoals het Hello thema. Dat kan inderdaad betekenen dat je opnieuw bepaalde onderdelen op je website moet bouwen of stijlen opnieuw moet instellen.

    Groetjes,

    Sanne

  3. Hey Sanne,

    Geweldige tutorial! Net wat ik nodig had!
    Maar in het begin stoot ik toch al op een probleem…
    Wanneer ik de Single template wil aanmaken, krijg ik deze optie gewoon weg niet te zien. Ik zie enkel Single Post en Single Page. Bij deze krijg je de optie niet om een Custom Post Type aan te koppelen.. Ik gebruik het Hello thema van Elementor zelf. Kan jij me helpen?

    Groeten,
    Cédric

  4. Hoi Cédric,

    Dat er nu extra opties zijn voor single template en single posts is inderdaad relatief nieuw (zal het artikel binnenkort updaten). Op zich maakt het niet uit waarvoor je kiest; de custom post types zouden altijd zichtbaar moeten zijn bij de publicatie condities. Ook zou je het kunnen testen via de preview settings (klik op het tandwieltje linksonderin het Elementor panel) en dan het post type selecteren voor de preview. Zie je daar de CPT’s niet tussen staan?

    Groet,

    Sanne

  5. Hi Sanne,

    Hoera, het is gelukt! Bedankt voor het snelle antwoord!

    Groeten,
    Cédric

Reacties zijn gesloten.

Tips ontvangen?

Schrijf je in voor updates!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.