Divi

När jag började bygga WordPress-webbplatser för ett decennium sedan kämpade jag med att skapa anpassade designer utan kodningskunskaper. Det var då jag upptäckte sidbyggare, och allt förändrades.

Bland alla sidbyggare som jag har testat och använt genom åren har Divi alltid stått ut. Medan många mångsidiga teman och sidbyggare har kommit och gått, har Divi konsekvent hållit sig före kurvan med funktioner som AI-drivna designverktyg och avancerade anpassningsalternativ.

I den här praktiska Divi-recensionen visar jag dig exakt vad som gör det så speciellt, så att du kan bestämma om det är rätt val för din WordPress-webbplats.

Divi granskning: Min ärliga åsikt (och förstahandsupplevelse)

Divi är ett populärt multipurpose-tema som levereras med en integrerad sidbyggare. Jag har använt Divi i ett antal projekt, och det har snabbt blivit en av mina favoritsidbyggare.

Page buildern fungerar med alla WordPress teman så att du kan använda den för att skapa alla typer av websites. Den är dock optimerad för att fungera med temat Divi och i alla Divi-licenser ingår både byggaren och det mångsidiga temat, så många website-ägare använder dem tillsammans.

När du aktiverar page builder ersätts WordPress standard editor för sidor och post med en visual builder.

Denna byggare ger dig tillgång till hundratals färdiga layouter som täcker flera branscher och nischer, inklusive kit för restaurangwebbplatser, kaféer och yogastudior. Jag bläddrade igenom layoutbiblioteket, och designen är verkligen imponerande.

Tack vare Divis 1-click demo importer kan du snabbt och enkelt importera någon av dessa professionellt designade layouts för bloggar och sedan customize dem med hjälp av drag and drop-byggaren.

Alternativt kan du börja från scratch och bygga en helt custom layout.

Oavsett vilket alternativ du väljer kan du lägga till och ta bort element, lägga till text med hjälp av inline-editorn, flytta element runt på sidan och till och med lägga till anpassad CSS för att skapa exakt den design du vill ha. Jag tyckte att inline-redigeraren var särskilt användbar.

När du är nöjd med layouten kan du göra den Live med bara några clicks eller save den som en återanvändbar template.

Om du hanterar flera webbplatser kan du till och med exportera dina mönster och sedan importera dem till alla WordPress-bloggar, webbplatser eller onlinebutiker som har Divi installerat.

Divi granskning: Är det rätt tema och sidbyggare för dig?

Det finns otaliga WordPress-teman att välja mellan, men många webbplatsägare kämpar fortfarande med att skapa exakt den design de vill ha. Jag vet precis hur frustrerande det kan vara.

Det är där page builders kommer in i bilden.

Med dessa plugins kan du anpassa varje del av din webbplats med hjälp av dra och släpp. Jag har använt dra-och-släpp-byggare i flera år, och de är en game-changer för alla som vill ha full kontroll över sin webbplats design. Med detta i åtanke, låt oss se om Divi är rätt sidbyggarplugin och mångsidigt tema för din WordPress-webbplats.

1. Professionellt utformade layouts

Till att börja med är Divi en otroligt robust plattform för att skapa alla typer av webbplatser. Den erbjuder över 2 000 webbplatslayouter och de släpper nya mönster hela tiden, komplett med bilder, ikoner och illustrationer från offentliga domäner.

Jag testade dessa layoutpaket på mina demosajter, och de är otroligt enkla att använda. De sparar verkligen massor av tid och ansträngning i designprocessen.

Det finns också layoutpaket som har flera mönster för bloggens section, About us page, contact page, homepage och mycket mer.

Du hittar paket för specifika nischer och branscher, tillsammans med minimalistiska templates som passar för nästan alla bloggar.

Divi låter dig till och med lägga in olika layouts i andra templates för att skapa skiktade mönster.

Dessutom har Divi över 200 fullt anpassningsbara element och moduler. Till exempel kan du add to färdiga sliders, call-to-action (CTA) knappar, formulär, rekommendationer, social media feeds, prissättningstabeller och mycket mer.

Min ärliga recension: Om du letar efter ett sätt att bygga en snygg webbplats utan massor av krångel verkar dessa layoutpaket vara en absolut vinnare.

