meer verkopen chatbots

Hoe maak je aangepaste WordPress lay-outs met Elementor

5 min


112

Wilt u uw eigen aangepaste paginalay-outs maken in WordPress? Elementor is een WordPress- paginabuilder met slepen & neerzetten waarmee u eenvoudig aangepaste WordPress-lay-outs kunt maken zonder codeerkennis. 

In dit artikel laten we u zien hoe u gemakkelijk aangepaste WordPress-lay-outs maakt met Elementor met slechts een paar klikken.
Hoe maak je aangepaste WordPress lay-outs met Elementor

Waarom en wanneer heb je aangepaste WordPress-lay-outs nodig?

Veel gratis en premium WordPress-thema’s worden geleverd met meerdere lay-outkeuzes voor verschillende soorten pagina’s. Soms voldoet echter geen enkele van deze lay-outs aan uw vereisten.

Als u weet hoe u moet coderen in PHP , HTML en CSS , kunt u uw eigen paginasjablonen maken of zelfs een kindthema voor uw site maken. De meerderheid van de WordPress-gebruikers zijn echter geen ontwikkelaars, dus deze optie werkt niet voor hen.

Zou het niet geweldig zijn als je gewoon pagina-opmaken kon maken met behulp van een drag-and-drop interface?
Dit is precies wat Elementor doet. Het is een WordPress-paginabuilder-plug-inwaarmee 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 een live preview. Het wordt geleverd met veel gebruiksklare modules voor alle soorten webontwerpelementen.

Er zijn verschillende professioneel ontworpen sjablonen die u onmiddellijk kunt laden en gebruiken als een startpunt. Het werkt met alle standaard compatibele WordPress-thema’s en is compatibel met alle populaire WordPress-plug-ins .

Dat gezegd hebbende, laten we eens kijken hoe we aangepaste WordPress-lay-outs kunnen maken met Elementor.

Aan de slag met Elementor

Eerst moet je Elementor Pro- plug-in kopen. Het is de betaalde versie van de gratis Elementor-plug-in en geeft u toegang tot extra functies en 1 jaar ondersteuning.
Vervolgens moet u de Elementor-plug-in installeren en activeren. 
Bij activering moet je de Elementor »Instellingen- pagina bezoeken om de plugin-instellingen te configureren.
Elementor-instellingen
Hier kun je Elementor inschakelen voor verschillende berichttypen . Standaard is deze ingeschakeld voor uw WordPress-berichten en -pagina’s. 

Als u aangepaste berichttypen op uw site heeft, worden deze hier ook weergegeven en kunt u ze ook inschakelen.
U kunt dan niet opnemen gebruikersrollen die Elementor kan gebruiken bij het schrijven van berichten of pagina’s. Standaard is dit alleen ingeschakeld voor beheerders.
Vergeet niet op de knop Wijzigingen opslaan te klikken om uw instellingen op te slaan.

Aangepaste WordPress-lay-out maken met Elementor

Eerst moet je een nieuwe pagina (of bericht) maken op je WordPress-site. Op het berichtbewerkingsscherm zul je de nieuwe knop ‘Bewerken met Elementor’ opmerken.
Bewerken met Elementor-knop
Als u erop klikt, wordt de Elementor-gebruikersinterface gestart waar u uw pagina kunt bewerken met de pagina-opbouwfunctie voor slepen en neerzetten van Elementor.
Elementor bouwerinterface
Nu kunt u secties toevoegen en uw pagina helemaal opnieuw opbouwen, of u kunt een sjabloon toevoegen.
Sjablonen zijn een snellere manier om snel aan de slag te gaan. Elementor wordt geleverd met verschillende professioneel ontworpen sjablonen die u zo veel als u wilt kunt aanpassen.
Laten we beginnen met een sjabloon door op de knop ‘Sjabloon toevoegen’ te klikken.

