Wil je een lay-out maken met Elementor? Wil je eenvoudig een professioneel ogende WordPress-website maken? Dan moet je Download hier de WordPress Elementor-plug-in.

 Elementor is een visuele paginabuilder die de "Drag and Drop" -functie biedt waarmee u eenvoudig aangepaste lay-outs op WordPress kunt maken zonder enige kennis van codering.

In deze zelfstudie laten we u zien hoe u eenvoudig met een paar klikken aangepaste WordPress-lay-outs kunt maken met Elementor. Wij bieden u ook bekijk de andere alternatieven van deze prachtige WordPress-plug-in.

Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

maak een lay-out met Elementor

Waarom en wanneer aangepaste lay-outs maken op WordPress?

Voordat u begint, kunt u deze WordPress-plug-in ontdekken door de artikelen te raadplegen Presentatie van een WordPress builder-pagina: Elementor of het ontdekken van de Elementor tutorial: introductie van de interface 

Veel WordPress-thema's Zowel gratis als premium bieden meerdere lay-outkeuzes voor verschillende soorten pagina's. Soms voldoet echter geen van deze sjabloonlay-outs aan uw behoeften.

Als u echter een fan bent van PHP, HTML en CSS, kunt u uw eigen paginasjablonen maken of zelfs een kindthema voor uw website maken. Maar de meeste WordPress-gebruikers zijn geen ontwikkelaars, dus deze optie werkt niet voor hen.

Ontdek ook deze 8 WordPress plug-ins om eenvoudig uw lay-outs te maken

Zou het dan niet geweldig zijn om lay-outs te maken met een eenvoudige interface (slepen en neerzetten)?

Dit is precies wat Elementor doet. Dit is een plug-in voor het maken van WordPress-pagina's waarmee u eenvoudig uw eigen aangepaste WordPress-lay-outs kunt maken zonder codeervaardigheden.

Het heeft een intuïtieve gebruikersinterface waarmee u aangepaste lay-outs kunt maken met realtime preview. Het wordt geleverd met tal van kant-en-klare modules voor alle soorten webontwerpelementen.

Het biedt verschillende professioneel ontworpen paginasjablonen die u direct als startpunt kunt laden en gebruiken. Met dat gezegd, laten we eens kijken hoe we aangepaste WordPress-lay-outs kunnen maken met de WordPress Elementor-plug-in.

Aan de slag met Elementor

U moet eerst de plug-in kopen " Elementor Pro ". Dit is de betaalde versie van de plug-in " Elementor Gratis die u toegang geeft tot extra functies en de klantenservice van 1.

Dan moet u de . installeren en activeren Plug-in Elementor. Zie onze stapsgewijze handleiding voor meer informatie manier om een ​​WordPress-plug-in te installeren.

Ga na activering naar de " Elementor> Instellingen Om de werking van deze plug-in te configureren.

Elementinstellingen

Hier kunt u "Elementor" activeren voor verschillende soorten berichten. Standaard is het ingeschakeld voor uw WordPress-berichten en -pagina's. Als u aangepaste berichtindelingen op uw website heeft, worden deze ook hier weergegeven en kunt u deze ook inschakelen.

U kunt gebruikersrollen uitsluiten of opnemen die Elementor kunnen gebruiken tijdens het schrijven van berichten of pagina's. Standaard is het alleen ingeschakeld voor beheerders.

Ontdek onze 8 WordPress-plug-ins om rollen en gebruikers te beheren

Vergeet niet op de knop «te klikken Wijzigingen opslaan Om uw instellingen op te slaan.

Een aangepaste lay-out maken met Elementor

Eerst moet u een nieuwe pagina (of bericht) op uw WordPress-website maken. Op de pagina voor het bewerken van berichten zul je de nieuwe knop "Bewerken met Elementor" opmerken.

Bewerk met elementor

Als u erop klikt, wordt de gebruikersinterface van Elementor geopend, waar u uw pagina kunt bewerken met behulp van de visuele paginabuilder met slepen en neerzetten.

Sleep elementor

U kunt nu secties toevoegen en uw pagina helemaal opnieuw maken, of u kunt nog steeds een van de standaard verzonden sjablonen laden.

Modellen zijn een snellere manier om snel aan de slag te gaan. Elementor biedt dus verschillende professioneel ontworpen sjablonen die u zoveel kunt aanpassen als u wilt.

Laten we beginnen met een sjabloon door op de knop ' Voeg een sjabloon toe .

Dit geeft een pop-upvenster weer waarin u de verschillende beschikbare modellen kunt zien. Je moet op zoek gaan naar een model dat eruit ziet zoals je wilt. 

Layout elemntor plugin

Klik nu om het gewenste model te selecteren en klik vervolgens op de knop invoegen Om het aan uw pagina toe te voegen.

Elementor laadt de sjabloon voor u.

U kunt nu beginnen met het aanpassen van de sjabloon aan uw behoeften. Wijs en klik gewoon op een element om het te selecteren, en Elementor zal u de instellingen in de linkerkolom laten zien.