2. Drag and Drop Page Builder

Som någon som har använt Divi i stor utsträckning kan jag säga att drag-and-drop-redigeraren är en riktig höjdpunkt. Det låter dig skapa helt anpassade målsidor, försäljningssidor, anpassade inläggslayouter och mer. Jag har testat det med olika teman, och även om det är utformat för Divi-temat fungerar det förvånansvärt bra med andra. Jag tror att webbplatsägare kommer att tycka att denna flexibilitet är otroligt användbar.

The Divi page builder är en sann “what you see is what you get” (WYSIWYG) editor så att du kan se dina ändringar i realtid. Detta innebär att du kan prova många olika Settings för att se vad som ser bäst ut på din website, blogg eller store.

Det är enkelt att redigera element. Klicka bara på elementet och gör dina ändringar i menyn till vänster.

You can change the fonts, text color, border options, add hover styling, apply filters, and more.

Divi tillhandahåller 20 radtyper och 3 sektionstyper. Detta ger dig massor av flexibilitet när det gäller att ordna ditt innehåll. Jag tyckte att detta var särskilt användbart när jag designade komplexa målsidor – det är så mycket lättare än att röra sig med anpassad kod.

Min ärliga recension: Divis dra-och-släpp-redigerare är kraftfull och användarvänlig. Realtidsredigeringen och massor av anpassningsalternativ gör det till en glädje att använda. Oavsett om du är bloggare, företagare eller webbdesigner kommer du att uppskatta den flexibilitet och kontroll som Divi erbjuder.

3. Avancerade alternativ för customize

En av de saker jag älskar med Divi är dess förmåga att omvandla element direkt i sidbyggaren. Inget behov av Photoshop eller Sketch!

Jag kunde enkelt rotera element, skala dem och flytta runt dem. Det här är en enorm tidsbesparing och jag vet att våra läsare kommer att uppskatta att slippa växla mellan olika program. Jag testade den här funktionen i stor utsträckning på mina demosajter och det fungerade felfritt.

Divi erbjuder också en rad olika filter för att förbättra dina element. Jag experimenterade med filtren Sepia, Saturation och Contrast, och de är ett bra sätt att lägga till en unik touch. Du kan också lägga till kanter, boxskuggor och textskuggor, som alla bidrar till att skapa visuellt intresse.

På så sätt kan du customize de färdiga elementen och modulerna så att de perfekt återspeglar ditt varumärke och WordPress tema.

Min ärliga recension: Divis elementtransformationsfunktioner är otroligt kraftfulla. Möjligheten att manipulera element direkt i sidbyggaren, i kombination med filteralternativen, ger dig fullständig designfrihet. Det är en spelväxlare för alla som vill skapa en verkligt anpassad webbplats.

4. Inline Text Editing

Text är en viktig del av de flesta bloggar, websites och marknadsplatser online.

Med Divi kan du skriva ditt innehåll i frontend och se resultatet direkt. Klicka bara och börja skriva – så enkelt är det!

Du har också full kontroll över hur texten ser ut. Jag testade olika teckensnittsalternativ och det finns hundratals att välja mellan. Du kan till och med ladda upp dina egna teckensnitt, vilket är ett utmärkt alternativ för företag som vill upprätthålla varumärkeskonsistens.

Min ärliga recension: Divis textredigeringsfunktioner är utmärkta. Frontend-redigeringen och de omfattande stylingalternativen gör det enkelt att skapa vackert, engagerande innehåll.

5. Animationer och effekter

Animationer i WordPress kan fånga besökarens uppmärksamhet och lyfta fram det viktigaste innehållet på en page. De kan också uppmuntra customers att klicka på dina call-to-action-knappar.

Den goda nyheten är att Divi låter dig skapa alla typer av animationer och effekter.

Till att börja med kommer det med färdiga animationer som du kan add to alla element, eller så kan du bygga dina egna customize animationer.

Jag kunde lägga till färdiga animationer till olika element på min testsida, och resultaten var imponerande. De hjälper verkligen till att lyfta fram viktigt innehåll och uppmuntra till klick på uppmaningsknappar.

You can also create motions effects, which interact with visitors as they move around the page.

