Säsongen för förändring är över oss. Den senaste ankomsten av WordPress 5.0 introducerar en helt ny blockredigerare (alias Gutenberg). Och resultatet av vår nya upplevelse Divi Builder erbjöd inte bara smidig integration med Gutenberg, utan den uppgraderade också hela webbdesignupplevelsen med Divi.

Dessa nya förändringar kommer utan tvekan att orsaka oro och förvirring om hur Divi och Gutenberg arbetar tillsammans för att göra det bästa av Divi med alla dessa förändringar. Den här guiden syftar till att mildra de negativa effekterna av förändringen genom att förklara de tillgängliga alternativen och de steg som krävs för att få den nya Divi Builder-upplevelsen igång på ett framgångsrikt sätt på WordPress 5.0.

Oroa dig inte för dig som inte är redo för Gutenberg eller den nya Divi Builder-upplevelsen. vi kommer att prata om tillgängliga alternativ så att du kan fortsätta arbeta som vanligt. Och för dem som är redo att åka på äventyr till det okända hjälper den här guiden dig att hitta din väg.

Här är vad vi kommer att täcka i denna handledning:

  • Vikten av att installera den senaste versionen av Divi när du uppgraderar till WordPress 5.0
  • Hur fungerar den nya Divi-konstruktören med Gutenberg som standard
  • Hur man aktiverar den nya Divi Builder på backend med WordPress 5.0 (föredragen metod)
  • Redigera en ny sida med det nya användargränssnittet för Divi Backend Builder
  • Använda Classic Divi Builder med New Divi

Vikten av att installera den senaste versionen av Divi när du uppgraderar till WordPress 5.0

Den senaste versionen av Divi är kompatibel med WordPress 5.0. Om du uppgraderar till WordPress 5.0 måste du därför uppdatera Divi till version 3.18+ också. Den här nya versionen löser många kompatibilitetsproblem med den nya Gutenberg-blockredigeraren. Om du behåller en äldre version av Divi har du svårt att komma åt Divi Builder och andra sidinställningar innan uppgraderingen.

De senaste versionerna av Extra, Bloom, Monarch och Divi Builder-plugin-programmet är också kompatibla med WordPress 5.0. Så det är bättre att uppdatera dem också när du uppgraderar.

Hur fungerar den nya Divi-konstruktören med Gutenberg som standard

När du har uppdaterat till WordPress 5.0 och installerat Divi 3.18 (senaste versionen) är du redo att börja skapa din webbplats. Om du lägger till en ny sida kommer du att erbjudas en popup som låter dig använda Divi Builder eller standardredigeraren för WordPress (nu Gutenberg). Klicka bara på "Använd Divi Builder".

använd divi builder.jpg

Du kommer att märka att du kommer att lanseras direkt i Visual Builder.

divi builder välja ett alternativ.png

Om du avslutar Visual Builder och redigerar sidan i backend ser du att det inte finns någon Classic Divi Builder tillgänglig. Du kommer bara att kunna starta Divi Builder i front-end-läge.

ingen klassisk redaktör endast frontredigeraren.jpg

WordPress 5.0 har faktiskt tagit bort den klassiska redigeraren och ersatt den med blockredigeraren (Gutenberg). Därför har alla anslutna appar inklusive Classic Divi Builder tagits bort. Kort sagt, det finns ingen Classic Divi Builder utan den klassiska WordPress-redigeraren.

Hur man aktiverar den nya Divi Builder på backend med WordPress 5.0 (föredragen metod)

Några klick räcker för att komma åt den nya Divi Builder på servern. Från din WordPress-instrumentpanel, gå till Divi> Temalternativ. När du väl är där klickar du på fliken Skapare. Klicka på fliken Avancerat under generatoralternativen. Där hittar du alternativen för att aktivera den senaste Divi Builder-upplevelsen och för att aktivera den klassiska redigeraren (WordPress). Du måste aktivera båda alternativen för att njuta av den nya Divi Builder på backend . Klicka sedan på Spara ändringar.

gränssnitt divi.jpg

Obs: alternativet att aktivera den klassiska redigeraren i Divi-temalternativen ersätter användningen av redigeringsplugin klassisk tillhandahålls av WordPress-bidragsgivare till personer som inte är redo att använda Gutenberg.

När du väl har aktiverat den senaste versionen av Divi Builder och den klassiska redigeraren från temalternativen är du redo att börja bygga dina sidor med den nya Divi Builder-upplevelsen.

Redigera en ny sida med det nya användargränssnittet för Divi Backend Builder

Med den nya Divi Builder aktiverad på WordPress Classic Editor ser du den välkända knappen "Använd Divi Builder". Klicka på den här knappen som vanligt för att distribuera Divi Builder.

redaktör divi builder.jpg

Välj sedan hur du vill börja utforma din sida från de tre alternativen som visas.

valläge divi builder.png

Du är nu redo att utnyttja den nya Divi Builder-upplevelsen till fullo. Du kommer att märka att den nya Divi Backend Builder liknar den klassiska Divi Builder med några kraftfulla nya funktioner till hands.

