WordPress website cursus voor beginners

6 – Pagina’s bouwen met Elementor Flexbox containers

In deze les leer je hoe je pagina's kunt bouwen met behulp van de Flexbox containers van Elementor. Deze containers geven je de mogelijkheid om complexe lay-outs te maken en elementen precies te positioneren waar je ze wilt hebben. Je leert hoe je de Flexbox containers kunt gebruiken om verschillende soorten content in te voegen, waaronder tekst, afbeeldingen en knoppen.

– Wat is Elementor?

In deze les krijg je een introductie over Elementor, een page builder voor WordPress. Elementor biedt je de mogelijkheid om pagina's en berichten te ontwerpen en aan te passen zonder dat je daarvoor kennis nodig hebt van codering. Je leert wat Elementor uniek maakt, wat de belangrijkste functies zijn en hoe je ermee aan de slag kunt.

– Nu al starten met Elementor containers? 

In deze les leer je waarom het een goed idee is om direct met Elementor containers te beginnen. Elementor containers maken het bouwen van pagina's eenvoudiger en bieden je meer flexibiliteit. Door direct met Elementor containers te werken, bespaar je tijd en kun je eenvoudig en snel je eigen pagina's bouwen.

– Globale kleuren en lettertypen instellen

In deze les leer je hoe je globale kleuren en lettertypen instelt met behulp van Elementor. Door gebruik te maken van deze functie kun je ervoor zorgen dat de verschillende elementen op je pagina consistent zijn wat betreft kleur en lettertype. Dit bespaart je tijd en zorgt voor een professionele uitstraling.

– Header sectie (Homepagina)

In deze les leer je hoe je een header sectie kunt maken voor je homepagina met behulp van Elementor. De header sectie is een belangrijk onderdeel van je pagina, omdat het vaak het eerste is wat bezoekers zien. Je leert hoe je verschillende elementen kunt toevoegen aan je header, zoals een logo, navigatiemenu en afbeelding.

– Tellers sectie (Homepagina) 

In deze les leer je hoe je een tellers sectie kunt maken voor je homepagina met behulp van Elementor. Deze sectie kan worden gebruikt om bijvoorbeeld het aantal klanten of projecten weer te geven. Je leert hoe je verschillende tellers kunt toevoegen en deze kunt opmaken zodat ze perfect passen bij de stijl van je website.

– Diensten sectie 

In deze les leer je hoe je een diensten sectie kunt maken voor je homepagina met behulp van Elementor. In deze sectie kun je verschillende diensten of producten presenteren die je aanbiedt. Je leert hoe je verschillende elementen kunt toevoegen aan deze sectie, zoals afbeeldingen, tekst en knoppen.

– Wij werken voor sectie (Homepagina) 

De “Wij werken voor” sectie op de homepagina van je website is bedoeld om aan potentiële klanten te laten zien voor welke bedrijven of organisaties je hebt gewerkt. Dit kan helpen om vertrouwen op te bouwen en je geloofwaardigheid te vergroten. In deze les leer je hoe je zo'n sectie kunt maken met Elementor.

Je begint met het aanmaken van een nieuwe sectie in Elementor. Vervolgens voeg je een “Icon List” widget toe. Deze widget bevat een lijst van logo's van bedrijven waar je voor hebt gewerkt, samen met bijbehorende beschrijvingen. Je kunt zelf bepalen welke bedrijven je wilt opnemen en welke beschrijvingen je wilt gebruiken.

– Wat zeggen klanten over mij sectie (Homepagina)

In deze les leer je hoe je een “Wat zeggen klanten over mij” sectie kunt maken op de homepagina van je website met Elementor. Deze sectie is bedoeld om positieve feedback van klanten te tonen en kan helpen om vertrouwen op te bouwen bij nieuwe bezoekers van je website.

Je begint met het aanmaken van een nieuwe sectie in Elementor en voegt vervolgens een “Testimonial Carousel” widget toe. Deze widget bevat een roterende selectie van testimonials van klanten. Je kunt zelf de tekst en afbeeldingen bepalen die je wilt gebruiken voor elke testimonial. Ook kun je instellen hoeveel testimonials er worden getoond en hoe snel de carousel roteert.

– Uitgelichte blogberichten toevoegen (Homepagina)

In deze les leer je hoe je uitgelichte blogberichten kunt toevoegen aan de homepagina van je website met behulp van Elementor. Hiermee kun je bezoekers van je website direct naar je meest recente of populaire blogberichten leiden.

Je begint met het aanmaken van een nieuwe sectie in Elementor. Vervolgens voeg je een “Posts” widget toe. Met deze widget kun je recente of populaire blogberichten selecteren en weergeven op je homepagina. Je kunt zelf bepalen hoeveel berichten er worden getoond en welke informatie er wordt weergegeven, zoals de titel, de afbeelding en een samenvatting van het bericht.

– Bewegingseffecten toevoegen

In deze les leer je hoe je bewegingseffecten kunt toevoegen aan verschillende elementen op je website met Elementor. Hiermee kun je je website interactiever maken en de aandacht van bezoekers trekken.

Je begint met het selecteren van een element op je website dat je wilt laten bewegen, bijvoorbeeld een afbeelding of een tekstblok. Vervolgens voeg je een “Motion Effects” widget toe en configureer je de gewenste effecten, zoals beweging, schaalvergroting, rotatie of transparantie. Je kunt zelf bepalen hoe snel en hoe ver het element moet bewegen of groeien.

– Blogoverzichtspagina maken

In deze les leer je hoe je een blogoverzichtspagina kunt maken op je website met behulp van Elementor. Op deze pagina worden al je blogberichten overzichtelijk weergegeven, zodat bezoekers snel kunnen zien welke artikelen er beschikbaar zijn.

Tijdens deze les zul je leren hoe je een blogoverzichtspagina kunt maken met behulp van de Elementor page builder. Je zult leren hoe je de nodige widgets en instellingen kunt gebruiken om de pagina naar jouw wens vorm te geven. Hieronder vind je een korte samenvatting van de belangrijkste stappen die in deze les aan bod komen:

• Het maken van een nieuwe pagina en het kiezen van de Elementor template
• Het aanpassen van de template naar jouw wensen door het toevoegen en bewerken van widgets
• Het instellen van de blogberichten widget en het kiezen van de gewenste lay-out
• Het aanpassen van de stijl en layout van de blogberichten

Aan het einde van deze les, heb je de vaardigheden om je eigen blogoverzichtspagina te maken en aan te passen in Elementor. Dit stelt je in staat om een professionele en goed georganiseerde blog aan je bezoekers van je website te presenteren, wat weer kan leiden tot meer verkeer en betrokkenheid van gebruikers.