Hover-effekter är ett annat sätt att lägga till interaktivitet. Divis gränssnitt för hover-alternativ är användarvänligt och gör det enkelt att skapa intressanta effekter utan någon kodningskunskap. Jag testade den här funktionen med olika bilder och knappar, och det är ett enkelt sätt att lägga till en touch av polish.

Slutligen kan du skapa dynamiska övergångar mellan innehållsblock. Detta lägger till en nivå av sofistikering och hjälper till att vägleda besökarens öga genom sidan. Jag lekte med olika övergångsstilar, och de är ett bra sätt att skapa en mer uppslukande upplevelse.

Min ärliga recension: Divis animeringsfunktioner är verkligen förstklassiga. Kombinationen av färdiga animationer, anpassade animeringsalternativ, svävareffekter och dynamiska övergångar ger dig allt du behöver för att skapa en visuellt fantastisk och engagerande webbplats.

6. Skapa sticky content

Sticky eller flytande content “sticky” högst upp på vyn när besökaren rullar, så att det är synligt på skärmen all. Det här är ett bra sätt att lyfta fram sidans viktigaste content eller se till att dina menyer för navigation alltid är inom räckhåll.

Med Divi kan du fästa element i webbläsarens övre eller nedre del. Jag experimenterade med båda alternativen och tyckte att de var lika effektiva. Staplingsfunktionen är särskilt användbar för att skapa komplexa layouter där flera element måste förbli synliga.

Min ärliga recension: Divis klibbiga innehållsfunktion är enkel men effektiv. Det är ett bra sätt att se till att viktiga element förblir synliga, vilket förbättrar användarupplevelsen och lyfter fram viktig information.

7. Villkorliga regler och dynamiskt content

Divi låter dig dölja eller visa element baserat på villkor som du definierar, till exempel användarroll, datum och tid, plats med mera. Jag vet att våra läsare som driver onlinebutiker kommer att tycka att detta är särskilt användbart – tänk dig att visa olika produkter baserat på tidigare inköp! Det här är en game-changer för personlig marknadsföring.

Du kan också visa dynamiskt content, till exempel ett exakt antal kommentarer, postens titel, dess taggar och kategorier med mera.

På så sätt kan du visa relevant och intressant information för besökaren.

Denna automatisering sträcker sig också till andra områden. Till exempel kan du helt enkelt säga till Divi att visa författarens informationsruta, snarare än att lägga till den manuellt. Detta är en liten men betydande tidsbesparing. Jag önskar att jag hade haft tillgång till den här funktionen tidigare.

Min ärliga recension: Divis villkorliga display och dynamiska innehållsfunktioner är otroligt kraftfulla. I själva verket gör detta Divi till ett måste för alla som vill skapa en verkligt dynamisk och personlig webbplatsupplevelse.

8. Generera images och text med hjälp av AI

Jag blev särskilt glad över att testa Divis inbyggda verktyg för artificiell intelligens. Istället för att söka efter bilder på nätet skrev jag helt enkelt in en fråga och Divi skapade flera alternativ direkt. Det här är en enorm tidsbesparing, och jag kan tänka mig att våra läsare älskar den här funktionen.

På samma sätt kan du använda AI-verktygen för att generera text.

Jag experimenterade med olika innehållstyper, från rubriker och stycken till utdrag ur inlägg och uppmaningar till åtgärder.

Divi AI kan till och med översätta innehåll till olika språk, vilket är en spelväxlare för att nå en global publik. Företag som vill utöka sin räckvidd kommer att tycka att detta är ovärderligt.

Min ärliga recension: Divis AI-verktyg är allvarligt imponerande. Bild- och textgenereringsfunktionerna är otroligt användbara och kan potentiellt spara massor av tid.

I grund och botten är de ett måste för alla som vill effektivisera sin process för att skapa innehåll.

9. Support för Custom CSS

För de som gillar att lägga till anpassad kod är Divis inbyggda kodredigerare ett välkommet tillskott. Jag testade den och blev positivt överraskad av dess funktioner. Det är en miniredigerare, men den har ett rejält punch.

Faktum är att den här miniredigeraren har alla de avancerade funktioner som du kan förvänta dig av en fullfjädrad kodredigerare, inklusive syntaxmarkering, felrapportering, automatisk komplettering, färgval och flerradig markering. Jag tror att utvecklare och avancerade användare kommer att uppskatta att ha det här verktyget till hands.