Här är några anmärkningsvärda funktioner i Page Editor UI som hjälper dig att förstå den nya upplevelsen lite bättre.

divi builder interface dashboard wordpress.jpg

Knappen "Bygg på framsidan"

<

p style = "text-align: justify">

konstruktion divi builder.png

Knappen "Bygg i förgrund" har ersatt den traditionella "Använd Visual Builder" -knappen, men funktionaliteten är densamma. Det kommer att distribuera Divi Builder på fasaden för en komplett visuell upplevelse av byggnaden som tidigare. Den främsta anledningen till formuleringen av denna knapp är att det inte längre finns en separat visuell byggare. Det finns bara en Divi Builder som vi nu har tillgång till på backend och frontend.

Vynlägena finns nu på baksidan

<

p style = "text-align: justify">

lägen tillgängliga på backend divi builder.png

Den nya Divi Builder-redaktören introducerade Visual Builder och alla dess funktioner i backend. Nu behöver du inte längre resa för att redigera din sida. För att möjliggöra den visuella generatorupplevelsen på backend kan du växla mellan de olika visningslägena som finns högst upp på generatorn. Som standard är wireframe-visningsläget aktivt, vilket är vettigt eftersom det nära matchar utseendet på den klassiska backend-byggaren vi är vana att se. Du kan dock växla mellan de olika visningslägena (skrivbord, surfplatta och smartphone) för att se din sida visuellt (som med Visual Builder) i backend utan att behöva lämna sidan.

redaktör visuell byggare dashboard.gif

Det nya Divi Builder användargränssnittet

<

p style = "text-align: justify">

nytt gränssnitt divi builder.png

Förutom möjligheten att växla mellan olika visningslägen på backend fungerar Divi Builder användargränssnitt sömlöst på backend medan du redigerar din sida.

När du till exempel ändrar inställningar för ett objekt på backend kan modalinställningarna flyttas till valfri plats i webbläsarfönstret, vilket ger dig det utrymme du behöver för att ändra backend medan du fortfarande är visar dina ändringar i realtid.

realtidsredigering divi builder.gif

Återgå till Classic Divi Builder

gå tillbaka till redaktörens visuella divi builder.png

Om du inte är helt redo för den nya Divi Builder-upplevelsen kan du fortfarande använda Classic Divi Builder som tidigare. Den senaste versionen av Divi har införlivat ett extremt enkelt sätt att distribuera Classic Divi Builder som finns längst ner i Divi Builder-användargränssnittet i instrumentpanelen när du redigerar din sida. Du ser en länk där som gör att du kan återvända till Classic Divi Builder med ett enda klick.

Obs! Du kan också växla till Classic Divi Builder under Temalternativ. Klicka på fliken Generator och sedan på fliken Avancerade alternativ. Där kan du hitta alternativet att aktivera eller inaktivera den senaste Divi Builder-upplevelsen. Inaktivera helt enkelt det här alternativet för att behålla Classic Divi Builder som tidigare. Men kom ihåg att för att se Classic Divi Builder på backend måste du se till att alternativet Classic Editor också är aktiverat.

inaktivera den nya redigeraren divi.jpg

De nya funktionerna i Divi Builder

<

p style = "text-align: justify">

ny funktion divi builder.jpg

Den nya Divi Backend Builder innehåller också alla de kraftfulla nya funktionerna som tidigare bara fanns tillgängliga på Visual Builder. Och om det inte räcker får du också helt nya förbättringar i prestanda och användbarhet med denna nya Divi Builder. Dessa uppgraderingar inkluderar:

  • En snabbare byggupplevelse än någonsin med användning av cacheminne
  • En 100% korrekt representation av din sida i alla vyer med React Portal
  • Möjligheten att kopiera och klistra in mellan sidor i Visual Builder exakt som du kan i Classic Builder.

Använda Classic Divi Builder med New Divi

Som nämnts ovan kan du använda Classic Divi Builder med länken i den nya Divi Backend Builder-sidredigeraren eller genom att inaktivera den senaste versionen av Divi Builder i temalternativen.

När du väl har gjort ändringen ser bakgrundsredigeraren nästan exakt ut som tidigare, med några mindre justeringar. Du kommer att märka att den gamla "Använd Visual Builder" -knappen nu säger "Bygg på server", men funktionen är fortfarande densamma som tidigare. Du har också möjlighet att växla till den nya Divi Builder genom att klicka på en länk längst ner på Divi Builder i backend.

klassisk redaktör divi builder.jpg

Tänk på att Classic Divi Builder alltid kommer att sakna alla de nya funktionerna som nu finns på backend i New Divi Builder.

Avslutande tankar

Lanseringen av Gutenberg ensam är för det mesta lite överväldigande. WordPress-sidredigeraren som vi alla vet är helt annorlunda! Men lyckligtvis integreras lanseringen av den nya Divi Builder sömlöst med Gutenberg, så att du kan behålla det välbekanta användargränssnittet du älskar nu. Och med alla de kraftfulla funktionerna som nu finns i backend är Divi Builder snabbare och mer pålitlig än någonsin.

Klämma fast den på Pinterest