Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Divi

1 Användarrecension | Vår expert Divi recension

DesignAnvänds av 900.000+ users

Divi är ett populärt multipurpose theme och page builder plugin. Det kommer med färdiga website-kit, layouts och en drag and drop editor så att du kan skapa beautiful design, snabbt.
Har du använt "Divi" förut? Lägg till din recension för att hjälpa communityn.

Fördelar:

  • WordPress tema för flera ändamål
  • Drag and drop page builder
  • 2 000+ layouts
  • 200+ element
  • 200+ kompletta website-paket
  • Optimerad för mobil och prestanda

WPBeginners användare kan save upp till 50%!

Besök Divi

(denna rabatt kommer att tillämpas automatiskt)

| Reader Disclosure

Divi Review: Rätt WordPress Theme och Page Builder för dig?

Letar du efter en Divi review, för att hjälpa dig att bestämma om det är rätt theme för din WordPress website?

Divi är en populär drag and drop page builder och ett multifunktionellt theme. It allows you to create, edit, and customize your website layout without writing a single line of code, so you can create exactly the design you want.

I denna Divi review kommer vi att ta en close titt på detta populära theme och byggare, för att se om det är rätt för din WordPress website.

Is Divi the right theme and page builder for you?

Vad är Divi?

Divi är ett populärt multipurpose theme som kommer med en integrerad page builder.

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.

The drag and drop Divi theme builder

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 layouts som täcker flera branscher och nischer, inklusive kit för restaurangwebbplatser, kaféer och yogastudior.

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.

The Divi theme and builder

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 customizer CSS för att skapa exakt den design du vill ha.

Adding custom CSS to a WordPress page design

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 Review: Varför använda det i WordPress?

Det finns otaliga teman för WordPress att välja mellan, men många ägare av websites kämpar fortfarande med att skapa exakt den design de vill ha.

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

Dessa tillägg allow you att customize varje del av din site med drag and drop. Med detta i åtanke, låt oss se om Divi är rätt page builder-plugin och mångsidigt tema för din WordPress-webbplats.

1. Professionellt utformade layouts

Divi erbjuder över 2 000 layouts för webbplatser och de släpper nya mönster hela tiden, komplett med bilder, icons och illustrationer från offentliga domäner.

Divi's ready-made website layouts

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.

Choosing a ready-made website pack using the Divi theme

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.

Adding modules to a custom WordPress theme

2. Drag and Drop Page Builder

Divi kommer med en drag and drop editor som allow you to design completely custom landing pages, sales pages, custom post layouts, och mycket mer. Den fungerar med nästan alla WordPress-teman, även om den är utformad för att fungera sömlöst med Divi-temat.

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.

Om du vill edit:a ett element på skärmen klickar du bara på det för att select:a det och gör sedan your ändringar i menyn till vänster.

Editing a website's design using Divi

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

Divi har också 20 row-typer och 3 section-typer, så att du enkelt kan ordna sidans innehåll i en fin layout.

Choosing a layout for your page design

3. Avancerade alternativ för customize

När du har lagt till element på sidan ger Divi dig möjlighet att omvandla dem utan att använda extern webbdesignprogramvara som Photoshop eller Sketch.

You can rotate elements on three different axis, scale them up and down, move them around, and perform other advanced tasks directly in the Divi page builder.

Du kan också använda filter för att ändra hur de olika elementen ser ut. Du kan till exempel tillämpa filtret Sepia, Mättnad eller Kontrast. Andra alternativ är att lägga till en kant, boxskugga eller textskugga.

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

4. Inline Text Editing

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

Med Divi kan du drafta ditt content on the front end och se resultatet omedelbar. Klicka bara på ett element som har stöd för text och börja skriva.

Editing your WordPress website's text on the front-end

You har också full control över hur texten ser ut. Detta inkluderar att välja bland hundratals webbtypsnitt eller uppladare dina egna, ändra bokstavsavstånd och line height, skapa blockcitat och mycket mer.

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.

Adding animations and transition effects to your WordPress website

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

Hover-effekter är ett annat sätt att göra din design mer interaktiv och engagerande. Med detta i åtanke har Divi ett användarvänligt gränssnitt för hover-alternativ så att du kan skapa intressanta hover-effekter utan att behöva skriva någon kod.

Slutligen kan du skapa dynamiska övergångar mellan block av content.

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 enkelt klistra fast element högst upp och längst ner i webbläsaren och till och med låta dem staplas upp.

7. Villkorliga regler och dynamiskt content

Divi allow you to hide or show elements based on conditions that you define, such as user role, date and time, location, and more. Om du run en online store eller en marknadsplats för digitala produkter kan du till och med visa olika produkter baserat på objekt som besökaren tidigare har köpt.

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

Adding dynamic content to a WordPress page or post design

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

Det innebär också att du inte behöver add to detta content manuellt. Till exempel kan du helt enkelt säga till Divi att visa författarens info box, istället för att lägga till en Gravatar och description manuellt.

Adding dynamic content to a WordPress page design

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

Divi kommer med built-in artificiell intelligens tools som allow you to generera content med lätthet. Istället för att searcha efter images online kan you skriva in en prompt och skapa dessa images omedelbar. Divi kommer till och med att skapa flera alternativ så att du kan välja det som bäst passar din WordPress website.

Generating images using AI with Divi

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

Divi AI har flera content types så att du kan generera headings, stycken, post excerpts, call-to-actions, och mer.

Generating text using AI

Divi AI kan till och med översätta ditt content till olika språk. Detta kan öka trafiken på din blogg genom att hjälpa dig att vädja till en global publik.

