Ga naar hoofdinhoud

Webspace: WordPress Elementor

Deze handleiding is gemaakt met de volgende producten:

(Details kunnen verschillen bij producten van verschillende aanbieders, maar de hoofdconcepten blijven hetzelfde)

Introductie

Elementor is een krachtige en gebruiksvriendelijke page builder voor WordPress waarmee je zonder enige codeerkennis makkelijk professionele websites bouwt.

info

Elementor is beschikbaar in een gratis en betaalde versie. Met de gratis versie van Elementor (Elementor Core) heb je alles wat je nodig hebt om te starten met je website. Elementor Pro bouwt voort op de gratis versie en biedt extra functies en Pro-widgets. Meer info over de exacte verschillen vind je in de officiële documentatie van Elementor.

Installatie

Voor het gebruik en de installatie van Elementor moet je WordPress al geïnstalleerd en draaiend hebben op je webspace. Als dat nog niet zo is, moet je die stap eerst doen. Weet je niet precies hoe? Check dan onze WordPress Installatie gids.

Als WordPress eenmaal draait, kun je Elementor gaan installeren. Elementor wordt als plugin geïnstalleerd in WordPress. Hoe je plugins installeert, lees je in onze WordPress Plugins gids.

Ga in WordPress naar Plugins, klik bovenaan op de knop Nieuwe plugin toevoegen. Zoek vervolgens op Elementor en klik bij Elementor Website Builder - More than just a page builder op installeren.

img

Configuratie

Na de installatie kun je verder met de configuratie. Je ziet nu het Elementor welkomstscherm. Hier word je door de volgende stappen geleid: een Elementor account aanmaken, het “Hello” thema installeren, gewenste functies selecteren en tot slot de bevestiging “Good to go”. Volg gewoon de instructies om Elementor volledig in te stellen.

img

Een Elementor account aanmaken is niet per se nodig, tenzij je direct Elementor Pro wilt gebruiken. Daarna kun je het thema installeren en de extra functies toevoegen die je nodig hebt.

img

Aan de slag

Je kunt nu beginnen met het ontwerpen van je website met Elementor. Het is slim om eerst een goed overzicht te krijgen van hoe Elementor werkt, welke widgets er zijn, hoe je design en layout aanpast en hoe je losse pagina’s en templates maakt.

Beschikbare Widgets

Zowel de gratis als betaalde versie van Elementor biedt een breed scala aan widgets om je website mee te ontwerpen en te personaliseren.

Basis Widgets

De gratis versie van Elementor geeft je een selectie widgets waarmee je zonder extra kosten je website vormgeeft:

  • Inner Section, Heading, Image, Text Editor, Video, Button, Star Rating, Divider, Google Maps, Icon, Image Box, Icon Box, Basic Gallery, Image Carousel, Icon List, Counter, Spacer, Testimonial, Tabs, Accordion, Toggle, Social Icons, Progress Bar, Sound Cloud, Shortcode, HTML, Menu Anchor, Alert, Sidebar, Text Path, Container en Link in Bio.

Pro Widgets

Breid het design van je website nog verder uit met extra Pro widgets. De Elementor Pro versie bevat onder andere deze extra widgets:

  • Posts, Share Buttons, Portfolio, Slides, Form, Login, Nav Menu, Animated Headline, Price Table, Price List, Gallery, Flip Box, Call to Action, Media Carousel, Testimonial Carousel, Nested Carousel, Loop Carousel, Table of Content, Countdown, Facebook Page, Blockquote, Template, Reviews, Facebook Button, Facebook Embed, Facebook Comments, PayPal Button, Lottie Widget, Code Highlight, Video Playlist, Hotspot, Progress Tracker, Stripe Button, Mega Menu, Off-Canvas

Design en Layout

Pagina maken

Maak een nieuwe pagina en ontwerp ‘m helemaal zoals jij wilt met Elementor. Open Elementor via de sidebar en kies "Pagina maken". De editor geeft je talloze widgets en instelmogelijkheden om design en content flexibel aan te passen.

img

Templates

Maak templates voor containers, pagina’s of secties die je vaker kunt gebruiken. Het grote voordeel: je hoeft wijzigingen maar op één plek te doen. Alle plekken waar de template gebruikt wordt, worden automatisch bijgewerkt. Dat bespaart tijd en zorgt voor een uniforme look op je site.

img

Elementor documentatie

Deze gids focust zich puur op installatie, configuratie en de basics van WordPress met de Elementor uitbreiding. Voor een diepere duik in Elementor raden we de officiële Elementor documentatie en het Help Center aan.

Meer Elementor extensies

De mogelijkheden qua instellingen, thema’s of widgets zijn afhankelijk van de Elementor versie - gratis of Pro - tot op zekere hoogte beperkt. Maar er zijn ook veel third-party extensies die je designopties flink uitbreiden of nieuwe features toevoegen. Zo heb je nog meer vrijheid om je website precies zo te maken als jij wilt.

ExtensieGebruik
Ultimate Addons for ElementorGratis en betaalde versie
Master Addons for ElementorGratis en betaalde versie
Essential Addons for ElementorGratis en betaalde versie
Premium Addons for ElementorGratis en betaalde versie
Happy Addons for ElementorGratis en betaalde versie
ThePlus AddonsGratis en betaalde versie
JetElementsBetaalde versie

Conclusie

Gefeliciteerd! Als je alle stappen hebt gevolgd, heb je Elementor succesvol geïnstalleerd en ingesteld. Heb je nog vragen of hulp nodig? Ons supportteam staat dagelijks voor je klaar! 🙂