De structuur van een pagina
Je webpagina’s zijn te vinden in het linkermenu bij: ‘Pagina’s’.
Om een pagina te bewerken, ga je met je muis over de pagina die je wilt bewerken en klik je op ‘Bewerken met Divi. De betreffende webpagina wordt geopend. Je komt nu in de zogenaamde ‘Visual Builder’.
De opbouw van een pagina
Wanneer je met je muis over de pagina beweegt, zie je een aantal secties met verschillende kleuren en teksten. Hierin staan alle elementen waaruit de pagina is opgebouwd.
Standaard-elementen zijn:
– Sectie (blauwe balk)
– Rij (groen)
– Cel (grijs)
Uitleg van de element-iconen
Bij elke sectie, rij of cel zie je in het gekleurde balkje een paar icoontjes staan. Hieronder vind je de uitleg van die iconen.
- Kruisje: Als je met de muis hierop klikt kun je het betreffende onderdeel verslepen naar een andere plek op de pagina.
- Tandwiel : Hiermee kun je instellingen of inhoud van dit onderdeel aanpassen.
- Venstertjes: Klik hierop om het huidige onderdeel te kopiëren, inclusief alle instellingen en inhoud.
- Rondje met pijltje: Klik hierop om het huidige onderdeel op te slaan in de bibliotheek
- Prullenbak: Klik hierop om het onderdeel te verwijderen.
- 3 puntjes: Hier vind je nog wat extra mogelijkheden
Onderaan je pagina zie je een paarse cirkel met 3 puntje er in. Als je hier op klikt, worden de instellingen voor de Divi Visual Builder geopend:
De verschillende onderdelen hiervan zijn:
- Builder settings: hiermee kun je de Divi Visual builder interface aanpassen aan je wensen. Zo kun je bijvoorbeeld instellen dat de blauwe / groene / grijze vakken
en de instellingen pas verschijnen als je op een onderdeel klikt in plaats van als je er met de muis overheen gaat. - Raster weergave: hiermee activeer je een soort ‘draadmodel’ weergave van de pagina.
- Uitzoomen: hiermee zoom je uit zodat je beter ziet hoe het hele pagina ontwerp eruit ziet.
- Desktopweergave: Bekijk hoe je ontwerp eruit ziet op een groot scherm.
- Tabletweergave: Bekijk hoe je ontwerp eruit ziet op een tablet.
- Telefoonweergave: Bekijk hoe je ontwerp eruit ziet op een telefoon.
- Laad een bestaande layout: Divi wordt standaard geleverd met tientallen standaard layouts, die je via deze knop kunt laden. Ook layouts die zijn opgeslagen in de Divi bibliotheek (zie hieronder) kun je via deze knop laden.
- Opslaan in bibliotheek : Hiermee kun je de huidige layout opslaan in de Divi bibliotheek.
- Lay-out wissen: Wis de huidige layout en begin opnieuw.
- Sluit de visual builder instellingen.
- Pagina instellingen: Hiermee kun je een aantal dingen instellen voor de huidige pagina of bericht, zoals de titel, uitgelichte afbeelding, categorieën en achtergrond.
- Wijzigingsgeschiedenis: hiermee kun je terug naar een vorige status als je per ongeluk iets gewijzigd hebt wat niet de bedoeling was.
- Importeren en exporteren: Naast het opslaan van layouts in de bibliotheek voor gebruik elders op de website kun je deze ook exporteren of importeren voor gebruik op een andere Divi website.
- Alle wijzigingen op de pagina opslaan. Dit is een belangrijke knop. Wanneer je de wijzigingen die je hebt uitgevoerd NIET opslaat worden ze niet bewaard.