Les 5 van 5

Les 5: Migreren van Divi 4 naar Divi 5

De migratie van Divi 4 naar Divi 5 is niet iets wat je met één klik doet. Het is een weloverwogen beslissing die vraagt om voorbereiding en testen. In deze les behandelen we het volledige migratieproces.

Wanneer wél migreren?

  • Je gaat een bestaande site volledig herbouwen toch
  • De site is nog klein en heeft weinig pagina’s
  • Je wilt profiteren van de betere prestaties en het Design System voor een langdurig project
  • Je bouwt een nieuw child theme en wil meteen op de toekomstige standaard staan

Wanneer nog niet migreren?

  • De site heeft tientallen pagina’s die allemaal goed werken in Divi 4
  • Je hebt complexe Divi 4-specifieke code of child themes
  • Er is geen directe aanleiding — “als het werkt, breek het niet”
  • Je hebt geen testomgeving om de migratie veilig te testen

Het migratieproces stap voor stap

  1. Maak een volledige back-up — via UpdraftPlus of je hostingpanel. Sla hem ook lokaal op.
  2. Maak een stagingomgeving — de meeste hostingpartijen bieden een stagingknop. Doe de migratie altijd eerst op staging.
  3. Update naar Divi 5 — via Divi → Updates of de WordPress plugin-updates.
  4. Controleer alle pagina’s — loop elke pagina door en noteer wat kapot is of anders eruitziet.
  5. Converteer legacy-pagina’s — Divi 5 biedt een conversietool per pagina. Pagina’s die in Divi 4-formaat zijn opgeslagen, worden omgezet naar de nieuwe datastructuur. Dit is niet altijd perfect — controleer altijd na conversie.
  6. Herbouw het child theme — als je een Divi 4 child theme hebt, maak een nieuw Divi 5 child theme en breng je aanpassingen opnieuw in.
  7. Stel het Design System in — voer je huisstijlkleuren en typografie opnieuw in via het nieuwe Design System.
  8. Test uitgebreid — alle pagina’s, alle formulieren, alle betalingen (bij webshops).
  9. Zet live — pas nadat alles op staging werkt, zet je de live site over.

Veelvoorkomende migratieproblemen

  • Lettertypes zijn anders: Divi 5 laadt Google Fonts anders. Controleer na migratie of alle lettertypes correct geladen worden.
  • Aangepaste CSS werkt niet meer: Sommige Divi 4-selectors zijn veranderd in Divi 5. Controleer alle custom CSS op gebroken stijlen.
  • Header en footer zijn verdwenen: Als je de Divi 4 Theme Builder gebruikte, moet je de header en footer opnieuw opbouwen in de Divi 5 Theme Builder.
  • Animaties gedragen zich anders: Divi 5 heeft een nieuw animatiesysteem. Controleer alle entrance-animaties na conversie.

Opdracht

Maak op een testsite een volledige migratie van Divi 4 naar Divi 5. Documenteer elk probleem dat je tegenkomt en noteer hoe je het hebt opgelost. Die documentatie is goud waard bij de migratie van echte klantprojecten.