9. Support för Custom CSS

Divi kommer med en built-in code editor som du kan använda för att add to custom code till your designs.

Denna mini-editor har alla de avancerade funktioner som du kan förvänta dig av en fullfjädrad kodredigerare, inklusive syntaxmarkering, error report, automatisk komplettering, färgval och multi-line select.

10. Skapa Custom Templates

Divi gör det enkelt att skapa alla typer av custom page layouts. Men ibland kanske du vill återanvända samma design på flera pages, eller till och med på flera websites.

När du är nöjd med en page kan du save den som en återanvändbar template. Detta kan save you massor av tid och ansträngning, jämfört med att återskapa samma design manuellt.

Saving a custom layout as a reusable WordPress template

Du kan till och med importera din template till någon annan website 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.

11. Optimerad för utförd

Hur snabbt din site hämtar sina pages 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 pages views och en 16% minskning av kundnöjdheten.

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.

Divi skjuter också upp resurser, cacher requests och tar bort filer som blockerar rendering, vilket är bra nyheter för dina första sidladdningstider.

Mer om detta ämne finns i vår ultimata guide för att öka WordPress hastighet och prestanda.

12. Optimerad för mobil

Enligt vår statistik över internetanvändning står den mobila internettrafiken för nästan 55% av den totala webbtrafiken. Med detta i åtanke är det viktigt att din site ser bra ut och fungerar korrekt på smartphones och surfplattor.

Den goda nyheten är att Divi layouts är mobil-responsiva som standard.

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

Creating a mobile responsive layout for your WordPress blog or website

Den levereras också med en lista med presets för enheter så att you kan testa din layout på specifika smartphone- och surfplattmodeller.

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

Testing your WordPress blog or website across smartphones, tables, and desktop computers

13. Ångra, göra om och revision

Divi registrerar alla dina edits när du gör dem. Om du ändrar dig kan du enkelt ångra eller göra om dessa edits bara genom att klicka på en knapp.

Undoing changes in the Divi page editor

Det ger dig friheten att prova olika Settings och Content för att se vad som ser bäst ut.

Ä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.

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 levereras med built-in split testing så att du kan skapa olika versioner av en page design och sedan se vilken som hjälper dig att uppnå dina mål. Detta är viss användbart för pages som är designade för att konvertera, till exempel försäljningssidor.

15. Massor av integrationer

Divi integreras med många av de tillägg och tools som du kanske redan använder, inklusive WPForms, MemberPress och Eventin.

Integrating Divi with other apps and services

Om du run en online store, då Divi integreras också med WooCommerce. You can create beautiful product layouts using the familiar Divi editor and even mix WooCommerce modules with standard Divi modules to create a completely unique layout.

Divi levereras också med 8 moduler för kundvagn och kassa, så att du kan optimera inköpsprocessen och minska antalet övergivna kundvagnar.

Dessutom integreras Divi med Google Maps så att du kan visa din location. Detta är användbart om ditt företag har en fysisk location, till exempel en fysisk butik. 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 leverantörerna av e-posttjänster, inklusive ConvertKit, Constant Contact och Mailchimp.

How to integrate Divi with the top email service providers

16. Professionellt stöd och stöd från samhället

Med Divi kan du designa beautiful pages med hjälp av en WYSIWYG editor och se resultatet i realtid, utan att behöva koda. Ibland kan du dock behöva lite extra hjälp för att konfigurera temat och byggaren.

Om du föredrar att undersöka dig själv har Divi detaljerad dokumentation, inklusive skriftliga guider och video tutorials. Det har också ett forum där du kan interagera med andra Divi-användare.

Om du föredrar personlig hjälp kan du kontakta en agent på customer support eller lösa dina problem via Divis utvalda chattsupport.

Elegant Themes' customer support

Divi Priser och planer

Om du vill prova Divi innan du köper en licens, så erbjuder de en gratis 30-dagars provperiod. Efter det finns det några olika planer du kan välja mellan.

Divi pricing and plans
  • 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. Med ett pris på $287 per år addar denna plan till Divi AI så att du kan generera images och text med hjälp av kraftfulla tools för artificiell intelligens. Du kan också spara dina layouts, headers, footers, templates och annat content i molnet. Med detta i åtanke är detta den perfekta planen för WordPress utvecklare, designers och alla andra som skapar webbplatser för 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.

Slutsats: Är Divi rätt tema och page builder för dig?

Efter att ha tittat på funktioner, support och prisplaner är vi övertygade om att Divi är ett bra WordPress-tema för flera ändamål och ett page builder plugin.

Divi är available som en årlig licens eller ett engångsköp under livstid, och har allt du behöver för att skapa helt customizade layouts. Detta gör det till ett utmärkt val om du letar efter ett professionellt WordPress-tema för flera ändamål eller en page builder med drag and drop.

Divi levereras också med över 300 webbplatspaket, vilket är perfekt om du omformar en befintlig webbplats eller lanserar en helt ny site.

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 built-in AI tools kan också hjälpa dig att generera beautiful images och text med lätthet, vilket är perfekt för att fylla en new website, snabbt.

Vi hoppas att denna Divi review hjälpte dig att bestämma om det är rätt slider plugin för din WordPress website. Du kanske också vill lära dig hur du skapar ett kontaktformulär i WordPress, eller se vårt expertval av de bästa sökmotorsoptimeringstilläggen och tools.

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.

WPBeginners användare kan save upp till 50%!

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Reader Interactions

1 AnvändarrecensionLägg till din recension

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lämna en recension

Tack för att du väljer att lämna en recension. Tänk på att alla recensioner modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.

Ditt betyg: