WordPress & Elementor kennisbank

WordPress template maken zonder kennis van code in 3 stappen

Inhoud van dit artikel:

Ben je wel handig met WordPress maar voel je je beperkt door de mogelijkheden van je thema? Tegenwoordig kun je zonder kennis van codes eenvoudig een WordPress template maken met behulp van de pagebuilder Elementor Pro. In drie eenvoudige stappen leg ik je uit hoe je met de Theme Builder van Elementor een WordPress template maakt voor pagina’s, berichten, blogs, portfolio items, profielen, producten of andere custom post types.

Stap 1: WordPress template maken voor single page

Met Elementor Pro maak je eenvoudig een WordPress template. Dit kun je natuurlijk doen voor een losse pagina, maar het is nog beter als je het kunt doen voor een post type. Bijvoorbeeld voor je blogartikelen. Zo hoef je niet steeds voor elk artikel het template opnieuw aan te passen (wat bij veel pagebuilders wel het geval is). Elementor biedt hiervoor de optie om een WordPress template te maken voor bepaalde post types of voor pagina’s binnen bepaalde categorieën of tags.

Ga naar in je WordPress menu naar ‘Templates’ (onder Elementor) –> ‘Theme Builder’

Klik op ‘Nieuwe toevoegen’. Maak een template aan voor bijvoorbeeld je blogartikelen.

Blog template maken met Elementor

Stap 2: het template maken

Zodra je een nieuw template aanmaakt, opent direct de bibliotheek van Elementor waarin je kunt kiezen uit templates die Elementor al voor je heeft gemaakt. Deze kun je zelf invoegen en aanpassen, maar je kunt er ook voor kiezen om zelf een WordPress template voor je blog te maken.

Tip: het is handig om wel al berichten of pagina’s klaar te hebben staan voordat je bezig gaat met het maken van een WordPress template. Zo kun je direct een voorbeeld zien. 

Elementen voor je template

Wanneer je bezig gaat met het maken van een WordPress template zie je in het menu van Elementor bovenaan direct alle Elementen staan die je kunt gebruiken op de website.

WordPress template maken met Elementor widgets

Post title
Hiermee laad je de titel die je hebt ingevuld in de WordPress editor.

Post Excerpt
Dit is de samenvatting die je kunt invullen als je een pagina of bericht aanmaakt in WordPress.

Post content
Dit is alles wat je maakt in de WordPress editor. Deze content kun je eventueel ook nog weer opmaken met Elementor (maar zou ik niet per se aanraden)

Featured image
Laad de uitgelichte afbeelding die je hebt toegevoegd bij je bericht of pagina.

Author box
Geeft de wordpress gebruiker weer die het bericht heeft aangemaakt.

Post comments
Geeft bezoekers de mogelijkheid om een reactie te plaatsen en toont de reacties die al geplaatst zijn.

Post navigation
Hiermee kunnen bezoekers navigeren naar het vorige en volgende artikel

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.

Zelf een WordPress template maken

Kies je ervoor om zelf een template te maken, dan kun je de bovenstaande widgets eenvoudig naar het canvas slepen. Daarnaast kun je natuurlijk ook gebruik maken van alle andere widgets. Plaats bijvoorbeeld social media share buttons of een sidebar naast je blog.

Voorbeeld tonen van het template

Als je bezig gaat met het maken van een template, is het handig om een voorbeeld bericht in te laden. Elementor doet dit al automatisch, maar soms gebruik je liever een ander voorbeeld. Zo pas je het aan:

Ga naar instellingen (rechtsonderin klikken op het tandwiel)

Je kunt nu kiezen welke van welke post type je een voorbeeld wilt zien. In dit geval ‘bericht’

Kies vervolgens wel bericht je in het voorbeeld wilt tonen:

Stap 3: Publiceer het template

Ben je helemaal tevreden? Publiceer dan het template door rechtsonderin op de button ‘Publiceren‘ te klikken. Je kunt nu direct de condities – op welke pagina je het template wilt gebruiken – instellen. Zo kun je bijvoorbeeld bepaalde categorieën uitsluiten als dit wenselijk is.

Zo eenvoudig kun je dus een WordPress template maken met Elementor. Ben je helemaal klaar? Vergeet dan niet om je template ook te optimaliseren voor mobiel. 

 

Sanne IJspeerd

Sanne IJspeerd

Eigenaar SIJ Web | WordPress & Elementor Specialist
Website Strateeg | Marketing Manager in de IT

Ook bloggen op
SIJ Web?
Vergroot je zichtbaarheid en meld je aan als partner!

Populaire plugins

4/5
5/5
4.5/5
Meer doen met Elementor?
Schrijf je in voor de nieuwsbrief
No worries. Ik ga je niet spammen. Je ontvangt max. 2 keer per maand een nieuwsbrief.

Ook interessant voor jou

Elementor loop builder: 10 praktische voorbeelden

Transparante header WordPress maken met Elementor

De 8 voordelen van Elementor Pro voor marketeers

Mis geen updates

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

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