Logo Met Ele

Een korte Elementor handleiding! Zo pas je zelf eenvoudig je website aan

Waarom ik o.a. websites voor coaches met Elementor bouw? Omdat je dan zelf eenvoudig je website kan aanpassen. In deze Elementor handleiding leg ik je uit hoe je dit doet!

Sharon Lederer met hondje Bowie

Door Sharon Lederer

Hi! Ik heb meer websites dan ik kan bijhouden en raak niet uitgepraat over online marketing en websites bouwen. Irritant? Misschien een beetje 😉.

In deze blogpost:

  • Tips om je website snel te wijzigen
    (waaronder werken met templates)
  • Tekst en afbeeldingen wijzigen
  • Header (+ menu) en footer wijzigen
  • Pagina’s aanpassen op mobiel

Wat je moet weten voordat je jouw website aanpast

Is dit de eerste keer dat je zelf iets aan jouw website wijzigt? Dit zijn 3 dingen die je moet weten!

1. Zet pagina’s met Elementor niet terug naar de Gutenberg editor (of andersom)

Soms heb je pagina’s die gebouwd zijn met Elementor en soms niet. Voor deze pagina’s is dan een template gemaakt, zodat je alleen nog de teksten hoeft te bewerken.

Hier zie je het onderscheid:

De eerste pagina is niet gebouwd met Elementor en de 2e wel.

Templates die NIET gebouwd zijn met Elementor wil je niet zomaar wel met Elementor gaan bewerken. Want dan overschrijf je het template.

Stel je opent de pagina die met Elementor is gebouwd:

Elementor versus WordPress editor

Klik dan NIET bovenin op de button “terug naar de WordPress editor”. Klik gewoon op de “Bewerk met Elementor” button.

Kom je opeens pagina’s tegen die er raar uitzien, terwijl je niet veel hebt gewijzigd. Dan is dit waarschijnlijk het probleem!

2. Elementor pagina’s zijn opgebouwd uit containers en widgets

Hier zie je een nieuwe pagina met Elementor. “Blokken” bestaan uit 3 lagen:

  • Buiterste container (roze)
  • Binnenste containers (grijs) > hiermee kan je meerdere kolommen maken
  • Elementen > dit zijn bijvoorbeeld tekst elementen of afbeeldingen.

widgets en containers in Elementor

Beiden containers en elementen kan je bewerken. Daarover later meer.

3. Inhoud versus stijl wijzigen

Van alle containers kan je de lay-out en de stijl wijzigen en van alle elementen kan je de inhoud en de stijl wijzigen.

Eerst selecteer je een element en in de sidebar kan je dan kiezen wat je wil wijzigen:

Elementen bewerken in Elementor

4. Wijzigingen bekijken

Heb je dingen gewijzigd en wil je de hele pagina bekijken, dan zijn er 2 opties:

Elementor sidebar verbergen

Hier kan je de sidebar even verbergen, zodat je de hele pagina kan zien.

Preview pagina bekijken

En hier kan je een preview van de pagina bekijken. Er wordt dan een nieuwe pagina geopend.

Tips om je website snel te wijzigen

In dit deel van de Elementor handleiding laat ik je zien dat het aanpassen van je website met Elementor helemaal niet veel tijd hoeft te kosten.

Items kopiëren van andere pagina’s

Wil je maar een klein onderdeel van de ene pagina toevoegen aan de andere pagina (of op dezelfde pagina). Je kan een container of element gewoon kopiëren met de rechtermuisknop.

Elementen dupliceren

Nieuwe pagina maken op basis van een template

Ook kan je hele pagina’s opslaan en het ontwerp aan een nieuwe pagina toevoegen. Dit doe je als volgt:

Elementor template opslaan

Je slaat eerst de pagina op die je wil hergebruiken.

Daarna maak je een nieuwe pagina aan en importeer je het template. Je opgeslagen template staat bij “Mijn templates”.

Elementor template openen

Daarna kan je de elementen bewerken op je nieuwe pagina.

Tekst en afbeeldingen wijzigen

Om tekst en afbeeldingen te wijzigen, zijn er eigenlijk 2 mogelijkheden: je past een individueel element aan of je past de stijl van elementen in 1 keer allemaal tegelijk aan.

Opmaak van tekst of kleuren in 1 keer wijzigen

Elementen stuk voor stuk wijzigen kost veel tijd. Daarom kan je binnen Elementor ook tekst en kleuren toevoegen en bijvoorbeeld de stijl opgeven voor je h1, h2 en h3 elementen.

Dat doe je bij Site Instellingen

Site instellingen wijzigen

De aanpassingen die je doet worden dan toegepast op alle items die daarbij horen.

Als je bijvoorbeeld een globale kleur aanpast, dan worden alle elementen op je site aangepast, waarvoor je die globale kleur hebt toegepast.

Super handig, maar let wel goed op wat je doet!

Opmaak van tekst wijzigen

Je kan ook voor een individueel item de stijl aanpassen. Hiervoor klik je op het element en in de sidebar ga je naar “Stijl”. Dit staat ook in deze Elementor handleiding bij: “Inhoud versus stijl wijzigen”.

Achtergrond afbeeldingen wijzigen

Het element afbeeldingen wijzigen is niet zo moeilijk. Je kiest gewoon een andere foto. Maar ik plaats ook vaak afbeeldingen in een container. Deze afbeelding kan je dan ook wijzigen bij stijl:

Achtergrond afbeelding wijzigen

De header/menu en footer wijzigen

Je kan met Elementor ook headers en footers bouwen. Hiervoor ga je in het dashboard naar:

templates wijzigen met Elementor

Hier kan je templates voor je pagina’s of blogposts aanpassen, maar dus ook je header en footer.

Header wijzigen

Dit werkt op dezelfde manier als het bouwen van pagina’s met Elementor. Je moet alleen opgeven op welke pagina’s je een template wil tonen/gebruiken.

De weergave voorwaarden vind je ook bij het roze pijltje naast publiceren!

Pagina’s aanpassen op mobiel

Ik vind het super fijn dat je met Elementor je pagina’s gewoon goed kan optimaliseren voor verschillende schermen. Dit doe je bij:

Bovenin zie je 3 iconen, waar je van scherm kan switchen.

Elementor pagina's op mobiel wijzigen

Zo kan je bijvoorbeeld:

  • De positie van elementen wijzigen
  • Andere foto’s kiezen voor mobiel
  • Elementen groter of kleiner maken
  • Extra witruimte toevoegen of weghalen
  • Elementen verbergen

Alleen de inhoud van teksten kan je niet wijzigen. Die worden automatisch ook aangepast op de desktopversie.