WordPress & Elementor kennisbank

Starten met Elementor in 4 stappen

Inhoud van dit artikel:

Een website bouwen met Elementor Pro? In dit artikel leggen we je stap voor stap uit hoe je start met Elementor

Stap 1: Elementor installeren

Elementor is een plugin die je eenvoudig kunt installeren via de plugin bibliotheek van WordPress.

Ga naar Plugins –> Nieuwe plugin

Nieuwe plugin installeren WordPress

Vul bij trefwoord ‘Elementor’ in om de plugin te vinden. Klik vervolgens op ‘Nu installeren’

Zodra de plugin geïnstalleerd is, kun je hem ook direct activeren. Dit kun je op dezelfde pagina doen, door op de button ‘Activeren’ te klikken (waar eerst ‘nu installeren’ stond).

Stap 2: een pagina maken met Elementor

Nu je de plugin hebt geïnstalleerd kun je direct beginnen. Elementor biedt al een handig openingscherm met een introductievideo. We raden je aan om deze te bekijken. Klik vervolgens op ‘Create your first page’

Starten met Elementor

Stap 3: lay-out van de pagina wijzigen

De pagina opent standaard met het template ‘standaard’ die is ingesteld door je thema. Wanneer je een pagina opmaakt met Elementor is het handig om hiervoor de juiste lay-out in te stellen. Dit kun je aanpassen bij lay-out:

Ga naar instellingen door linksonderin op het tandwieltje te klikken.

Kies bij lay-out een ander template. Als het goed is heb je hier de keuze uit:Lay-out pagina wijzigen

  • Elementor Canvas
    Een compleet lege pagina, zonder header en footer.
  • Elementor volledige breedte
    Een pagina waar de header en footer al zijn ingesteld (via je thema).

Zet hem op ‘Elementor volledige breedte’. De pagina wordt opnieuw geladen. Sla de wijzigingen op. Je kunt nu beginnen met het inrichten van je pagina.

Stap 4: de pagina inrichten

Om de pagina in te richten kun je twee dingen doen:

  1. Je maakt gebruik van de templates die Elementor aanbiedt.
  2. Je maakt zelf een pagina

Als het de eerste keer is dat je met Elementor werkt, raden we je aan om te starten met een template van Elementor. Zo kun je een beetje zien wat de mogelijkheden zijn. In dit artikel nemen we in ieder geval beide stappen even door.

Template van Elementor gebruiken

Klik op het mapje om de Elementor bibliotheek te openen. Je kunt nu kiezen tussen het inladen van een hele pagina of alleen blokken. Klik hiervoor op ‘invoegen’.

Zelf een pagina inrichten met Elementor

Ga je liever zelf aan de slag met een pagina maken? De beste manier is om alles gewoon een beetje uit te proberen. Aan de linker kant vind je alle widgets die je naar het rechtervak kunt slepen. De meeste voorkomende widgets die worden gebruikt zijn:

  • Kop
  • Tekstbewerker (voor het invoegen van een tekstvak)
  • Afbeelding
  • Knop (een button)

Een sectie aanmaken

Als je een pagina maakt met Elementor kun je gebruik maken van zogenaamde ‘secties’ waar je de widgets naar toe sleept. Secties zijn blokken / onderdelen waarmee je pagina is opgebouwd. Een sectie aanmaken doe je door te klikken op het plus-teken:

Als je al secties hebt aangemaakt en je wilt er nog een toevoegen, dan kun je dit op twee manieren doen:

  1. Vanuit een andere sectie
  2. Naar beneden scrollen
    Onderaan iedere pagina die je opmaakt zie je dit blok staan. Daarmee kun je dus altijd een nieuwe sectie toevoegen. 

Je kunt nu beginnen! 🙂

Sanne IJspeerd

Sanne IJspeerd

Eigenaar SIJ Web | WordPress & Elementor Specialist
Website Strateeg | Marketing Manager in de IT

Ook bloggen op
SIJ Web?
Vergroot je zichtbaarheid en meld je aan als partner!

Populaire plugins

4/5
5/5
4.5/5
Meer doen met Elementor?
Schrijf je in voor de nieuwsbrief
No worries. Ik ga je niet spammen. Je ontvangt max. 2 keer per maand een nieuwsbrief.

Ook interessant voor jou

WordPress paginatitel aanpassen met Elementor in 4 stappen

WordPress paginatitel verbergen met Elementor of via thema

Een kolom toevoegen in Elementor

2 reacties

  1. Heerlijk een eenvoudige heldere uitleg om te starten.
    Wat testjes gedaan en komen leuke dingen uit.
    Wat ik niet kan vinden om een eigen CSS voor de gehele site te maken.

    Bijvoorbeeld als ik voor alle pagina’s steeds hetzelfde lettertype wil gebruiken en een groene achtergrond wil hebben.

    Om te testen of het werkt ben ik gegaan naar:
    Weergave en Thema editor en daar een paar styles neer gezet,
    body {
    background-color:red;
    font-size: 35px;
    color: #494337;
    }
    Dit zou toch moeten werken?

    1. Hoi,

      Ik zie dat het artikel toe is aan een update. Je kunt namelijk globale stijlen (achtergrondkleuren, body fonts, headingfonts, buttons etc) globaal instellen voor je hele website in Elementor zelf. In de laatste update van vorig maand zijn daar nog wat extra features bijgekomen.
      Check even dit artikel: https://www.sijweb.nl/elementor-update-3-0/
      Daarin lees je hoe je globale stijlen voor de website instelt.

      Succes!

      Groetjes,

      Sanne

Mis geen updates

Blijf op de hoogte van de laatste
Elementor Trends & Ontwikkelingen!

No worries, je ontvangt max. 2 keer per maand een mailing.