Les 1: Divi 5 vs Divi 4 — wat is er veranderd?

Divi 5 is geen update — het is een complete herbouw. Elegant Themes heeft de complete codebase van Divi herschreven in React, met een nieuw databeheermodel en een herbouwde editor. Voor gebruikers betekent dit: sneller, moderner, maar ook anders dan je gewend bent.

De grootste verschillen op een rij

Nieuwe editor-interface

De Divi 5-editor ziet er visueel anders uit dan Divi 4. De rechterpaneel-gebaseerde instellingen zijn vervangen door een meer moderne, panel-gebaseerde interface die dichter bij native WordPress aanvoelt. Klik je op een element, dan opent een contextpaneel met de instellingen voor dat specifieke element.

Snelheid

Divi 5 is aanzienlijk sneller dan Divi 4 — zowel in de editor (bewerkingen reageren sneller) als op de frontend (schonere, kleinere HTML en CSS output). De inline CSS-overload die Divi 4 bekendstond, is in Divi 5 grotendeels opgelost.

Global stijlen: Design System

Divi 5 introduceert een Design System: een centrale plek waar je alle globale stijlen beheert. Niet meer verspreid over de Thema-aanpasser en de Thema-opties, maar één georganiseerde interface voor:

• Kleurpalet (Primary, Secondary, Accent, Custom)
• Typografie (lettertypen, groottes, regelhoogte per kopniveau)
• Witruimte-schaal (spacing tokens)
• Knopstijlen

Geen backend builder meer

De backend builder van Divi 4 (het schematische overzicht in het WordPress dashboard) bestaat niet meer in Divi 5. Je werkt altijd in de visual editor op de frontend. Voor gebruikers die gewend waren aan de snelle backend builder is dit even wennen.

Nieuwe datastructuur

Divi 4 sloeg pagina-inhoud op als een lange tekststring in de database. Divi 5 slaat elke sectie, rij en module op als een apart JSON-object. Dit maakt de data schoner, betrouwbaarder en makkelijker te migreren.

Divi 4 pagina’s in Divi 5

Heb je bestaande Divi 4-pagina’s? Die blijven gewoon werken na de upgrade naar Divi 5 — maar ze worden niet automatisch omgezet naar de nieuwe datastructuur. Je kunt ze nog bewerken, maar in een “legacy” modus. Wil je ze volledig naar Divi 5 migreren, dan is er een conversietool beschikbaar.

Aanbeveling: migreer bestaande projecten niet ineens naar Divi 5. Test eerst op een stagingomgeving en besluit dan of de migratie de moeite waard is voor dat specifieke project.

Wanneer Divi 5, wanneer Divi 4?

• Nieuwe projecten: Begin direct in Divi 5 — dit is de toekomst van het platform
• Bestaande Divi 4-projecten: Laat ze op Divi 4 staan totdat je een concrete reden hebt om te migreren
• Child themes: Divi 5 child themes zijn anders gestructureerd dan Divi 4 child themes — niet uitwisselbaar

Opdracht

Installeer Divi 5 op een testsite (niet op een productiesite). Open een nieuwe pagina in de editor en verken de interface. Waar zitten de sectie-instellingen? Waar vind je het Design System? Noteer drie dingen die anders werken dan in Divi 4.