Begin van het bewerken van pagina's op elementor

Laten we het nu hebben over hoe de lay-outs van Elementor werken.

De modellen aangeboden door de Plug-in Elementor zijn gebouwd op secties, kolommen en widgets. Secties zijn als lijnen of blokken die u op uw pagina plaatst.

Elke sectie kan meerdere kolommen hebben en elke sectie en kolom kan zijn eigen stijlen, kleuren, inhoud, enz. Hebben.

Een pagina bewerken met elementor

Je hebt de mogelijkheid om elementen in je kolommen en secties toe te voegen met behulp van de widgets die Elementor aanbiedt.

Deze widgets zijn soorten inhoudsblokken die u in secties van uw pagina's kunt plaatsen.

Selecteer gewoon een widget en zet deze in uw sectie of kolom. Er is een enorme reeks widgets beschikbaar die alle populaire webdesign-elementen dekken die je maar kunt bedenken.

Element e-ontwerp met elementor

U kunt afbeeldingen, teksten, onderwerpen, afbeeldingsgalerijen, video's, kaarten, pictogrammen, getuigenissen, schuifregelaars, carrousels en nog veel meer toevoegen.

Zie ook onze 15 Elementor-thema's en sjablonen om een ​​website te maken

Je kunt ook standaard WordPress-widgets toevoegen en zelfs widgets die door anderen zijn gemaakt WordPress plugins op uw website.

Als u klaar bent met het maken van uw eigen of het wijzigen van uw lay-out, kunt u klikken op de knop ' Enregistrer Om uw wijzigingen te behouden.

Pas de lay-out aan met elementor

Opmerking: Als u een lay-out opslaat, wordt de pagina niet op uw WordPress-website gepubliceerd. Het slaat eenvoudig uw lay-out op.

Op dit punt heb je de mogelijkheid om een ​​voorbeeld van je pagina te bekijken of naar het WordPress-dashboard te gaan. Dat brengt je terug naar de standaard WordPress-berichteditor. U kunt nu uw WordPress-pagina opslaan of op uw website publiceren.

Lay-outpublicatie met elementor

Dat is alles, dus klaar met het maken van een pagina met de WordPress Elementor-plug-in.

Maar zoals veel paginabouwers biedt het ook extensies waarmee u gemakkelijk en snel nieuwe lay-outs kunt maken door meer ontwerpelementen naar de standaardplug-in te brengen.

Elementor downloaden

Ontdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. JetElements 

Deze plug-in zal uw Elementor-bundel uitbreiden met een breed scala aan modules die zeer nuttig zullen zijn bij het bouwen van uw website. Krachtige elementen zijn speciaal gemaakt om te integreren met de functionaliteit van Elementor om u veelzijdige oplossingen en stijlvolle elementen te bieden.

Elementor wordpress plugin jetelement

De belangrijkste kenmerken zijn: veel nuttige modules, met veel stijlopties, functionele parameters en absoluut aanpasbare elementen, ongelooflijke elementen om snel uw online winkel te starten, ondersteuning voor RTL-talen, Ondersteuning voor WPML-plug-ins en een module Contact Formulier 7 geweldig, waarmee u uw contactformulieren kunt toevoegen en in uw website kunt insluiten.

Downloaden | demonstratie | web hosting

2. JetMenu 

JetMenu is een extensie zeer functioneel plugin Elementor, waarmee u kunt maken megamenus met eenvoudig te gebruiken schuifelementen. Deze plug-in beperkt uw verbeelding niet en biedt de mogelijkheid om verbazingwekkende menu's te maken en deze te vernieuwen volgens uw visie en uw behoeften.

Jetmenu wordpress element of plug-in

De belangrijkste kenmerken zijn: Geen kennis van codering vereist, rijke functies die perfect combineren met eenvoud en duidelijkheid, een grote selectie inhoudsmodules, speciaal ontwikkeld om u te helpen bij het maken van uw menu's, een zeer responsieve lay-out en meer.

Als u de menu's of megamenus van uw website wilt opfleuren, is deze WordPress-plug-in te raadplegen.

Downloaden | demonstratie | web hosting

3. JetWooBuilder 

JetWooBuilder is een onmisbare add-on waarmee u volwaardige WooCommerce-productpagina's met Elementor kunt maken.

Jetwoobuilder wordpress element of plug-in

Als functies vindt u onder andere: verschillende unieke productpagina-sjablonen, veel visuals om productpagina's te maken WooCommerceveel opvallende inhoudwidgets, zoals Toevoegen aan winkelwagentje, Voorbeeld, Afbeelding, Beoordeling, Gerelateerd en nog veel meer, de mogelijkheid om producttaxonomieën en nog veel meer.

Downloaden | demonstratie | web hosting

Enkele nuttige bronnen:

Conclusie:

Alstublieft ! Dat is het voor deze tutorial, ik hoop dat je hiermee moderne en professionele lay-outs kunt maken met de plug-in Elementor.

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

Deel dit artikel vooral op uw verschillende sociale netwerken.

...