Wil jij starten met Elementor? Elementor is een krachtige tool waarmee je prachtige websites kunt bouwen zonder enige programmeerkennis. Als je net begint met het gebruik van Elementor, kan het een beetje overweldigend lijken. Maar maak je geen zorgen, in dit artikel ga ik je door de eerste stappen leiden om je op weg te helpen naar het bouwen van je droom website.
Liever alle stappen bekijken in een uitlegvideo? Bekijk dan onderstaande video.
Starten met Elementor - Stap 1: Hello Theme installeren
Elementor heeft zijn eigen lichtgewicht thema genaamd “Hello”. Het Hello thema is speciaal ontworpen om perfect samen te werken met Elementor en biedt maximale flexibiliteit en prestaties. Je kunt het Hello thema gratis downloaden vanaf de WordPress-thema bibliotheek en het vervolgens installeren en activeren zoals je dat zou doen met andere WordPress-thema’s.
Starten met Elementor - Stap 2: Installeer Elementor (Pro)
De eerste stap is om de Elementor plugin te installeren op je WordPress website. Ga naar je WordPress-dashboard, navigeer naar ‘Plugins’ en klik op ‘Nieuwe toevoegen’. Zoek naar “Elementor” en klik op ‘Installeren’ en daarna op ‘Activeren’.
Twijfel je of je Elementor Pro wil gebruiken? Als je gebruikmaakt van Hello theme is Elementor Pro in mijn ogen een must.
Elementor Pro voegt extra widgets en functies toe aan Elementor, waardoor je nog meer mogelijkheden hebt bij het bouwen van een website. Als je gebruik maakt van Elementor Pro, heb je eigenlijk geen extra plugins nodig voor het bouwen van ijzersterke pagina’s.
Ga naar Elementor.com en koop een licentie voor Elementor Pro. Download het zipbestand van Elementor Pro vanuit je account op Elementor.com. Ga naar je WordPress-dashboard, navigeer naar ‘Plugins’ en klik op ‘Nieuwe toevoegen’. Klik op ‘Plugin uploaden’, selecteer het zipbestand van Elementor Pro en klik op ‘Nu installeren’. Activeer vervolgens Elementor Pro met je licentiesleutel.
Starten met Elementor - Stap 3: Globale styling instellingen
Als je makkelijk en snel wilt blijven werken aan je website in de toekomst, is het belangrijk dat je direct vanaf de start al daarop gaat voorsorteren tijdens de bouw van je website. Daarom is het belangrijk dat je eerst de huisstijl van je bedrijf gaat toevoegen voordat je aan de slag gaat met het maken van pagina’s.
Via het custom fonts tabblad kan je de lettertypes van je huisstijl uploaden. Kom je erachter dat je niet alle bestand onderdelen van het lettertype hebt? Haal ze dan eerst door deze handige tool via transfonter.org zodat je het lettertype als het ware “in stukjes hakt.”
Daarna kan je via de Site Settings van je website alle kleuren, lettertypes en het logo van je bedrijf toevoegen. De Site Settings bezoek je door naar het tabblad Templates te gaan in het dashboard en daarna het Default template via de “bewerk met Elementor” optie aan te klikken.
Als je dit hebt gedaan worden de site settings geopend en kan je de kleurcodes toevoegen, het logo en de favicon instellen en de lettertypes selecteren voor de titels en body teksten. Eventueel kan je ook extra instellingen maken door de kleuren van je call to action buttons te selecteren maar dit is niet verplicht.
Starten met Elementor - Stap 4: Header & footer maken
Met Elementor’s Theme Builder kun je eenvoudig aangepaste headers, footers en 404-pagina’s maken die perfect passen bij de stijl van je website. Deze instellingen hoef je maar een keer te maken zodat de onderdelen daarna overal te zien zijn en je ze maar op een plek hoeft aan te passen.
Om te beginnen, navigeer je naar Elementor > Theme Builder in je WordPress-dashboard en klik je op het type template wat je wil maken. Vervolgens kun je met de intuïtieve drag-and-drop builder de lay-out van je header en footer ontwerpen. Voor de 404-pagina kun je creatieve ontwerpen maken om bezoekers te helpen navigeren wanneer ze een niet-bestaande pagina bezoeken, en zo een consistente gebruikerservaring bieden op je hele website.
Als het Elementor werkveld is geopend, kan je een container maken. Dit figureert als rij waarin je widgets kan plaatsen. Via de container settings kan de uitlijning, opbouw en breedte van de container en widgets bepalen.
Als je op de 9 puntjes in de editor klikt, zie je een overzicht van widgets. Hier kan je verschillende widgets slepen in de container om zo het template op te bouwen.
Starten met Elementor - Stap 5: Je eerste pagina maken
Nu je alle basisinstellingen hebt gemaakt, kun je beginnen met het maken van je eerste pagina. Ga naar ‘Pagina’s’ in je WordPress-dashboard en klik op ‘Nieuwe toevoegen’. Geef je pagina een titel en klik vervolgens op ‘Bewerken met Elementor’ om de Elementor werkveld te openen.
Als je op de 9 puntjes in de editor klikt, zie je een overzicht van widgets. Hier kan je verschillende widgets slepen in de containers om zo de pagina op te bouwen.
Geen zin om zelf uren te klooien met de opbouw van je pagina's?
Word dan lid van de Elementor Template Bibliotheek. Een bibliotheek met meer dan 120 templates die je meteen kan gebruiken op jouw Elementor website.