Wie zich voor het eerst met WordPress bezighoudt, struikelt binnen enkele minuten over de naam Elementor. Meestal in een formulering als „daarmee bouw je je website zonder programmeren“. Dat klopt, maar het verklaart niet wat het ding eigenlijk is en waarom het überhaupt bestaat. Hier de nuchtere versie.
De korte versie
Elementor is een WordPress-plug-in waarmee u pagina-inhoud visueel vormgeeft. In plaats van tekst in een invoerveld te typen en te hopen dat het thema er iets behoorlijks van maakt, sleept u elementen op een vlak en ziet u meteen hoe het resultaat eruitziet. Wat u in de editor ziet, is in wezen wat de bezoeker later ziet.
Zulke gereedschappen heten page builders. Elementor is de meest verbreide daarvan; het draait op meerdere miljoenen WordPress-installaties.
Waarom het überhaupt bestaat
WordPress was oorspronkelijk blogsoftware. Je schreef tekst, het thema bepaalde het uiterlijk, klaar. Zodra iemand een startpagina met drie kolommen, een afbeeldingsachtergrond en een uitgelichte knop wilde, werd het moeizaam: ofwel een thema vinden dat precies dat kan, ofwel programmeren.
Page builders hebben dat gat gedicht. Ze maken layouts mogelijk die het thema uit zichzelf niet voorziet — zonder dat u CSS of PHP hoeft aan te raken.
Inmiddels brengt WordPress met de blok-editor (Gutenberg) zelf een vergelijkbaar gereedschap mee. Hoe die twee zich tot elkaar verhouden en wanneer welk zinvoller is, heb ik uitvoerig opgeschreven in de vergelijking blok-editor tegen page builder.
Hoe het voelt om ermee te werken
De opbouw is snel uitgelegd. Links zit een balk met elementen — kop, tekst, afbeelding, knop, video, icoon enzovoort. Rechts (of in het midden, afhankelijk van de weergave) ligt uw pagina. U sleept een element erin, klikt het aan, en de linkerbalk wordt het instellingengebied voor precies dat element.
Die instellingen zijn in drie tabbladen verdeeld, en dat patroon geldt voor elk element:
- Inhoud — wat erin staat: de tekst, de afbeelding, het linkdoel.
- Stijl — hoe het eruitziet: kleur, lettergrootte, afstanden, randen.
- Geavanceerd — waar het zit en hoe het zich gedraagt: buitenmarges, zichtbaarheid op mobiele apparaten, eigen CSS-klassen.
Als u die driedeling eenmaal hebt verinnerlijkt, vindt u in elk widget uw weg. Dat is de eigenlijke leerstap — de rest is oefening.
Containers: het deel dat velen overslaan
Elementen liggen niet los op de pagina, maar in houders. Deze containers bepalen de structuur: hoe breed de inhoud is, of elementen naast of onder elkaar staan, hoe ze op de telefoon afbreken.
Wie containers negeert en simpelweg widgets erin gooit, krijgt pagina's die op de desktop behoorlijk ogen en op de telefoon uit elkaar vallen. Dat is met afstand de meest voorkomende fout die ik in trainingen repareer. Ik heb daarom een eigen artikel aan het onderwerp gewijd: Containers in plaats van sections.
Gratis of betaald?
Elementor bestaat in twee uitvoeringen. De gratis versie is volwaardig en is voor veel websites toereikend. De Pro-versie vult vooral vier dingen aan: een eigen formulierwidget, de Theme Builder voor kop- en voetgedeelte, pop-ups en dynamische inhoud.
Welke versie bij u past, heb ik doorgerekend in Elementor Free of Pro. Kort gezegd: begin gratis, u merkt tijdens het bouwen zelf of u meer nodig hebt.
Elementor Pro: Als u kopgedeelte, formulieren en pop-ups uit één hand wilt in plaats van drie aparte plug-ins te onderhouden, zit dat allemaal in de Pro-licentie. Bekijk Elementor Pro
Voor wie het geschikt is — en voor wie niet
Passend, als u uw website zelf wilt onderhouden, een layout in uw hoofd hebt die uw thema niet biedt, en bereid bent een paar uur in de basis te steken.
Minder passend, als uw site uit lopende tekst bestaat en geen bijzondere layouts nodig heeft — dan volstaat de blok-editor. Evenzo als maximale laadsnelheid boven alles gaat: een page builder genereert onvermijdelijk meer markup dan handgeschreven code. En als u toch nooit zelf aan de site zult werken, is de leertijd slecht geïnvesteerd.
Ik zeg dat duidelijk, omdat Elementor niet voor elke situatie het juiste antwoord is. Wanneer ik het afraad, staat in Wanneer Elementor de verkeerde keuze is.
Hoe u het best begint
Installeer de gratis versie, maak een testpagina aan die nooit wordt gepubliceerd, en bouw daar een uur lang wat rond. Sleep elementen erin, verschuif ze, schakel naar de telefoonweergave en bekijk wat er gebeurt. U leert in dat ene uur meer dan in vijf video's.
Als u de gestructureerde weg verkiest en de typische struikelblokken liever overslaat, leid ik u in mijn Elementor-training door precies deze basis.
Tags