Divi 5 har officiellt släppts, och om du har byggt sajter med Divi 4 undrar du säkert hur du tar steget. Elegant Themes har byggt in ett migreringsverktyg direkt i Divi, så du behöver inte bygga om något från grunden. Migreringen tar ditt befintliga Divi 4-innehåll och konverterar det till det nya Divi 5-formatet.
Men att migrera handlar inte bara om att klicka på en knapp och gå därifrån. Lite förberedelse gör stor skillnad, och att göra saker i rätt ordning besparar dig mycket huvudvärk. Här är en checklista steg för steg som du kan följa för att tryggt migrera vilken Divi 4-sajt som helst till Divi 5.
Gå med bland +5 230 prenumeranter!
Divi 5-migreringschecklistan i korthet
- Skapa en utvecklingssajt
- Kontrollera dina serverresurser
- Aktivera Divi 5-uppdateringar
- Uppdatera från Divi 4 till Divi 5
- Migrera till Divi 5
- Rensa all cache och spara permalänkar
- Granska resultatet i frontend
- Åtgärda trasiga layouter
- Publicera Divi 5 i produktion (när det känns stabilt)
Låt oss gå igenom varje steg.
1. Skapa en utvecklingssajt
Migrera aldrig en livesajt med riktiga besökare. Det är den allra viktigaste regeln i hela processen.
Det finns två skäl till detta. För det första: om något går sönder under migreringen vill du inte att dina riktiga besökare ska se det. Att experimentera inför öppen ridå är aldrig en bra idé. För det andra: om du migrerar direkt på din livesajt har du inget att jämföra med. Du har då bara en version av sajten, så du kan inte ställa den gamla och den nya versionen sida vid sida för att upptäcka skillnaderna.
Det renaste tillvägagångssättet är att skapa en staging-sajt eller en subdomän och sedan klona din livesajt dit. Du kan till exempel sätta upp något i stil med divi5.dinsajt.se och köra hela migreringen på den kopian. Din livesajt förblir orörd medan du arbetar, och du kan jämföra de två versionerna i realtid.
Alla större webbhotell erbjuder något slags gränssnitt för att lägga till staging-sajter eller egna subdomäner. Du kan även använda tillägg som Duplicator eller All-in-One Migration om du vill göra det själv.
2. Kontrollera dina serverresurser
En migrering kan fastna halvvägs om din servermiljö inte har tillräckligt med resurser, så det är värt en snabb kontroll innan du börjar.
Gå till Divi-fliken i din WordPress-adminpanel och öppna Support Center. Högst upp ser du systemstatusen. Du vill ha ett meddelande som talar om att alla systemkontroller har godkänts och att din serverkonfiguration är kompatibel med Divi. Om du ser några varningsflaggor här, åtgärda dem först innan du startar migreringen.
3. Aktivera Divi 5-uppdateringar
Som standard erbjuder Divi 4-installationer inte automatiskt Divi 5-uppdateringen. Du måste först aktivt välja uppgraderingsspåret för Divi 5.
Gå till Divi-panelen och leta efter alternativet för att aktivera Divi 5-uppdateringar. När du har bytt till uppgraderingsspåret för Divi 5 börjar du få Divi 5-uppdateringar i din WordPress-adminpanel. Klicka på knappen för att leta efter uppdateringar, så bör du nu se en tillgänglig uppdatering som tar dig från din nuvarande Divi 4-version upp till den senaste Divi 5-versionen.
4. Uppdatera från Divi 4 till Divi 5
Detta steg uppdaterar själva temafilerna. Nu när Divi 5-uppdateringen syns uppdaterar du temat precis som du skulle göra med vilken vanlig temauppdatering som helst.
Här är något viktigt att förstå: att uppdatera till Divi 5 och att migrera ditt innehåll är två skilda saker. Efter att du har uppdaterat temat kör du rent tekniskt Divi 5, men ditt innehåll är fortfarande i det gamla Divi 4-formatet. Du kör två parallella system tills du har slutfört nästa steg. Ditt icke-migrerade innehåll drar ingen nytta av Divi 5:s prestandaförbättringar förrän det har konverterats.
Förvänta dig ingen stor, festlig guide efter temauppdateringen. Processen är mer stillsam än du kanske tror, vilket är precis därför den här checklistan är användbar.
5. Migrera till Divi 5
Nu konverterar du ditt innehåll. I Divi-panelen hittar du ett avsnitt som uppmanar dig att migrera din webbplats. Om din sajt innehåller innehåll byggt med Divi 4 konverterar migreringsverktyget det till Divi 5-formatet.
När du öppnar migreringsverktyget visar det hur många moduler som är redo att konverteras och flaggar för eventuella varningar. Att starta migreringen konverterar alla dina Divi 4-moduler till Divi 5-formatet, vilket innebär att de gamla shortcodes tas bort över hela din sajt. Detta är en genomgripande förändring på hela sajten, så se till att du har en säkerhetskopia och att du gör detta på din staging-sajt (se steg 1).
När du har bekräftat körs migreringen. På en liten, enkel sajt tar det bara några ögonblick. Större och mer komplexa sajter tar längre tid.
6. Rensa all cache och spara permalänkar
Detta steg löser förvånansvärt många visuella problem, så hoppa inte över det. Efter migreringen städar tre snabba åtgärder upp saker och ting:
- Rensa och förladda ditt cachetillägg. Oavsett om du använder WP Rocket, LiteSpeed Cache eller något annat cachetillägg, rensa cachen och förladda den igen så att besökarna får den nya, migrerade versionen.
- Rensa Divis CSS-cache. I Divi Theme Options hittar du en knapp för att rensa cachen för statiska CSS-filer. Klicka på den.
- Spara dina permalänkar. Gå till Inställningar och sedan Permalänkar och klicka på Spara ändringar. Detta rensar omskrivningsreglerna.
Tillsammans löser dessa tre åtgärder många design- och stilegenheter som annars kan dyka upp direkt efter en migrering.
7. Granska resultatet i frontend
Med migreringen klar och cacherna rensade är det dags att jämföra. Öppna din ursprungliga Divi 4-sajt och din migrerade Divi 5-sajt sida vid sida och gå igenom dem noggrant.
Några tips för granskningen:
- Kontrollera alltid utloggad. Använd ett inkognitofönster så att du ser sajten som dina riktiga besökare gör. Saker kan se annorlunda ut när du är inloggad i WordPress.
- Gå igenom sida för sida. Kontrollera startsidan, undersidorna, bloggen, mallarna för enskilda inlägg och kontaktsidan.
- Kontrollera både desktop och mobil. Det responsiva beteendet kan skilja sig mellan de två versionerna, så förhandsgranska dina sidor i mobilstorlek också.
Ta god tid på dig här. Det är i den här granskningen du fångar upp allt som inte följde med perfekt.
8. Åtgärda trasiga layouter
Även vid en ren migrering kan du hitta en handfull små skillnader som behöver åtgärdas. Vissa inställningar följer inte alltid med exakt som de var i Divi 4, så räkna med att lägga lite tid på att justera saker.
De flesta av dessa justeringar går snabbt, och Divi 5 ger dig mycket mer kontroll än Divi 4 gjorde. Om du använde förinställningar (presets) i Divi 4 kan du uppdatera motsvarande elementförinställningar i Divi 5 för att åtgärda många element på en gång i stället för att redigera dem ett och ett. De nya responsiva inställningarna samt flexbox- och grid-alternativen i Divi 5 gör det också enklare att få dina layouter att se ut exakt som du vill, särskilt på mobil.
Arbeta igenom dina granskningsanteckningar från steg 7 och putsa till allt som ser fel ut. Eftersom du befinner dig på en staging-sajt kan du ta så lång tid du behöver utan att någon besökare märker något.
9. Publicera Divi 5 i produktion (när det känns stabilt)
När du har granskat allt och åtgärdat layouterna på din staging-sajt, och du är nöjd med hur Divi 5-versionen ser ut och beter sig, är du redo att gå live.
Det är ingen brådska. Elegant Themes har åtagit sig att stödja Divi 4 i minst 12 månader, så du kan ta den tid du behöver för att få migreringen rätt. Publicera Divi 5 i produktion först när det känns stabilt och du är trygg med resultatet. Om du bygger en helt ny sajt är det ett utmärkt val att starta direkt i Divi 5, eftersom du då får den förbättrade byggupplevelsen och alla nya funktioner från dag ett.
Gör det enklare: det gratis tillägget Divi Migration Helper
Divis inbyggda migreringsverktyg gör jobbet, men det ger dig en enda skärm med väldigt lite vägledning. Du lämnas till stor del ensam med att lista ut förberedelserna, kompatibilitetskontrollerna och granskningsprocessen.
Det är här tillägget Divi Migration Helper från Pee-Aye Creative kommer in. Det ersätter inte Divis migreringssystem; det bygger vidare på det genom att kapsla in hela processen i ett strukturerat, guidat gränssnitt som leder dig genom varje steg i rätt ordning, från att förbereda din sajt och kontrollera kompatibilitet till att köra migreringen och granska resultatet.
I praktiken guidar tillägget dig genom många av samma steg som i den här checklistan, men med hjälpsam kontext i varje skede. Det leder dig genom att verifiera serverns beredskap, skapa säkerhetskopior och sätta upp en staging-sajt för testning, och det uppmanar dig att granska kompatibiliteten hos tredjepartstillägg så att du kan upptäcka potentiella konflikter innan du migrerar. I stället för att köra migreringen i blindo kan du se vad som kommer att hända innan du börjar och förstå resultatet efteråt.
Det är värt att veta vad tillägget gör och inte gör. Det använder Divis inbyggda migreringssystem i bakgrunden och ersätter eller ändrar inte den underliggande migreringsprocessen. Det löser inte kompatibilitetsproblem åt dig och konverterar inte moduler som saknar stöd; i stället hjälper det dig att identifiera och förstå dem så att du kan fatta välgrundade beslut. Och det är gratis (med möjlighet att donera), så det finns ingen anledning att inte prova det.
Om din sajt är mer komplex, eller om du helt enkelt vill ha en lugnare och mer guidad upplevelse, är det ett smart drag att installera Divi Migration Helper innan du börjar.
Avslutande tankar
Att migrera från Divi 4 till Divi 5 behöver inte vara stressigt. Nyckeln är förberedelse: arbeta på en staging-sajt, kontrollera din server och ta processen ett steg i taget. Uppdatera, migrera, rensa dina cacher, granska noggrant, åtgärda det som behöver åtgärdas – och gå live först då.
Följ den här checklistan, luta dig mot det gratis tillägget Divi Migration Helper om du vill ha extra vägledning, så kommer du att köra Divi 5 med gott självförtroende.
0 kommentarer