Min ärliga recension: Divis kodredigerare är mycket bättre än jag förväntade mig. Även om det kanske inte är lika avancerat som ett fullständigt kodningsprogram, har det alla viktiga funktioner du behöver för att lägga till anpassad kod i dina mönster.

10. Skapa Custom Templates

Att skapa anpassade sidlayouter med Divi är enkelt, men att kunna återanvända dessa mönster är ännu bättre. Jag sparade några av mina testsidlayouter som mallar, och det var en enorm tidsbesparing. Jag vet att våra läsare kommer att uppskatta att inte behöva återskapa design från grunden.

Du kan även importera dina mallar till alla andra webbplatser som har Divi installerat.

Detta är perfekt om du run en WordPress utvecklare och hanterar massor av kundwebbplatser, eller om du äger en portfölj av webbplatser och vill att de alla ska ha samma varumärke.

Min ärliga recension: Divis mallbesparings- och importfunktion är en spelväxlare. Det förenklar designprocessen och gör det enkelt att upprätthålla konsistens på flera webbplatser. Det är ett måste för alla som hanterar mer än en webbplats.

11. Optimerad för utförd

Laddningstiderna för din webbplats har stor inverkan på hur framgångsrik den blir. Faktum är att en 1 sekunds fördröjning av laddningstiderna kan leda till en 7% förlust i konverteringar, 11% färre sidvisningar och en 16% minskning av kundnöjdheten. Det är ganska skrämmande statistik!

Den goda nyheten är att Divi är utformad med hastighet i åtanke. Det minskar uppsvälldheten genom att automatiskt ta bort de resurser du inte använder. Jag testade detta på min egen installation och märkte en betydande förbättring.

Divi skjuter också upp resurser, cachar förfrågningar och tar bort tillgångar som blockerar rendering, vilket är goda nyheter för dina första sidladdningstider. Jag önskar att jag hade tillgång till en sådan här funktion när jag först började bygga webbplatser. Tänk hur mycket tid jag kunde ha sparat!

Mer information om detta ämne finns i vår ultimata guide för att öka WordPress hastighet och prestanda. Den här guiden är full av användbara tips och tricks som jag tror att du kommer att ha nytta av.

Min ärliga recension: Divis prestandafunktioner är verkligen imponerande. Jag gillar särskilt hur det automatiskt tar bort oanvända resurser.

12. Optimerad för mobil

Enligt vår statistik över internetanvändning står mobil internettrafik för nästan 55% av den totala webbtrafiken. Med detta i åtanke är det viktigt att din webbplats ser bra ut och fungerar korrekt på smartphones och surfplattor. Jag har sett så många webbplatser försumma mobiloptimering, och det är verkligen synd.

Den goda nyheten är att Divi-layouter är mobilresponsiva som standard. Jag testade detta på några olika demosidor, och resultaten var utmärkta.

Ännu bättre, du kan previewa hur dina layouts kommer att se ut på smartphones och surfplattor, direkt i Divi byggaren.

Det finns också en lista med förinställda enheter så att du kan testa dina layouter på specifika smartphone- och surfplattmodeller.

På så sätt kan du vara säker på att du ger en bra upplevelse på alla devices.

Min ärliga recension: Den mobila responsiviteten och förhandsgranskningsfunktionerna i Divi är ett stort plus.

Att kunna se exakt hur mina layouter kommer att se ut på olika enheter är en riktig tidsbesparing. Det här är en måste-ha-funktion för absolut alla som bygger en blogg, webbplats eller webbutik. Även om du skapar en enkel webbplats med bara en sida måste den sidan se bra ut på smartphones och surfplattor.

13. Ångra, göra om och revision

Divi registrerar alla dina redigeringar när du gör dem. Jag har använt webbplatsbyggare i flera år, och det här är en funktion som jag verkligen uppskattar. Om du ändrar dig kan du enkelt ångra eller göra om dessa ändringar bara genom att klicka på en knapp.

Detta ger dig friheten att prova olika inställningar och innehåll för att se vad som ser bäst ut. Jag har testat detta i stor utsträckning, och det fungerade felfritt varje gång.

