Elegant Themes (Aff.) heeft na een lange aanloopperiode DIVI5 (Aff.) officieel gelanceerd. Het is lang beschikbaar geweest voor wie het alvast wilde testen en nu is het klaar voor het grote publiek. En nu? Hier zijn de belangrijkste dingen die je moet weten voor je overstapt:
DIVI5 is geen gewone update
DIVI5 is geen kleine update. Elegant Themes geeft zelf ook aan dat ze de editor van de grond af opnieuw hebben gebouwd. En de interface is dan ook drastisch anders dan hiervoor. Er is genoeg backwards compatible (de nieuwe omgeving begrijpt de oude omgeving), maar het is niet verstandig om deze update zomaar te draaien op je live website. Maak een test- of stagingomgeving en draai daar de update. Check je website goed en pas dan pas je echte website aan.
Plugins niet allemaal mee, maar bij DIVI5 ook niet altijd meer nodig
Niet alle plugins zijn helemaal klaar voor DIVI5. Is je website meertalig? WPML is er helemaal klaar voor. Polylang heeft wat aandachtspuntjes, waardoor er wat extra code nodig kan zijn om global modules automatisch in de juiste taal te tonen. Er zijn een aantal mooie modules bijgekomen, dus sommige plugins heb je niet meer nodig. Zo is er nu een module voor Lottie-files om animaties te tonen zonder dat je website zwaar en traag wordt. En ook voor je carroussel is er goed nieuws.
Carroussel
DIVI5 biedt een nieuwe carroussel module waarmee je enorm veel nieuwe mogelijkheden hebt. Hij toont in die carroussel 'groepen'. Die groepen zijn samengesteld uit één of meerdere modules. Je kunt dus een groep maken van een enkele afbeelding, bijvoorbeeld van een logo. Maar je kunt ook een groep maken van een afbeelding, een titel en een tekst. De groepen in de carroussel kunt je steeds weer samenstellen. Je kunt dus in één carroussel bijvoorbeeld een logo, een klantreferentie en een klantvideo combineren. Als je DIVI torque gebruikte voor geanimeerde tekst, kun je deze nieuwe carrousselfunctie ook gebruiken, al zijn de animaties voor tekst nog steeds niet zo uitgebreid. Let op: de logo carroussel die je met je oude plugin hebt gebouwd werkt waarschijnlijk niet meer. Controleer dat dus goed!
Flex en grid
Je kent het wel: je hebt een pagina met links tekst en rechts een afbeelding en in de volgende sectie op die pagina links een afbeelding, rechts tekst. In je mobiele view heb je vervolgens van boven naar beneden: tekst, plaatje, plaatje, tekst. Niet zo mooi. In DIVI4 moest je aan de slag met code. In DIVI 5 is dit allemaal ingebouwde functionaliteit. Je bepaalt met één druk op de knop dat je de weergave omdraait. Daarnaast kun je geneste layouts maken, waardoor je meer variatie en meer creativiteit kunt aanbrengen in je site, en grids gebruiken voor spannendere layouts. Ook dat kon in de oude divi alleen met een stukje code.
Sneller werken
DIVI5 is een stuk sneller, stabieler en werkt niet meer met shortcodes. Als het goed is een verademing om mee te werken. De responsiveness aanpassen is makkelijker en intuïtiever. En wanneer je instellingen aanpast, kun je dat nu heel makkelijk voor je hele website laten gelden. Nieuwe 'views' helpen je om sneller te zien hoe de pagina is opgebouwd.
Heel veel knoppen
Er staat wel wat tegenover. De nieuwe user interface is niet de rustige drie-kleuren interface die je gewend was. Er wordt nog wel met kleuren aangegeven of iets een sectie, rij of module is, maar er is een heleboel aan knoppen bij gekomen. De interface lijkt wat meer op de concurrent Elementor. In het begin is dat allemaal even wennen. Toch merk je al snel dat je vertrouwde DIVI logica gewoon intact is gebleven. En als je je eerste pagina hebt aangepast voor responsiveness ben je om.
Vier stappen om te upgraden naar DIVI5
Er zijn in DIVI5 heel wat functies toegevoegd om je leven makkelijker te maken. Ik zou dus zeker zo snel mogelijk overstappen. Wat mij betreft gaat dat in vier stappen:
1. Staging-omgeving aanmaken.
Je wilt deze switch niet in een live-omgeving doen. Neem de tijd om de overstap te maken en goed te kijken wat er allemaal niet meer werkt als je eenmaal bent gemigreerd naar DIVI5. Wat gaat er stuk en moet sowieso vervangen worden? Je wilt dat niet in je live omgeving ervaren. Tegelijkertijd wil je zo weinig mogelijk content opnieuw moeten plaatsen of aanpassen. Dus reserveer ruim tijd in je agenda om er echt helemaal in te duiken. Kan dat niet? Overweeg dan om desnoods twee keer een staging-omgeving aan te maken: één keer om de schade in te schatten en met DIVI5 te leren werken, één keer voor de echte migratie.
2. Inlezen.
Bekijk de video's van Elegant Themes over de nieuwe interface. Het command center bijvoorbeeld, gaat het bouwen van nieuwe pagina's een stuk makkelijker maken. De preset manager gaat ervoor zorgen dat je je aanpassingen niet steeds opnieuw hoeft te doen. Doe met de video's mee, zodat je het actief leert gebruiken.
3. Plugins evalueren.
Nu je weet wat er mogelijk is, heb je dan al je plugins nog nodig? Of kunnen er een aantal vervangen worden? Je kunt de DIVI5 componenten die je bouwt gewoon opslaan in je DIVI library. Wanneer je, zoals bij stap 1 beschreven, geen tijd hebt om alles in één keer aan te pakken, kun je dus
- kijken welke plugin-componenten kunnen worden vervangen;
- nieuwe modules bouwen met DIVI5 ter vervanging;
- die opslaan in library;
- een nieuwe staging omgeving maken met de meest recente content;
- alle nodige modules snel vervangen met jou opgeslagen DIVI5 exemplaren.
4. Ombouwen.
Alle pagina's doorlopen en de nodige elementen vervangen of aanpassen.
Level up
Sommige van mijn klanten heb ik al aangeraden om deze gelegenheid aan te grijpen om eens flink op te schonen. Werk je met een ander thema dan het DIVI thema? Heb je legacy op je WordPress omgeving, bijvoorbeeld doordat er in het verleden code rechtstreeks in de files is geschreven? Dan is dit misschien het moment om eens goed op te schonen. Tijd voor een schone lei en een betere performance. In SE ranking ging de auditscore van mijn eigen website in ieder geval 5 punten omhoog, zonder enig andere aanpassing. Toch een fijn resultaat.
Migratie of rebranding van een grote website kan een flink project zijn. Heb je behoefte aan hulp of ondersteuning? Plan eens een kennismaking in, dan kijken we samen naar de mogelijkheden.