Divi 5: sneller, slimmer en klaar voor de toekomst.

Waarom een nieuwe basis?

Divi 4 was flexibel en rijk aan functies, maar de onderliggende techniek werd na jaren steeds zwaarder. Grotere sites merkten dat aan laadtijd en onderhoud. Divi 5 pakt dat bij de kern aan. De code is opgeschoond en modulair gemaakt, waardoor alleen wordt geladen wat nodig is. Resultaat: een snellere front-end, een soepelere builder en een fundament dat klaar is voor de komende jaren.

Wat is er nieuw in Divi 5?

Nieuwe core, geen shortcode-erfenis

Divi 5 slaat content en instellingen schoner op. De afhankelijkheid van shortcodes is verdwenen, waardoor pagina’s minder ballast bevatten. Dat helpt bij performance, compatibiliteit en export.

Custom breakpoints

Waar je in Divi 4 vastzat aan drie vaste schermbreedtes, kun je in Divi 5 eigen breakpoints instellen en uitbreiden tot maximaal zeven. Handig als je tablet-weergaven echt goed wilt fine-tunen of een ander moment wilt kiezen waarop het mobiele menu inschakelt.

Presets op detailniveau

Presets bestonden al, maar zijn nu veel granularer. Je maakt niet alleen presets voor een hele module, maar ook voor specifieke optie-groepen zoals achtergronden, randen of schaduwen. Zo houd je stijlen consistent en pas je ze later centraal aan.

Variabelen en kleurbeheer

Divi 5 introduceert variabelen voor ontwerp en content. Denk aan een variabele voor afgeronde hoeken, spacing of typografie, maar ook voor zaken als telefoonnummer of logo. Pas je de waarde aan, dan werkt dat overal door. Het nieuwe kleurensysteem met HSL-varianten maakt het makkelijk om een palet op te bouwen dat met je merk meebeweegt.

Flexibele layouts met nested rows en groups

Je kunt rijen in rijen nesten en modules groeperen in een container. In combinatie met flexbox-besturing bouw je vrijere pagina-structuren dan voorheen. Kolomgedrag op tablet en mobiel is beter te sturen en je hebt minder work-arounds nodig.

Loop Builder

Voor dynamische lijsten, zoals blogs, portfolio’s of producten, bouw je nu je eigen loop-weergave. Je bepaalt de opbouw, voegt extra velden toe en stemt de vormgeving af zoals je wilt. Dit sluit mooi aan op content die je via custom fields of custom post types beheert.

Interactions

Je kunt elementen laten reageren op acties van de gebruiker, zoals klikken, hover of in beeld komen. Denk aan het tonen of verbergen van onderdelen, eenvoudige pop-ups of subtiele scroll-effecten. Functioneel inzetbaar zonder zware scripts.

Compatibiliteit en migratie

Bestaande Divi-4-sites blijven bruikbaar. Divi 5 is ontworpen met terugwerkende compatibiliteit in gedachten, al is het verstandig om child themes en externe modules te controleren en altijd een back-up te maken voordat je overstapt.

Wat betekent dit voor jouw website?

• Snellere laadtijd door schonere output en efficiëntere modules.

• Prettiger beheren dankzij een vlottere builder, beter kleur- en stijlbeheer en minder herhaalwerk.

• Consistent ontwerp met presets en variabelen die je centraal kunt aanpassen.

• Meer controle op mobiel via eigen breakpoints en flexibele layouts.

• Sterkere basis voor dynamische content met de Loop Builder.

Wanneer overstappen?

• Nieuwe website. Start je een nieuw project, dan is Divi 5 de logische keuze. Je profiteert meteen van de nieuwe architectuur en workflow.

• Bestaande website op Divi 4. Draait je site stabiel en heb je veel externe modules of maatwerk, plan dan een gecontroleerde migratie. Update thema’s en plugins, test in een kopie en neem de tijd om presets en variabelen slim in te richten.

Bij Fribs kies ik voor nieuwe projecten standaard Divi 5. Voor bestaande sites kijk ik per geval wat verstandig is. Soms levert een technische opschoonbeurt in Divi 4 al winst op, soms is de overstap de kortste weg naar meer snelheid en overzicht.