Ännu bättre, om din dator kraschar eller ditt internet går ner, kommer Divi automatiskt att saved dina framsteg så att du inte förlorar något av ditt hårda arbete.

Min ärliga recension: Funktionerna för ångra/återställa och autospara är viktiga för alla webbplatsbyggare. Jag vet precis hur viktigt det är att ha ett skyddsnät när man arbetar på en webbplats, och Divi ger det. Dessa funktioner ger dig sinnesfrid och gör designprocessen mycket roligare.

14. Built In Split-Testing

A/B split testing hjälper you att förstå hur små förändringar i content och design påverkar användarnas beteende och konvertering.

Divi har inbyggd split testing så att du kan skapa olika versioner av en siddesign och sedan se vilken som hjälper dig att uppnå dina mål. Detta är särskilt användbart för sidor som är utformade för att konvertera, till exempel försäljningssidor.

Jag testade den här funktionen med några olika målsidor, och den var förvånansvärt enkel att installera och använda. Företag, både stora och små, kan verkligen dra nytta av detta.

Min ärliga recension: Inbyggd A/B-testning är ett värdefullt tillskott till Divi. Jag blev imponerad av hur okomplicerad processen var. Att kunna optimera sidor för konverteringar utan att förlita sig på plugins från tredje part är en stor fördel.

15. Massor av integrationer

Divi integreras med många av de plugins och verktyg som du kanske redan använder, inklusive WPForms, MemberPress och Eventin. Jag har använt flera av dessa plugins själv, och integrationen är sömlös.

Om du driver en webbutik kan Divi också integreras med WooCommerce. Du kan skapa vackra produktlayouter med hjälp av den välbekanta Divi-redigeraren och till och med blanda WooCommerce-moduler med standard Divi-moduler för att skapa en helt unik layout. Jag testade den här integrationen och kunde skapa några riktigt imponerande produktlayouter.

Divi levereras också med 8 varukorgs- och kassamoduler, så att du kan optimera inköpsprocessen och minska antalet övergivna varukorgar. Jag vet precis hur viktigt det är att effektivisera kassaupplevelsen, och de här modulerna gör det till en barnlek.

Dessutom integreras Divi med Google Maps så att du kan visa din plats. Detta är användbart om ditt företag har en fysisk plats som en tegel- och murbrukbutik. Du kan också använda Google Maps när du skapar en företagskatalog.

För att hjälpa dig att generera leads integrerar Divi också med alla de bästa e-posttjänstleverantörerna inklusive ConvertKit, Constant Contact och Mailchimp. Det här är något som våra läsare har bett om så jag är glad att se att Divi levererar.

Min ärliga recension: Divis omfattande integrationer är en viktig försäljningsargument. WooCommerce-integrationen, i synnerhet, är otroligt kraftfull. Att kunna anpassa kassaprocessen med dedikerade moduler är en spelväxlare för onlinebutiker.

Divi granskning: Professionellt stöd och gemenskapsstöd

Med Divi kan du designa vackra sidor med hjälp av en WYSIWYG-redigerare och se resultatet i realtid utan att behöva koda. Jag tyckte att den visuella redigeraren var otroligt intuitiv och lätt att använda. Ibland kan du dock behöva lite extra hjälp med att konfigurera temat och byggaren.

Om du föredrar att forska själv har Divi detaljerad dokumentation, inklusive skriftliga guider och videohandledning. Jag bläddrade igenom dokumentationen och blev imponerad av hur grundlig den var. De har också ett communityforum där du kan interagera med andra Divi-användare.

Om du föredrar personlig hjälp kan du kontakta en kundtjänstmedarbetare eller lösa dina problem via Divis livechattfunktion. Detta är ett stort plus för nybörjare som kan behöva lite extra vägledning.

Divi granskning: Prissättning och planer

Om du vill prova Divi innan du köper en licens erbjuder de en gratis 30-dagars testperiod. Jag rekommenderar starkt att du utnyttjar denna testperiod för att se om Divi passar dig. Efter det finns det några olika planer du kan välja mellan.