Er verschijnt een pop-up waarin u verschillende sjablonen kunt zien die beschikbaar zijn. Zoek naar een sjabloon die lijkt op wat u in gedachten heeft voor uw paginalay-out.
Selecteer en voeg een sjabloon in
Klik nu om de gewenste sjabloon te selecteren en klik vervolgens op de knop ‘Invoegen’ om deze toe te voegen aan uw pagina.
Elementor laadt nu de sjabloon voor u.

U kunt nu beginnen met het bewerken van de sjabloon om aan uw behoeften te voldoen. Klik en klik eenvoudig op een willekeurig element om het te selecteren, en Elementor toont u de instellingen in de linkerkolom.
Een item bewerken in Elementor
Laten we het nu hebben over hoe Elementor-lay-outs werken.
Elementor-lay-outs worden gebouwd met behulp van secties, kolommen en widgets. Secties zijn als rijen of blokken die u op uw pagina plaatst.
Elke sectie kan meerdere kolommen bevatten en elke sectie en kolom kan zijn eigen stijlen, kleuren, inhoud, etc. hebben
Secties en kolommen bewerken in Elementor
U kunt alles in uw kolommen en secties toevoegen met Elementor of widgets.
Deze widgets zijn verschillende soorten inhoudsblokken die u in uw Elementor-secties kunt plaatsen.
Selecteer eenvoudig een widget en plaats deze in uw sectie of kolom. Er is een uitgebreide set widgets beschikbaar die alle populaire webontwerpelementen omvat die u maar kunt bedenken.
Elementor Widgets
U kunt afbeeldingen, tekst, koppen, afbeeldingsgalerijen , video’s, kaarten, pictogrammen, testimonials, schuifregelaars, carrousels en nog veel meer toevoegen.
U kunt ook standaard WordPress-widgets en zelfs widgets toevoegen die door andere WordPress-plug-ins op uw site zijn gemaakt.
Als u klaar bent met bewerken, kunt u op de knop Opslaan klikken om uw wijzigingen op te slaan.
Opslaan en Elementor afsluiten
Opmerking: als u een lay-out opslaat, wordt de pagina niet gepubliceerd op uw WordPress-site. Het slaat gewoon je paginalay-out op.
U kunt nu een voorbeeld van uw pagina bekijken of naar het WordPress-dashboard gaan.
Dit brengt je terug naar de WordPress berichteditor. U kunt nu uw WordPress-pagina opslaan of deze op uw website publiceren.
Pagina publiceren

Eigen sjablonen maken in Elementor

Met Elementor kunt u uw eigen aangepaste lay-outs opslaan als sjablonen. Op deze manier kunt u uw eigen sjablonen opnieuw gebruiken om nieuwe pagina’s in de toekomst nog sneller te maken.
Bewerk eenvoudigweg de pagina die u als sjabloon wilt opslaan met Elementor.
Klik in de Elementor-bouwerinterface op het mappictogram naast de knop Opslaan en selecteer vervolgens ‘Sjabloon opslaan’.
Sla je sjabloon op
Er verschijnt een pop-up waarin je een naam voor je sjabloon moet opgeven en klik op de knop Opslaan.
Sjabloonnaam
De volgende keer dat u een aangepaste pagina-indeling maakt, kunt u deze selecteren op het tabblad ‘Mijn sjablonen’.
Aangepaste sjabloon
U kunt deze sjabloon ook exporteren en gebruiken op andere WordPress-sites met Elementor.
U moet de Elementor »Bibliotheek- pagina bezoeken om uw opgeslagen sjablonen te bekijken. Ga met je muis naar je sjabloonnaam en klik vervolgens op ‘Sjabloon exporteren’.
Sjabloon exporteren
Nadat u uw sjabloonbestand hebt gedownload, kunt u met Elementor naar de bibliotheekpagina op een andere WordPress-site gaan en vervolgens uw sjabloon importeren.
Dat is het voor nu.
We hopen dat dit artikel je heeft geholpen om te leren hoe je aangepaste WordPress-lay-outs kunt maken met Elementor.


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format