Een van de eenvoudigste maar ook belangrijkste Divi modules vind ik de afbeelding module. Hiermee voeg je een afbeelding toe, in jouw pagina, bericht of project. Je kunt meerdere afbeeldingen in een kolom zetten en je kunt er effecten op toepassen. Zoals dat het zich vergroot als je er op klikt of dat het langzaam verschijnt of inschuift. Ook kan je een afbeelding linken naar een andere pagina of een ander stukje van diezelfde pagina. Of wat dacht je ervan om een afbeelding sticky te maken dat deze op dezelfde plaats blijft als je gaat scrollen? De mogelijkheden zijn legio, en dit zonder ook maar één regeltje code. Wouw wat een verschil met tien jaar geleden is dat zeg, toen ik veel HTML en CSS en zelfs javascript moest schrijven om zulke effecten te krijgen. Wederom een mooi voordeel van Divi en waarom ik graag met dit thema werk.
Ik leg je uit hoe je zelf een afbeelding kunt invoegen in de volgende stappen.
Stap 1: Open een de Visuele Builder (Visuele Builder inschakelen)
Stap 2: voeg een sectie in en daarna een rij
Stap 3: Automatisch opent zich het Divi module overzicht – kies hierin het derde element Afbeelding
Stap 4: Nu opent zich het afbeelding module menu, dat ziet er in het Nederlands zo uit:
Stap 5: klik op het plaatje, nu opent zicht het menu om een afbeelding te uploaden of te kiezen uit jouw mediatheek. Let er altijd op dat plaatjes niet te groot zijn om lange laadtijd te voorkomen.
Stap 6: Selecteer de juiste foto en klik op “Laad een foto”
Let op je kunt maar één afbeelding te gelijkertijd invoegen. Als je er meerder wilt moet je kiezen voor de Divi Galerij module.
Stap 6: Nu zie je de afbeelding verschijnen in jouw kolom
Stap 7: Sla de pagina, het bericht of jouw project op door te klikken op Visuele Builder verlaten en daarna op “Opslaan en verlaten”
Dit artikel is geschreven aan de hand van Divi versie: 4.27.4
