Elementor
Elementor Pro is de page builder die wij gebruiken voor al onze WordPress websites. Hier leer je hoe je zelf aanpassingen maakt zonder technische kennis.
28 artikelen
Index
Alle artikelen over elementor
- Hoe open ik een pagina in Elementor?Ga naar Pagina's in WordPress, zweef over de pagina die je wilt bewerken en klik op 'Bewerken met Elementor'. Of klik op 'Bewerken met Elementor' in de bovenbalk wanneer je de pagina bekijkt.
- Hoe bewerk ik tekst en knoppen in Elementor?Klik op het tekstelement of de knop in de Elementor editor. Links verschijnt het bewerkingspaneel waar je tekst, lettertype, kleur en link kunt aanpassen.
- Hoe werken Global Styles en Fonts in Elementor?Global Styles zijn website-brede instellingen voor kleuren en lettertypes. Wijzig ze op één plek en de aanpassing geldt voor je hele website. MADA Tech websites gebruiken het Cairo font.
- Hoe maak ik een sectie en kolommen in Elementor?Klik op het plus-icoon om een nieuwe sectie toe te voegen. Kies het aantal kolommen en sleep widgets naar de kolommen. Pas breedte en spacing aan in het paneel.
- Hoe gebruik ik templates en herbruikbare blokken in Elementor?Elementor Pro biedt templates die je als startpunt kunt gebruiken. Je kunt ook eigen secties opslaan als template om ze op andere pagina's te hergebruiken.
- Hoe voorkom ik dat mijn website stuk gaat op mobiel?Gebruik Elementor's responsive modus om per apparaat (desktop, tablet, mobiel) instellingen aan te passen. Check altijd het resultaat op meerdere schermformaten.
- Hoe voeg ik een formulier toe in Elementor?Sleep de Form widget naar je pagina. Configureer de velden, stel het ontvangst-e-mailadres in en voeg eventueel reCAPTCHA toe tegen spam.
- Hoe voeg ik een afbeelding toe in Elementor?Sleep de Image widget naar je pagina en klik op 'Kies afbeelding' om een afbeelding te uploaden of te selecteren uit de mediabibliotheek.
- Hoe stel ik een achtergrondafbeelding of kleur in?Selecteer een sectie of container in Elementor, ga naar het tabblad 'Stijl' en kies onder 'Achtergrond' een kleur, afbeelding of gradient.
- Hoe gebruik ik iconen in Elementor?Elementor bevat een uitgebreide iconenbibliotheek (Font Awesome). Gebruik de Icon widget of voeg iconen toe aan knoppen, lijsten en andere widgets.
- Hoe voeg ik animaties toe in Elementor?Selecteer een element, ga naar 'Geavanceerd' en kies onder 'Motion Effects' een entrance animatie. Gebruik animaties spaarzaam voor een professioneel resultaat.
- Hoe bewerk ik de header en footer in Elementor?Met Elementor Pro's Theme Builder kun je custom headers en footers ontwerpen. Ga naar Templates > Theme Builder en kies Header of Footer.
- Hoe voeg ik een video toe in Elementor?Gebruik de Video widget om een YouTube, Vimeo of zelf gehoste video toe te voegen. Sleep de widget naar je pagina en plak de video URL.
- Hoe gebruik ik spacers en dividers in Elementor?De Spacer widget voegt lege ruimte toe, de Divider widget voegt een scheidingslijn toe. Gebruik ze om je pagina visueel te structureren.
- Hoe maak ik een popup in Elementor?Ga naar Templates > Popups > Nieuwe toevoegen. Ontwerp je popup, stel triggers in (bij laden, bij scrollen, bij klikken) en publiceer.
- Hoe maak ik een slider of carousel in Elementor?Gebruik de Slides widget voor een fullwidth slider of de Image Carousel voor een afbeeldingencarousel. Stel navigatie, autoplay en snelheid in.
- Hoe gebruik ik Global Widgets in Elementor?Een Global Widget is een herbruikbaar element dat je op meerdere pagina's plaatst. Wijzig je het op één plek, dan wordt het overal bijgewerkt.
- Hoe maak ik een navigatiemenu in Elementor?Gebruik de Nav Menu widget in Elementor Pro. Koppel het aan een WordPress menu en style het naar wens met kleuren, hover-effecten en mobiel menu.
- Hoe maak ik een custom header en footer in Elementor?Gebruik Elementor Pro's Theme Builder. Ga naar Templates > Theme Builder > Header (of Footer) en ontwerp je eigen header of footer.
- Hoe gebruik ik Icon Box en Testimonial widgets?De Icon Box combineert een icoon met tekst voor USP's of diensten. De Testimonial widget toont klantrecensies met foto, naam en citaat.
- Hoe stel ik spacing, padding en margin in bij Elementor?Ga naar het tabblad Geavanceerd van een element. Hier stel je margin (buitenruimte) en padding (binnenruimte) in per zijde of voor alle zijden tegelijk.
- Hoe voeg ik Google Maps toe in Elementor?Gebruik de Google Maps widget in Elementor. Vul je adres in en stel zoom, hoogte en styling in. Je kunt ook een custom marker toevoegen.
- Hoe voeg ik custom CSS toe in Elementor?Ga naar Geavanceerd > Custom CSS bij elk element. Of gebruik het hamburgermenu > Site Settings > Custom CSS voor site-brede CSS.
- Hoe dupliceer of kopieer ik elementen in Elementor?Klik rechts op een element en kies 'Dupliceren' voor een kopie eronder. Of gebruik 'Kopiëren' en 'Plakken' om elementen tussen pagina's te verplaatsen.
- Hoe voeg ik social media iconen toe in Elementor?Gebruik de Social Icons widget. Voeg iconen toe voor Facebook, Instagram, LinkedIn etc. en vul de URL naar je profielpagina in.
- Hoe maak ik een FAQ of accordion in Elementor?Gebruik de Accordion of Toggle widget. Voeg items toe met een titel (vraag) en content (antwoord). Accordion sluit andere items, Toggle niet.
- Wat is het verschil tussen Containers en Sections in Elementor?Containers zijn de nieuwe standaard in Elementor 3.6+. Ze zijn flexibeler dan sections en ondersteunen Flexbox layout voor betere responsive designs.
- Welke sneltoetsen zijn er in Elementor?Ctrl+S om op te slaan, Ctrl+Z om ongedaan te maken, Ctrl+C/V om te kopiëren en plakken, en Ctrl+Shift+M voor responsive preview.
Hulp nodig?
Wij helpen je graag verder
Plan een gratis adviesgesprek of vraag een gratis websitescan aan.
