Elementor gebruiken: de complete gids

par Passy Guy | Elementor

Heb je problemen om aan de slag te gaan met de Plug-in Elementor ? Hier is de complete gids over het gebruik van Elementor

Vandaag laten we u zien hoe u Elementor kunt gebruiken om de pagina's en blokken voor uw website te maken.

Paginabuilders zijn een integraal onderdeel geworden van webontwikkeling voor mensen met weinig of geen ervaring in webdesign.

Een van de meest populaire paginabuilders is Elementor, die gratis beschikbaar is en met meer functies in de premiummodus.

Elementor gebruiken

In dit artikel leggen we uit waarom we denken dat Elementor de perfecte paginabuilder is om mee te beginnen:

Maak kennis met Elementor

De eerste kennismaking van de gebruiker met uw website laat een blijvende indruk achter. Of je nu voor een retro of minimalistische stijl bent gegaan of je middelen hebt gebundeld om een ​​visie te creëren voor hoe webpagina's er in de toekomst uit zullen zien, in beide gevallen is een WordPress-paginabuilder zoals Elementor wat je in staat stelt om je website te personaliseren zonder enige codering.

Het is essentieel dat u eerst een WordPress-thema installeert dat compatibel is met Elementor.

Lees ook: Kun je Elementor gebruiken zonder thema? (Nee - hier is waarom)

Vroeger zou u uw website ontwerpen met behulp van de beschikbare ontwerpopties die door uw thema worden geboden. Maar sommige thema's misten bepaalde aanpassingsfuncties, andere waren onhandig en uiterst moeilijk aan te passen voor elke pagina.

Met Elementor-paginabuilder kunt u in realtime wijzigingen aanbrengen in uw website zonder dat u hoeft te schakelen tussen frontend en backend om te controleren hoe uw nieuwe wijzigingen zijn geïmplementeerd.

U kunt Elementor installeren door naar uw eigen website en later door het zipbestand naar uw WordPress te uploaden of door de repository van te bladeren WordPress plugins en zoeken naar "Elementor" en klikken op Installer.

Zorg ervoor dat u de plug-in activeert en u bent klaar om alle opties te verkennen die Elementor te bieden heeft.

Lees ook: Hoe Elementor te installeren

De functies die Elementor te bieden heeft

Gelukkig is Elementor een frontend-editor, wat betekent dat je de wijzigingen meteen van kracht kunt zien en aanpassingen kunt maken.

Een ander indirect voordeel is dat er vanwege zijn populariteit geen tekort is aan bronnen op YouTube of WordPress-website om u op weg te helpen. Dit artikel is een illustratief voorbeeld van deze websites.

Personalisatie op Elementor draait helemaal om widgets en als je eenmaal gewend bent aan het slepen en neerzetten van je widgets op de pagina, zul je ontdekken waarom het veel beter is dan het omgaan met de standaard paginabuilder van je WordPress-thema.

Voeg een Paypal-knopwidget in

Elke pagina op WordPress is opgebouwd uit secties en dit is de basis van pagina-opbouw met Elementor.

Er is een hamburgermenu aan de linkerkant van uw scherm waarmee u wijzigingen kunt aanbrengen in de hele website, terwijl de wijzigingen aan de rechterkant worden weergegeven.

De functie voor slepen en neerzetten zorgt voor een snellere ervaring voor het bouwen van webpagina's die doet denken aan een ontwerptool.

De enige reden waarom je een thema nodig hebt, is omdat je website niet kan functioneren zonder een thema, en Elementor zou niets veranderen zonder een thema.

lees hier Kun je Elementor gebruiken zonder thema? (Nee - hier is waarom)

Je hebt ook nog steeds het thema nodig om je kop- en voettekst te wijzigen als je van plan bent om bij de gratis versie van Elementor te blijven.

Elementor Gratis versus Elementor Pro

Het belangrijkste verschil tussen hen is het aantal widgets dat wordt aangeboden in de Pro-versie.

Kijk dus goed of je het nodig hebt in je ontwerp.

En ook de mogelijkheid om je voettekst en koptekst in Elementor te wijzigen, is handig, hoewel als je thema al wordt geleverd met een speciale kop- en voettekstbouwer, het misschien niet zo handig is. .

Wat widgets betreft, hier zijn de basiswidgets die beschikbaar zijn in de gratis versie:

  • Interne sectie
  • Beeld
  • Teksteditor
  • Video
  • knoop
  • separator
  • icon
  • deler
  • Google Maps