• Divi. För $ 89 per år kan du använda Divi tema och byggare på så många webbplatser som du vill. Denna plan innehåller över 300 website-paket och kommer också med Divis Bloom-, Monarch- och Extra-produkter.
• Divi Pro. Priset är $287 per år och denna plan lägger till Divi AI så att du kan generera bilder och text med hjälp av kraftfulla verktyg för artificiell intelligens. Jag experimenterade med AI-funktionerna, och de är ganska imponerande. Du kan också spara dina layouter, sidhuvuden, sidfötter, mallar och annat innehåll i molnet. Med detta i åtanke är det här det perfekta abonnemanget för WordPress-utvecklare, designers och alla andra som skapar webbplatser åt kunder.

Om du föredrar att göra en engångsbetalning kan du också köpa en livstidslicens. Livstids tillgång till Divi är prissatt till $ 249, medan livstids tillgång till Divi Pro är prissatt till $ 365. Jag tror att livstidsåtkomstalternativet erbjuder stort värde, särskilt för frilansare och byråer.

Divi granskning: Är det rätt tema och sidbyggare för dig?

Efter att ha tittat på funktioner, support och prisplaner är jag övertygad om att Divi är ett utmärkt WordPress-tema för flera ändamål och ett plugin för sidbyggare. Jag har testat många teman och sidbyggare genom åren, och Divi sticker ut för sin användarvänlighet och flexibilitet.

Divi finns tillgängligt som en årlig licens eller som ett engångsköp för livstid och har allt du behöver för att skapa helt anpassade layouter. Det gör det till ett utmärkt val om du letar efter ett professionellt WordPress-tema för flera ändamål eller en sidbyggare med dra-och-släpp-funktion. Jag har använt det i flera projekt och resultaten har varit fantastiska.

Divi levereras också med över 300 webbplatspaket, vilket är perfekt om du ska designa om en befintlig webbplats eller lansera en helt ny webbplats. Jag har utforskat många av dessa paket, och de erbjuder en bra utgångspunkt för alla projekt.

Om du äger flera webbplatser eller driver en WordPress agency, kan Divi Pro göra ditt arbetsflöde ännu bättre. Du kan använda dess obegränsade molnlagring för att skapa templates och sedan dela dem mellan flera websites. Detta kan save you massor av tid och ansträngning.

Dess inbyggda AI-verktyg kan också hjälpa dig att enkelt generera vackra bilder och text, vilket är perfekt för att snabbt fylla på en ny webbplats.

Sammantaget är Divi ett kraftfullt och mångsidigt tema och en sidbyggare som lever upp till förväntningarna. Det omfattande biblioteket med webbplatspaket, i kombination med molnlagring och AI-funktioner i Divi Pro, gör det till ett utmärkt val för både nybörjare och erfarna WordPress-användare.

Divi granskning: Dina frågor besvarade

Många WordPress-användare har frågor när de överväger Divi som tema och sidbyggare. I det här avsnittet kommer jag att besvara några av dessa vanliga frågor för att hjälpa dig att fatta ett välgrundat beslut.

Oavsett om du är nyfiken på Divis funktioner, hur det kopplas till andra verktyg eller anpassningsalternativ, är det här FAQ-avsnittet för dig.

Är Divi lämpligt för nybörjare?

Ja, absolut! Divi är utformat för nybörjare och erbjuder ett lättanvänt dra-och-släpp-gränssnitt som låter dig bygga professionella layouter utan att behöva någon kodningserfarenhet.

Hur integreras Divi med andra WordPress-plugins?

Divi ansluter smidigt till många populära WordPress-plugins och verktyg, inklusive WPForms för att skapa formulär och WooCommerce för onlinebutiker. Det innebär att du inte bör ha några problem med att lägga till Divi på din WordPress-webbplats.

Kan jag använda Divi på flera webbplatser?

Ja, du kan använda Divi på ett obegränsat antal webbplatser. Detta gör det till ett utmärkt val för utvecklare eller byråer som hanterar flera kundwebbplatser.

Fler tips om hur du hanterar många WordPress-installationer finns i vår artikel om hantering av flera WordPress-webbplatser.

Jag hoppas att denna Divi-recension hjälpte dig att avgöra om det är rätt slider-plugin för din WordPress-webbplats. Du kanske också vill lära dig hur du skapar ett kontaktformulär i WordPress, eller se vårt expertval av de bästa SEO-pluginsen och -verktygen.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.