Hier zijn enkele van de widgets die beschikbaar zijn in de Pro-versie:

  • Portfolio's
  • Vorm
  • Flip Box
  • Prijslijst
  • Citaatblok
  • Oproep tot actie

Hieronder vindt u alle informatie die nuttig is om een ​​weloverwogen definitieve beslissing te nemen over het al dan niet upgraden naar Elementor Pro.

Maar over het algemeen raden we je aan om met de gratis versie te spelen totdat je zeker weet dat Elementor de beste WordPress-paginabuilder voor jou is.

Elementor gratis Elementor Pro
Prijs en is gratis $ 49 tot $ 99,199 / jaar
Aantal widgets 25+ 50+
Paginabouwer beschikbaar beschikbaar
Themabouwer niet beschikbaar beschikbaar
Support niet beschikbaar beschikbaar
Dynamische inhoud niet beschikbaar beschikbaar
Pro-sjablonen en -blokken niet beschikbaar beschikbaar
E-commerce integratie niet beschikbaar beschikbaar

Uiteindelijk is de geruststelling dat het ondersteuningsteam van Elementor ondersteuning biedt in de Pro-versie, wat ons sterk doet geloven in de Pro-versie.

Het wordt ook geleverd met enkele nichefuncties die u in andere plug-ins zult vinden, maar waarom zou u het niet allemaal in één keer doen.

Bijvoorbeeld, de pop-upbouwer, dynamische opties, voorwaarden waarvoor koptekst of pop-ups zichtbaar zijn, aangepaste CSS, shortcodes en sjabloonwidgets, aangepaste lettertypen en rolbeheer.

Door rollen aan gebruikers op WordPress toe te wijzen en te beperken, kunnen ze hun werk voortzetten zonder afbreuk te doen aan uw ontwerp. De klant heeft alleen toegang tot het wijzigen van de inhoud van de pagina en kan geen elementen toevoegen of verwijderen door middel van slepen en neerzetten; zo is je ontwerp altijd beschermd.

De bewerkingsomgeving

Bij het ontwerpen van je eerste pagina met Elementor, zou je in eerste instantie overweldigd kunnen worden door het aantal widgets en heb je geen ontwerp geschetst om op een leeg canvas te plaatsen; dit is waar Elementor-paginasjablonen binnenkomen voor degenen die zich op dit moment minder geïnspireerd voelen.

Selecteer gewoon een vooraf gedefinieerde sjabloon uit de enorme lijst en plaats deze op uw pagina en pas deze aan uw behoeften aan. De rechterkant is uw ontwerpspeeltuin waar u elementen kunt toevoegen die de lay-out van uw pagina vormen.

De linkerkant is een creatief paneel gevuld met widgets voor slepen en neerzetten op de pagina.

U kunt secties toevoegen en widgets slepen die bij uw ontwerp passen of kiezen voor vooraf ontworpen sjablonen.

Lees ook: Hoe een hover-effect in Elementor toe te voegen via aangepaste CSS

In het onderste paneel vindt u het cirkelvormige pijlpictogram dat u terugbrengt naar uw geschiedenis en is onderverdeeld in acties en beoordelingen; in acties kunt u uw stappen vinden en terugkeren naar een eerdere editie en onder revisie kunt u al uw opgeslagen versies vinden.

hoe gebruik je Elementor

Een ander voordeel van het gebruik van Elementor is snelle toegang tot verschillende weergavemodi, zodat u direct kunt zien hoe uw huidige ontwerp eruitziet op verschillende schermen, zoals tablet en mobiel.

Als je zin hebt om een ​​startpagina te ontwerpen, helpt Elementor's Blocks je om je eigen pagina helemaal opnieuw te bouwen.

Lees ook: Hoe een hover-effect in Elementor toe te voegen via aangepaste CSS

Tab-opties Style (kleur, lettertype, grootte) kunt u de inhoud van de blokken aanpassen aan uw behoeften.

Er is ook de uiterst handige optie om de stijl van een bestaande sectie te kopiëren en van daaruit te plakken om alle blokken op dezelfde manier te bewerken.

hoe gebruik je Elementor

Eenvoudige websites met statische pagina's, zoals voor het portfolio, zijn meestal statisch, maar de meeste websites hebben meerdere pagina's (blog, online winkel, zoekresultaten).

Deze dynamische pagina's kunnen worden bewerkt met Elementor Pro of thema-opties, bijvoorbeeld door uw eigen kop- en voettekst te ontwerpen.

Zie ook: Hoe de Coming Soon-modus te activeren in Elementor

De Pro-versie wordt ook geleverd met meer blokken, sjablonen en widgets.

Op de backend hebt u ook toegang tot het menu Extra, dat opties biedt zoals URL vervangen, onderhoudsmodus en versiebeheer om terug te keren naar een vorige versie als uw website een probleem tegenkwam met de nieuwste Elementor.

Kortom, met beide versies kunt u een pagina maken, bewerkingstools gebruiken en vooraf gedefinieerde sjablonen invoegen.

Elementor Pro-prijs

Afgaande op de bovenstaande tabel, als u ervan overtuigd bent dat Elementor Pro de juiste keuze voor u is, heeft het Elementor-team 5 verschillende plannen waarmee u aan de slag kunt, afhankelijk van het aantal licenties dat u nodig heeft.

Op het einde

Over het algemeen is het in de meeste gevallen de juiste manier om Elementor (gratis of Pro) te combineren met een krachtig WordPress-thema dat de blinde vlekken bedekt.

Andere extra premium WordPress-plug-ins 

Ontdek ook andere WordPress plugins premium die de prestaties van uw WordPress-blog of -website optimaliseren.

1. Foodify

Foodify is de snelste en gemakkelijkste manier voor klanten om eten te bestellen in een winkel. Dat is het helemaal responsive en bevat extra functies zoals afbeelding, zoekoptie, productinformatie. Foodlify restaurantmenu voor woocommerce

Het voegt ook knoppen toe aan de mand om te verbeteren de gebruikerservaring. Deze WooCommerce-extensie is een snelle, uitgebreide besteloplossing die aan elke WooCommerce-website kan worden toegevoegd.

Hier voor jou 5 WordPress plug-ins om categoriebeschrijvingen en labels te optimaliseren

Het heeft het voordeel dat het zeer flexibel en compatibel is met veel bestaande plug-ins in de WordPress-directory.

Downloaden | demonstratie | web hosting

2. Pan zoombeeld

Met deze plug-in kun je eenvoudig een panoramische zoomfunctie toevoegen voor afbeeldingen op je WordPress-blog via een shortcode. U kunt het bijvoorbeeld integreren in uw artikel of uw pagina.

Afbeelding zoom pan wordpress plugin voor zoom

Als functionaliteiten heb je onder andere: de panoramische zoom op een enkele afbeelding of een galerij met onbeperkte afbeeldingen, de positie van de bedieningsbalk kan boven, rechts, onder en links zijn, de bodem van de container kan donker, licht en niets van dat alles zijn; de live preview in het dashboard, het voorbeeld van meervoudig panzoomen op dezelfde pagina, enz.

Ontdek ook onze 5 shortcodes premium WordPress plug-ins

Downloaden | demonstratie | web hosting

3. Slider Pro

De Slider Pro-oplossing biedt u een alles-in-één-platform waarmee u dia's of schuifregelaars kunt maken en bewerken die niet alleen aantrekkelijk zijn voor bloggers, maar ook voor degenen die niet alleen artikelen publiceren.

Slider pro responsieve WordPress slider plugin

Ce WordPress Plugin premium vermijdt onnodige franjes, die vaak een obstakel zijn voor gebruikers die op zoek zijn naar de informatie die ze nodig hebben. Daarnaast richt het zich op eenvoud en prestaties, terwijl het een breed scala aan aanpassingsmogelijkheden biedt.

Ontdek ook Hoe maak je een diavoorstelling met Slider Revolution op WordPress

Zijn beheer van Urls op de zoekbalk van de browser is een van de functies die opviel bij de laatste. Zoals de naam al doet vermoeden, is dit de professionele oplossing die u nodig heeft.

Lees ook onze 5 WordPress-plug-ins om veelgestelde vragen op een blog te maken

De kenmerken zijn: geoptimaliseerd laden van afbeeldingen, eenvoudige aanpassing, vloeiende animaties, meerdere lay-outs en meer.

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

Conclusie

Alstublieft ! Dat was het voor ons artikel dat u laat zien hoe u Elementor kunt gebruiken op WordPress. Als je hebt reacties of suggesties, aarzel niet om ons te laten weten in de gereserveerde sectie.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig heeft om uw projecten voor het maken van internetsites uit te voeren, raadpleeg dan onze gids op WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken. 

... 

Plaats de reactie

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *

Deze site gebruikt Akismet om ongewenst te verminderen. Meer informatie over hoe uw opmerkingen worden gebruikt.