Elementor vs Divi: Review, Pros / Cons & Ultimate Guide (2021)

elementor vs divi

Välkommen till min opartiska Elementor vs Divi recension för 2021.

Jag är skyldig min byråns framgång till dessa två sidobyggare (och kallbryggkaffe), men de är för två helt olika typer av kunder. Om du väljer fel, ta genvägar eller få fel plan du kan:

  • Slösa bort hundratals dollar (och ännu viktigare, många många timmar)
  • Gör dina webbplatser öppna för hack
  • Begränsa din förmåga att skala ditt företag på allvar

Men oroa dig inte, det är faktiskt väldigt enkelt att välja den perfekta sidbyggaren IF du vet vad du ska leta efter. Jag har många års praktisk erfarenhet av båda, så låt mig gå steg för steg igenom allt på vanlig engelska med skärmdumpar, gifs och allt annat!

Ta en kaffe (eller din föredragna varma dryck), för du ska dyka djupt in i:

  • Divi eller Elementor? Hur man snabbt utvärderar din nuvarande situation och bestämmer vilken som är bättre.
  • Hur man bestämmer utifrån budget, skicklighet och vår erfarenhet av både Elementor och Divi
  • Den enda viktiga prisskillnaden som kan spara tusentals dollar under ditt företags livstid
  • Det dumma misstaget som nästan kostade mig 100 USD OCH säkerheten på alla mina webbplatser
  • En hemsk upplevelse vi hade med en av dessa produkter du behöver veta om

Vi har skapat en enkel innehållsförteckning så att du snabbt kan hoppa till det mest relevanta avsnittet för dig. Klicka för att öppna innehållet nedan:

Innehåll[Show]

  

Elementor vs Divi: "Jag vill veta vad som är bäst för mig nu!"

Bråttom och behöver veta vad som är bättre för ditt företag innan du investerar något?

Låt mig bara ge det till dig direkt baserat på min nästan 5 års erfarenhet av båda dessa verktyg (eftersom Elementor faktiskt släpptes först 2016). 

En grupp av företag behöver absolut Elementor och en annan 100% behöver Divi.

Om du inte gör rätt val kommer du att betala. Om inte nu, då ett år från nu när du är för frustrerad för att arbeta som du vill. Och all den produktiviteten och effektiviteten som varje företagare drömmer om är omöjlig.

Mycket mer om det senare, men här är den korta versionen för dig:

Skaffa Divi IF ...

  • Du är en byrå: Divis prissättning gör det till en bra idé för ambitiösa byråer. Livstidsåtkomst utan begränsningar kostar ENDAST $ 249. Det är $ 249 för varje funktion på oändliga webbplatser. Om du har hundratals sidor är det som att spendera $ 1 eller LESS per sida för världens mest pålitliga sidbyggare. 
  • Du behöver det bästa stödet i branschen.
  • Du har designupplevelse: Divi är bra för nybörjare också, men det är ännu bättre för erfarna byggare. Inlärningskurvan är brantare än Elementor, men när du vet vad du gör är kraften så mycket större.
  • Du behöver ett premiumtema för att arbeta med: Divi är ett premium WordPress-tema samt en sidbyggare, så när du köper en får du båda.

Skaffa Elementor IF ...

  • Du behöver den enklaste sidbyggaren: Elementor ger vem som helst att bygga en vacker målsida utan någon kodande kunskap från $ 0!
  • Du är en solopreneur med 1 webbplats
  • Du har en budget och behöver en GRATIS plan
  • Du är en designer som behöver komplexa element
  • Du känner behovet av hastighet. Elementor är så snabb att det känns som att sidan laddas innan jag klickar på Enter
  • Du har redan ett tema att arbeta med: Elementor är en sidbyggare (inte ett tema) och måste kompletteras med ett WordPress-tema. 

 

Divi vs Elementor kommer verkligen till en sak: prissättning. Klicka här för att hoppa till pristabellen 

Elementor vs Divi

Elementor och Divi båda har avancerade sidbyggnadsfunktioner. Elementor är gratis och har en PRO -version som kostar $ 49. Divi kostar $ 89 per år och kan användas på ett obegränsat antal webbplatser. De Divi Builder är användarvänligt men Elementor är snabbare att arbeta med.

Sammanfattning

  elementor logotyp plugin divi builder
Vinnare ????  
Övergripande  4.9 / 5  4.5 / 5
Enkel användning  5 / 5  4.5 / 5
Support & Kundservice  4.5 / 5  4.5 / 5
Stabilitet och tillförlitlighet  5 / 5  4 / 5
Sträckbarhet  5 / 5  4.5 / 5
Värde  4.5 / 5  5 / 5
Pris Börjar från $ 49 Börjar från $ 89
Gratis version Ja Nej - men har en 30-dagars pengarna-tillbaka-garanti
Redaktör i realtid Ja Ja
Inline redigering Ja Ja
Frontend / Backend Både Både
Dra och släpp Ja Ja
Tredjepartselement stöds Ja Ja
Frontend / Backend Både Både
Import Export Ja Ja
Målgrupp Utvecklare / designer / användare / byrå Designer / användare / byrå
Element som stöds 90 +  46
WordPress Widgets stöd Ja Komplicerad
Ren kod Ja Nej
Färdiga mallar / layouter 300 + 150 +
Cool funktion Dynamiskt innehåll A / B-testning
prestanda  4.5 / 5  4 / 5
 Vad vi gillade  En mycket kraftfull lösning för att skapa alla typer av design  Rent användargränssnitt
   Överlägsna layouthanteringsalternativ  Innehållet förblir intakt även efter deaktivering av plugin
   Attraktiv prissättning med tillgång  Unikt redigerarläge för klienter
   Mest populära sidbyggare av en anledning  Låter dig använda WordPress-widgets i layouterna
 Vad vi inte tyckte om  Elementor kräver att du skaffar ett WordPress-tema  En del kod finns kvar efter att pluginet har tagits bort
Webbplats besök hemsidan 
besök hemsidan (10% RABATT)

 

Nu när du har en snabb översikt över varje plugin, låt oss ta en djupdykning i dem. Vi har undersökt många aspekter, så bläddra gärna och hoppa till de avsnitt som intresserar dig.

Låt oss komma igång med denna ultimata showdown av sidbyggare: Elementor vs Divi!

(LÄS DETTA): Varför att välja fel sidbyggare kan kosta dig allt!

Jag måste dela den här historien ...

Inte för att jag vill klaga (ja, kanske bara lite ...) utan för att varje utvecklare, designer, företag och byrå behöver veta hur viktigt detta beslut är.

En gång i en svunnen tid med webbutveckling (ungefär 8 år sedan?) Var alla klara med dagens premium WordPress-teman. 

Vackra sidor var säkert möjliga, men de krävde en NIGHTMARISH virvar av kortkoder. Du kan inte förstå skräcken FNless du överlevde den tiden. Jag överdriver bara lite ...

Hur som helst...

Det fanns inget sätt att bygga något utan att känna WordPress inifrån och ut.

Webbdesigners var en specifik ras av utvecklare som kunde kombinera kod med rätt design.

Mannen, livet var ... annorlunda. 

En dag började en framstående WordPress-leverantör (WPMUDEV) driva den här fantastiska nya dra och släpp-sidbyggaren: Upfront.

"Det är fantastiskt. Det kommer att rädda WordPress från SquareSpace och Wix! ”, Sa de. 

Vid den tiden var de flesta av oss fortfarande emot mot sidbyggare. Inklusive mig.

Men den här verkade ... bättre.

För att vara rättvis var det ganska fantastiskt. Drag-och-släpp-byggaren var som smör. Och det hade några spännande funktioner:

  • Fantastiska element redo att arbeta med
  • Lätt att redigera "regioner"
  • Textredigering med ett klick
  • Mallar för att återanvända och minska repetitivt arbete
  • Att skapa sidor var snabbt och enkelt! Ingenstans nära vad vi brukade behöva gå igenom innan ...

Upfront skulle förändra allt.

Så en efter en, alla började hoppa på tåget. Byrå för byrå, vi föll i kö.

Människor var så glada att de byggde hela sin färdplan på Upfront. De anlitade till och med utbildad personal för att använda den. Vissa multisite-byråer hade hundratals sidor med Upfront.

Jag byggde inte hela min verksamhet runt Upfront (jag lade aldrig alla mina ägg i en korg), men låt oss bara säga att jag också hade en hel del hud i spelet ...

Och sedan en dag kom allt att krossa.

säger farväl till upfront

En dag bestämde WPMUDEV sig bara för att avbryta allt.

Ingen varning.

Inte ett enda ord.

Upfront avbröts och varje sida som någonsin byggts på den gjordes föråldrad.

Allt det där arbetet, all den tiden och pengarna, all personal utbildad att använda det, alla färdplaner som byggts med det: ANVÄNDLESS.

Läs den här recensionen från en byråägare som hade arbetat med Upfront:

Jag tillbringade större delen av förra året med att bygga om hela min webbplatsbyrå (vår marknadsföringssida och kundwebbplatser) med och runt Upfront. Att bara se att det nu är utanför planerna för utveckling, utan varningar, efter att ha förtroende för det, att anställa och utbilda personal att använda det är bara inte coolt. ”

Många företag drabbades hårt ... det var inte trevligt. 

Sensmoralen i historien?

Att välja rätt sidbyggare är avgörande för ditt företag. Det betyder att det är viktigt att du väljer en med en dokumenterad meritlista och ett pålitligt varumärke.

Om inte, kan du vara nästa entreprenör som lämnar en recension som beskriver hur man använder Upfront nästan kostar allt.

Men jag avviker. Tillbaka till recensionen ...

Vad är sidbyggare?

Inte intresserad av det här introet eller har det bråttom? Klicka här för att hoppa till nästa del av artikeln

Vi börjar vår Elementor vs. Divi Builder artikel med lite introduktion till vad en sidbyggare gör.

Sidbyggare är verktyg som gör att du kan designa och bygga webbsidor som ser professionellt ut från grunden även med 0-kodningserfarenhet. 

kB4U67tiQLA

Istället för att spendera månader på att lära sig att anpassa en sida har allt hårt arbete redan gjorts för dig och förpackats i små "element". Du bara ”dra och släppa” dem på sidan vart du vill och VOILA, du har en vackert designad sida ... och ingen vet din hemlighet. 

Till exempel om du vill lägga till en textruta eller bild, du tar bara det "elementet" från sidofältet, drar det till sidan och placerar det där du vill att det ska gå. Låter mycket bättre än att gå in i backend och kodande allt själv, eller hur?

De flesta har till och med färdiga mallar som har visat sig öka besökarnas omvandlingar, så du behöver inte ens göra några "tunga lyft".

Du klickar bara på "elementet" som du vill lägga till på din sida (till exempel bild, textruta eller nytt avsnitt), dra vart du vill och släpp det på plats 

Det är som att bygga en webbplats med legobitar.

skapa sidor med sidbyggare

Vad är Divi?

Divi WordPress-tema och sidbyggare  

Divi är det mest populära WordPress-temat med mer än 700,000 XNUMX försäljningar och den ultimata WordPress Page Builder. Om detta var sport skulle de vara Man U, New York Yankees och New England Patriots: Mer än ett lag, en institution.

divi-användare

Det är faktiskt ännu mer än en sidbyggare - det är en mega-fabrik för WordPress-webbplatser som gör det möjligt för frilansare, byråer och webbplatsägare att bygga vackra webbplatser, optimera dem för omvandlingar (Split-test) och växa med sociala medier.

Divis massiva popularitet beror främst på dess:

  • Obegränsad användning: Divi är ett av de enda teman som ger dig obegränsad användning av alla funktioner på alla webbplatser. Ingen prissättning gimmicks. Inga förvirrande nivåer. Nej inget. Bara obegränsad användning utan några frågor.
  • Enkel prissättning: 249 $ för livstidstillträde PÅ ALLA DINA SIDOR.
  • Oöverträffad support och gemenskap: Divi är ett sätt att leva för vissa människor. Den har en blomstrande Facebook-gemenskap och det bästa stödet i verksamheten, så du kommer alltid att vara innovativ, få bra feedback och förbättra ditt Divi-spel.

Vi har arbetat med den här produkten länge, faktiskt har vi redan gjort det har skrivit en fullständig Divi 3.0-temagranskning här. Deras Divi builder är ett plugin som är inbyggt och buntat med temat, även om det kan köpas och användas separat med andra teman, om du vill.

Klicka här för att besöka Divis webbplats och lära dig mer om det nu 

Vad är Elementor?

elementor sidbyggare  

Elementor är en marknadsstörare som skyhöjer i popularitet. Det är en av de mest populära byggare för solopreneurs och företag med endast 1 webbplats.

Det är det nya barnet på kvarteret, redo att utmana kungen och tvinga honom att avstå.

Den är blixtsnabb, erbjuder oöverträffad design och är så lätt att en grottman kan göra det. Och det låter dig komma igång 100% GRATIS. 

Det ger dig nästan allt som Divi gör, det är bara snabbare och lättare att använda. Och det är mycket billigare för en enda webbplats.

Dessa två produkter gynnas av de flesta WordPress-användare och experter eftersom de har ett antal fördelar:

  • de är lätta att använda,
  • de har bäst prestanda och stabilitet, och
  • de stöds av ett team av WordPress-utvecklare eller av ett välkänt företag.

Häpnadsväckande 5,000,000 - det är MILJON - människor använder Elementor när du läser detta 

Vi har grävt djupt specifikt in i Elementor Pro - du hittar vår recension här

Klicka här för att besöka Elementors webbplats och komma igång gratis

Vänta, du säger att både Divi och Elementor är fantastiska. Så hur kan jag välja?

Bra fråga.

De är båda väldigt lika, men som jag sa tidigare - priser och små skillnader i funktionalitet gör dem perfekta för olika segment av marknaden.

Låt oss jämföra dem sida vid sida för att få en bättre uppfattning. 

Vi kommer att ta dessa två toppsidebyggare på marknaden idag, Elementor vs Divi Builder, och gräva djupt i alla deras möjligheter och jämför dem head-to-head.

Vi kommer att ta en djupgående titt på deras användargränssnitt, funktionsuppsättning, prissättning och mycket mer.

I slutet av denna Elementor vs Divi-artikel kommer du att ha all den kunskap du behöver för att göra en utbildad bedömning av vilken som passar dina egna behov. 

Du vet hur de fungerar, hur de ser ut, vad som kommer med paketet, vilken av dessa två populära sidbyggare är mest meningsfullt för digoch allt annat du behöver veta.

Detta hjälper dig att fatta ett välgrundat beslut om vilken du ska välja, eller om du bör överväga andra sidbyggare istället.

I nästa avsnitt ska vi jämföra Divi vs Elementors användargränssnitt - dvs hur enkelt det är att bygga webbplatser med båda dessa sidbyggare.

Elementor vs Divi: Användarvänlighet

Användargränssnittet och dess användarvänlighet är en av de viktigaste delarna av ett plugin för sidbyggare. Det är här du kommer att spendera merparten av din tid på att arbeta. 

I vår första del av vår Elementor vs. Divi builder jämförelse, vi kommer att gå igenom deras användargränssnitt och de tillgängliga inställningarna som vi kan konfigurera.

Båda dessa sidbyggare har lagt ner stora ansträngningar för att se till att de är dödlätta att använda.

Låt oss börja med Divi Builder.

Läs mer om det Divi Builder by Elegant Themes

Divi Builder Användargränssnitt

Innan vi börjar, låt oss vad leverantören har att säga om att använda plugin i den här korta videon, särskilt med det nyligen förnyade gränssnittet:

0qRYEseXnD4

Med Divi builder plugin installerat, när du skapar en ny sida kommer du att hälsas med ett användargränssnitt som frågar dig om du vill "Använd Divi Builder”Eller” Använd standardredigerare ”.

ny sida

Klicka på Använd Divi Builder alternativet öppnar en skärm som ber dig välja mellan "bygga från början", "välj en fördefinierad layout" eller "klona befintlig sida".

välj layout

 

  • Bygg från grunden - du börjar med en tom sida.
  • Välj en premade layout - låter dig välja mellan ett urval av färdiga mallar. Vi kommer att prata mer om detta senare.
  • Klon befintlig sida - ganska självförklarande, kopierar i grunden en befintlig sida till den sida du för närvarande arbetar med.

Vi kommer att välja alternativet "bygg från början" eftersom de två andra alternativen är i stort sett desamma, bara med innehåll som redan har lagts till. Detta gör att vi kan fokusera mer på hur Divi builder gränssnitt fungerar och hur det ser ut när du använder det för att designa sidor och webbplatser.

Lägga till element i Divi Builder

Om du klickar på alternativet "bygg från början" startas Divi builder och det första som kommer att dyka upp är en dialogruta som ber dig infoga en ny rad.

Dialogrutor med alternativ som du kan konfigurera öppnas, beroende på modul och innehåll du lägger till. Vi behandlar mer om moduler (som vi huvudsakligen kommer att hänvisa till som element) senare i artikeln.

ny rad

Menyn

Du har nu möjlighet Divi builder användargränssnittet är minimalistiskt.

Minimalism har alltid varit en av designfunktionerna hos Elegant Themes och sidbyggaren håller igång detta designkoncept.

Som du kan se från gifen ovan finns det inget sidofält eller menyrad alls. Istället är allt du har en flytande cirkel med tre vita prickar inuti.

Den flytande cirkeln med tre vita prickar är det som fungerar som din meny. Om du klickar på dessa punkter i den första Divi-byggsidan får du tillgång till olika alternativ och användbara verktyg.

flytande meny

Du kan flytta den här menyn genom att klicka och dra den. Du kan släppa den i en av de åtta fördefinierade positionerna i hörnet av skärmen.

Låt oss ta en djupare titt på innehållet i den här flytande menyn. När vi använder Divi, med början från vänster sida, har vi det

  • Divi builder inställningar,
  • trådramvy,
  • zoomverktyg,
  • skrivbordsvy,
  • tablettvy,
  • ladda från biblioteksalternativ,
  • spara i biblioteksalternativ,
  • tydlig layout,
  • sidinställningar,
  • redigeringshistorik,
  • bärbarhet,
  • sök- och hjälpknappen,
  • och spara utkast och publicera knappar.

flytande meny 2

Vad sägs om en djupare titt på var och en av dem?

Builder-inställningar - detta kommer att visa en dialogruta med olika alternativ som låter dig anpassa vilka ikoner som visas på Divi builder verktygsfältet, ändra standardvisningsläget (mobil, skrivbord eller surfplatta), aktivera eller inaktivera användargränssnittsanimationer etc.

Trådramvy - genom att klicka på det här objektet växlar du in eller ur trådramsvy. Du kan använda wireframe-vyn för att få en strukturell vy av din sida.

trådramvy

Zoomverktyg - låter dig zooma in och ut på sidan.

Desktop, surfplatta och mobilvy - låter dig förhandsgranska hur din sida ser ut på olika enheter och skärmupplösning.

lyhörd vy

Ladda från biblioteket - låter dig infoga eller använda en färdiggjord mall från mallbiblioteket till sidan.

Spara i biblioteket - låter dig spara den aktuella sidan i mallbiblioteket.

Tydlig layout - raderar allt på sidan.

Sidinställningar - låter dig komma åt sidans inställningar som titel, utdrag, utvald bild etc.

Redigerar historik - du kan se härifrån vilka ändringar som gjordes under den aktuella redigeringssessionen. Genom att klicka på ett objekt kan du gå tillbaka i tiden, ångra alla ändringar du har gjort och återställa sidans tillstånd. 

redigeringshistorik

Portabilitet - importera eller exportera din nuvarande layout.

Sök- och hjälpknappar - dessa knappar ger dig åtkomst Divi builderdokumentation; sökknappen låter dig söka efter en specifik åtgärd, menyalternativ eller element.

Spara utkast- och publiceringsknappar - ganska självförklarande.

Elementspecifik meny

När man använder Divi builder, om du håller muspekaren över ett element visas en annan uppsättning menyer. Med dessa menyer kan du konfigurera ett specifikt elements inställningar, till exempel dess innehåll, dess layout eller lägga till en anpassad CSS till den.

elementspecifik meny

Divi Builder i aktion

Nedan finns en gif för att redigera en sida med Divi builder. Du kan använda sidbyggaren för att dra element runt för att flytta dem, eller så kan du dubbelklicka på en text för att utföra infogad redigering etc.

divi ui demo

Och det är ganska mycket det för grunderna i Divi builder användargränssnitt.

Du har nu möjlighet Divi BuilderAnvändargränssnittet är minimalistiskt - rent och enkelt men har allt du behöver för att få saker gjorda.

Det överväldigar dig inte alls, håller dig fokuserad på dina mönster. Den presenterar en helskärmsupplevelse. Detta innebär dock att det ibland kan krävas mycket klick att lägga till nya element.

Det unika med dess användargränssnitt är möjligheten att byta till trådramsvy och front-end-valsömlessly.

Detta är användbart, särskilt för stora sidor eftersom du lättare kan flytta element. Också i frontänden av Divi builder, flytta element runt, särskilt om sidan redan är full av innehåll tenderar att vara lite slö.

Att byta till trådbildsvy eliminerar fördröjningen.

Slutligen är det mycket lättare att få åtkomst till elementspecifika menyer med hjälp av wireframe-vyn eftersom de alltid är synliga.

Som du kan se, när det gäller användarvänlighet, Elegant Themes har arbetat för att göra Divi builder enkelt, men kraftfullt samtidigt.

Nu när vi är klara med Divi Builder, låt oss ta en titt på Elementors användargränssnitt. Vår nästa del av Elementor vs. Divi builder jämförelsen kommer att fokusera på Elementor UI,

Elementors användargränssnitt

Elementors gränssnitt skiljer sig mycket från de flesta andra sidbyggare. Om Divi builder fokuserar på minimalism, Elementor fokuserar på tillgänglighet, men användarupplevelsen är bra med denna sidbyggare också.

Vi kommer att använda den här delen av vår Elementor vs. Divi builder jämförelse för att fokusera på skillnaderna mellan de två.

Elementor använder begreppet byggstenar, som används för att bygga varje sida i flera "sektioner". Ta en titt på följande 1-minuts video som förklarar exakt hur detta fungerar:

VRoPdyk97mg

Att skapa en ny sida med Elementor aktiv tar dig till WordPress standardredigerare. För att börja redigera sidan måste du klicka på knappen ”Redigera med Elementor” på den övre delen av skärmen för att visa Elementor-byggaren.

Ladda ner en kopia av plugin-programmet

skapa en ny sida

Genom att klicka på knappen öppnas Elementors användargränssnitt som består av två delar: sidebar och den sidförhandsvisning.

elementor ui

Du kan dölja sidofältet genom att trycka på den lilla ikonen som visas i gifen nedan:

dölj sidofältet

Om du gömmer sidofältet kan du förhandsgranska din helskärm sida. Tänk på att du inte kan redigera någonting medan sidofältet är dolt.

Lägga till element i Elementor

För att lägga till ett element på sidan drar du bara och släpper ett från sidofältet till sidan.

dra och släpp

I Elementor, när du drar och släpper ett element, ändras sidofältet till visningsalternativ som är specifika för det element som just har lagts till.

Med den röda plusknappen och mappikonen i sidförhandsgranskningen kan du lägga till ett nytt avsnitt eller ladda en mall från ditt bibliotek.

Efter att ha dragit och släppt ett element till sidan eller efter att ha valt ett objekt på sidan kommer du att märka att sidan nu visar alternativ för det valda elementet istället.

För att gå tillbaka till elementväljarpanelen kan du klicka på ikonen för fyrkantiga brickor i det övre högra hörnet av sidofältets meny.

sidofältnavigering

Klicka på den ikonen så kommer du att kunna gå tillbaka till elementvalspanelen. Du kan nu dra och släppa ett annat element härifrån till sidan.

Sidebar

Sidofältet är uppdelat i tre delar.

  1. Den övre menyn,
  2. kroppen och
  3. nedre menyn.

Den övre menyn innehåller allmänna inställningar, kroppen visar info om det valda elementet och den nedre menyn visar ytterligare inställningar som du kan konfigurera. 

Övre meny

Den övre sidofältmenyn för Elementor sidbyggare finns i det övre vänstra hörnet av sidofältet. Här kan du konfigurera standardformat och typsnitt, färgväljare etc.

övre sidofältets meny

Det finns andra olika föremål som är tillgängliga i den här menyn förutom stylingalternativ.

Det finns en sökfunktion, en länk till Elementors inställningssida och mer. Du kan också hitta det blå gå ut till instrumentpanelen -knappen, som tar dig tillbaka till WordPress Dashboard.

Nedre menyn

Längst ner i sidofältet kan du se ytterligare menyalternativ.

nedre sidomenyn

Från vänster till höger har vi inställningar, navigator, historik, responsivt läge, förhandsgranskningsändringar och publiceringsknappen.

Publiceringsknappen har sin undermeny som du kan komma åt genom att klicka på den lilla uppåtpilen bredvid den. Om du klickar på den får du ytterligare två sparalternativ: Spara utkast och spara som mallalternativ.

ytterligare meny

Låt oss gå igenom var och en av dem snabbt.

inställningar - kugghjulsikonen längst till vänster i nedre menyn. Den innehåller inställningar för den sida du för närvarande arbetar med.

Här kan du redigera sidans titel, lägga till en utvald bild, ändra dess publiceringsstatus (utkast, schemalagd, publicerad), ändra dess standardlayout etc. Du kan också märka att det finns ytterligare två flikar: stil och Avancerad flikar.

sidofältets inställningspanel

På stilfliken kan du konfigurera sidans inställningar för kroppsstil. Du kan definiera en bakgrundsfärg eller bild och du kan också ändra vadderingen.

Och på den avancerade fliken kan du lägga till din anpassade CSS.

Navigator - låter oss se en hierarkisk vy av elementen på sidan. Detta är jämförbart med Divi builderär trådramsläge. Navigatorn är dock bara en flytande meny som representerar sidens elementhierarki. Du kan också ordna om element med hjälp av navigatorn, även om dess funktionalitet inte är lika bra som trådramsläget som vi har sett ovan i Divi builder.

Huvudsyftet med navigatorn är, som namnet antyder, att hjälpa dig att navigera runt på din sida på ett mycket enklare sätt. Detta är mycket praktiskt, särskilt om du har en komplex sida med massor av element i den.

navigator

Historik - där du kan se din redigeringshistorik. Det låter dig återgå till en tidigare version av dina ändringar. Tänk på att endast ändringar av den aktuella sessionen sparas.

Det är en sak som skiljer Elementors historiska funktion från Divi builder, och det är en stor, vilket gör historiefunktionen många gånger bättre.

Som du kan se från bilden ovan finns det en annan flik märkt "revisioner" i historikpanelen. Dessa revisioner behålls även efter lämnar sidbyggarens användargränssnitt eller till och med efter att du stängt webbläsaren.

Varje gång du trycker på "uppdatering" -knappen sparas en ny version.

revideringar

Dessutom gör plugin-enheten också autosparingar som förhindrar att du förlorar ditt arbete på grund av problem som webbläsarkrasch.

Detta gör att du enkelt kan gå tillbaka till en tidigare version även om du stänger redigeraren, loggar ut från WordPress eller stänger av din dator. Denna funktion ensam gör Elementor till en klar vinnare mot Divi builder när det gäller revisionshistorik.

Responsivt läge - låter dig förhandsgranska hur din sida kommer att se ut i olika enheter och skärmupplösningar.

responsiv förhandsvisning

Förhandsgranska ändringar - öppnar en ny flik så att du kan få en förhandsgranskning av din sida live.

Elementspecifik meny

Genom att klicka på ett element på förhandsgranskningssidan visas en elementspecifik meny med dess unika alternativ som du kan konfigurera.

elementspecifik meny 2

Elementor i aktion

Som vi gjorde med ElegantThemes'produkt, i nästa del av vår Divi vs Elementor -jämförelse visar vi Elementor i aktion så att du kan förstå skillnaden mellan dessa två sidbyggare.

Med hjälp av animerade gifs kan du se att produkterna är i aktion som en del av vår recension av Elementor vs Divi.

Nedan kan du se hur vi kan dra och släppa element för att flytta dem, hur du kan redigera textsömlessly, hur du kan lägga till nya element, etc.

elementor ui demo

Som vi kan se fokuserar Elementor-byggaren på tillgänglighet och användarvänlighet.

Till skillnad från Divi som kan ta lite tid att vänja sig, får Elementor sina användare att känna sig riktigt hemma. Att lägga till nya objekt är död-enkelt eftersom du bara måste dra och släppa det element du behöver från sidofältet till förhandsgranskningsområdet.

När vi jämför Divi vs Elementor ser vi att de har ett annat fokus. Det första fokuserar på enkelhet och renhet, det andra på tillgänglighet och tillgänglighet.

Så vem vinner när det gäller Elementor vs Divi - vilken visuell byggare är lättare att använda?

Vi tror inte att det finns en vinnare när det gäller användarvänlighet. Både Elementor- och Divi-sidbyggare har ett gränssnitt som hjälper dig att få jobbet gjort.

Det är bara en fråga om stil och preferenser. 

Elementor vs Divi UI Vinnare: Binda fast

Läs mer på plugin-webbplatsen

Nu när vi har utforskat båda plugins användargränssnitt är det dags att ta en titt på sidbyggarnas tillgängliga element eller widgets och moduler enligt deras språk.

De faktiska "elementen" eller "modulerna" markeras i nästa del av vår jämförelse mellan Elementor och Divi.

Elements

Elementen är vad du kommer att använda för att bygga din sida. När det gäller Divi vs Elementor är användningen av terminologi något annorlunda, men i allmänhet är begreppen ganska lika.

Du har nu möjlighet Divi builder kallar dess element för sektion, de rader och kolumner, och den moduler. Liksom Divi arbetar Elementor med tre grundläggande byggstenar, men å andra sidan kallar det sina element för avsnitt, den kolumn, Och den Widgetar.

Element används för att definiera en sidas struktur. Även om namnen kan vara olika i Elementor vs. Divi builder, begreppen är desamma.

Låt oss ta en djupare titt från och med Divi builder.

Divi Builderelement: sektion, rader och moduler

Divi builderelementen är indelade i tre huvudkategorier: avsnitt, som fungerar som en container, rader, som fungerar som en delare, och moduler, som är det faktiska innehållet.

Bilden nedan visar en tom sida. Denna sida har tre sektioner. 

Den andra sektionen har en rad inuti den, som är markerad i grönt. Raden är uppdelad i tre kolumner. Kolumnerna är tomma.

Slutligen har den nedre delen också en rad inuti, även om den inte är markerad. Raden är också uppdelad i tre kolumner, liknar den i andra sektionen. Den mellersta kolumnen på den nedre raden innehåller en modul, som i detta fall är en knappmodul.

 

elementen

För att lägga till sektioner, rader eller moduler klickar du på plusknapparna.

Du har nu möjlighet blå, lila or apelsin plus-knappen kommer att lägga till en sektion (sektionens markeringsfärg ändras beroende på typ av avsnitt: blå för vanlig, lila för full bredd och orange för specialitet), grön plus-knappen kommer att lägga till en rad och svart plus-knappen kommer att lägga till en modul.

Sektioner

i Divi builder, avsnittet fungerar som en behållare för rader och moduler.

Du kan använda avsnitt för att dela upp din sida i olika delar. Du kan till exempel ha tre avsnitt på en sida; den första är en om-sektion, den andra är en kontaktsektion och den tredje är en sektion för företagsplatser.

Avsnitt är "oberoende" av varandra. Om du använder en blå bakgrundsfärg i det första avsnittet påverkas inte de andra två sektionerna.

Lägga till avsnitt - Genom att klicka på den blå (eller orange eller lila) plusknappen på sidan kan du lägga till ett nytt avsnitt. Genom att klicka på den angivna knappen får du en dialogruta som ber dig att välja mellan tre olika typer av sektioner: vanlig, specialitet och full bredd.

ny del

Med vanliga sektioner kan du lägga till rader med kolumner ordnade sida vid sida. Med specialavdelningar kan du lägga till ett mer komplext rad- och kolumnarrangemang. Med sektioner i full bredd kan du lägga till speciella objekt i full bredd som portfölj, inläggsreglage, inläggstitel etc.

Det finns också möjlighet att lägga till en sektion från ditt bibliotek. Om du tidigare har sparat ett avsnitt kan du nu hitta det här och kunna lägga till det på sidan.

Låt oss nu ta en titt på Divi builder sektionsinställningar.

Om du placerar musen över ett element markeras det och en åtgärdsfält visas i det övre högra hörnet av det markerade området. Kolla in följande animering av hur du använder sektionsinställningarna för Divi builder. 

inställningsavsnitt

Med dessa inställningar kan du konfigurera det specifika elementet. För avsnittelement har du följande:

  • Flytta avsnitt
  • Inställningar
  • Dubblettavsnitt
  • Spara avsnittet i biblioteket
  • Ta bort avsnitt
  • Ytterligare sektionsinställningar
    • Spara i biblioteket
    • Delat test
    • inaktivera
    • Lås
    • Kopiera avsnitt
    • Kopiera sektionsstil
    • Återställ sektionsstil
    • Visa modifierad stil
    • Utöka sektionsstil

De flesta av dessa alternativ är självförklarande, men det som är intressant här är split test alternativ.

Det här är en A / B testfunktion som gör att du kan utföra delade tester på alla typer av Divi builder element, från rader, sektioner, kolumner och moduler.

När det gäller Divi vs Elementor när det gäller A / B-test kommer Divi ut på toppen. Det enda sättet att göra delad testning med Elementor är att använda ett tredjeparts plugin eller tjänst som Google Optimize.

Genom att klicka på kugghjulsikonen (sektionsinställningar) visas en dialogruta med ytterligare konfigurationsalternativ för det markerade avsnittet.

sektionsinställningsdialog

Sektionsinställningsdialogrutan innehåller tre flikar: Innehåll, Design och Avancerat. Innehållsfliken innehåller objekt relaterade till innehållet i det valda elementet medan fliken design och avancerad innehåller stylingsalternativ.

rader

Som med de flesta andra sidbyggare är raderna element som finns i ett avsnitt. När du lägger till en rad måste du välja en radvariation. Radvariationer skiljer sig åt i hur många kolumner den har som standard och hur stor varje kolumn är.

Rader använder det responsiva 12-kolumn rutnät

radval

Om du vill ha en mer komplex kolumnstruktur vill du använda en specialavdelning.

specialavsnitt

Specialavdelningens radvariationer har en mer komplex kolumnlayoutstruktur, vilket du kan se på bilden ovan.

Radinställningar - Precis som sektioner har en rad ett åtgärdsfält när du håller musen över det så att du kan komma åt vissa menyalternativ. Det har ganska mycket samma saker som finns i avsnitt, bortsett från ändra kolumnstruktur alternativ som är exklusivt för radelement.

 

ändra kolumnstruktur

moduler

Modulerna i Divi builder är vad du kommer att använda för att lägga till synligt innehåll på din sida. Modulerna är webbplatselement som text, bilder, stycken, videor, kontaktformulär, kartor etc.

Genom att klicka på den svarta plusknappen startas en dialogruta för modulväljare. När du väljer en modul visas en annan dialogruta som visar inställningar som är skräddarsydda för den specifika modul du valt.

Om du till exempel väljer textmodulen visas en platshållartext i det område du valt.

Med hjälp av dialogrutan kan du redigera själva texten och lägga till stilar, lägga till anpassad CSS, etc.

textmodul

Varje modul har samma dialogruta som låter dig komma åt inställningar och anpassningsalternativ, precis som den ovan.

För att öppna en modulinställning, håll musen över modulen tills åtgärdsfältet visas och klicka sedan på kugghjulet / inställningsikonen.

modulinställningar

Inställningsdialogrutan har tre flikar: Innehåll, Design och Avancerat.

  • Innehållsfliken innehåller konfigurationsinställningar för modulen. Detta varierar per modul.
  • Fliken design innehåller designalternativ som gör att du kan ändra innehållsinriktning, avstånd, typografi etc.
  • Den avancerade fliken låter dig komma åt alternativ som avancerad CSS-konfiguration, övergångar etc.

 

Bedömning:

Som vi har sett ovan är åtkomst till element, särskilt modulelement, lite knäppa eftersom du måste klicka flera gånger bara för att få dem.

Å andra sidan, kanske en av de bästa sakerna med Divi builderelement är de speciella raderna. Dessa låter dig bygga en komplex layout och positionering med relativt enkelhet.

Nu när vi har sett Divi Builderelement, låt oss ta en titt på Elementors element nästa i vår Elementor vs. Divi builder uppgörelse.

Elementors element: sektion, kolumner och widgets

Liksom Divi har Elementor tre olika elementkategorier: avsnitt, som fungerar som en container, kolonner som delar upp avsnittet och Widgetar som är det faktiska innehållet.

I bilden nedan kan du se en tom sida uppdelad i tre sektioner.

Den övre delen är tom. Det andra avsnittet innehåller tre kolumner och det nedre avsnittet, som också innehåller tre kolumner med den mellersta kolumnen som innehåller en knappwidget.

elementen 2

Att lägga till element på sidan är så enkelt som att dra och släppa en widget från sidofältet till ett tomt område.

Till skillnad från Divi builder vilket kräver att du skapar en sektion och en kolumn först innan du kan lägga till ett element, i Elementor kan du bara dra, säg till exempel en knappwidget från sidofältet till ett tomt område på din sida och du är klar .

Det skapar automatiskt ett avsnitt med en enda kolumn som innehåller din valda widget.

lägga till element

Om du redigerar ett element kommer sidofältet att ändra innehållet för att visa lämpliga inställningar för nämnda objekt.

Såsom med Divi builderkan du dra och släppa element för att flytta dem på sidan. Du kan klicka på vilken text som helst på sidan för att redigera direkt. Du kan också ändra storlek på kolumner fritt.

Ett högerklicka på ett element på sidan visar en snabbmeny som varierar något beroende på vilken typ av element som för närvarande är valt.

§

Avsnittet fungerar som en behållare för kolumner och widgets.

Det finns två typer av avsnitt i Elementor normala avsnittet och inre sektion.

Det inre avsnittet kan bara finnas inom ett normalt avsnitt. En inre sektion liknar något kolumner, men du kan ha flera inre sektioner och flera kolumner i dem så att du kan skapa komplexa layouter.

lägga till nya avsnitt

Avsnittsinställningar - Om du håller muspekaren över ett element på sidan markeras det avsnitt där de tillhör. Det markerade avsnittet har en liten meny på toppen.

Den här lilla menyn har tre objekt: lägg till nytt avsnitt (plusknappen), redigeringsavsnittet (prickat område) och radera avsnittet (x-knappen).

sektionsmeny

Lägg till nytt avsnitt lägger till ett nytt tomt avsnitt ovanpå de markerade.

Redigeringsavsnittet visar sektionsinställningar i sidofältet. Du kan också komma åt detta genom att högerklicka på en tom del av avsnittet.

I avsnittets inställningar finns det tre flikar: layout, stil och avancerad. Du kan konfigurera layout- och strukturalternativen på layoutfliken.

På stilfliken kan du konfigurera stylingsalternativ och på den avancerade fliken kan du konfigurera ytterligare avancerade styling- och attributalternativ.

avsnittet avancerad flik

Kolonner

Kolumnerna delar sektionerna vertikalt. Kolumnerna fungerar som en behållare för widgets, inklusive widgets för inre avsnitt.

När du lägger till ett nytt avsnitt kan du välja hur många kolumner det ska innehålla.

nya kolumner

Kolumninställningar - Åtkomst till kolumninställningar görs genom att hålla muspekaren över en kolumn och högerklicka på den nu synliga kolumnikonen. Olika alternativ visas, så att du kan redigera kolumnen, duplicera kolumnen, lägga till en ny kolumn etc.

kolumninställningar

Om du väljer redigeringskolumnen ändras sidofältet så att kolumnrelaterade inställningar visas. Precis som i sektionsinställningar har den också tre flikar: layout, stil och avancerad.

panelen för kolumninställningar

Layoutfliken innehåller layoutkonfigurationsalternativ som kolumnbredd, justering osv .; medan stil och avancerade flikar är ungefär desamma som vad du kan se från avsnittets inställningar.

widgets

Den sista biten till skillnaderna mellan Elementor och Divi när det gäller de faktiska elementen är widgets.

Widgetarna är innehållet eller element (därmed Elementor) som du kan använda på dina sidor.

Det här är vanliga saker som text, bilder, videor, gallerier, knappar etc. Att lägga till en widget är så enkelt som att dra en från sidofältet till sidan eller genom att klicka på plusknappen för att ta fram widgetvalspanelen och sedan dra och släppa .

Widgetinställningar - Om du väljer en widget ändras sidofältet så att de konfigurerbara alternativen för det aktuella objektet visas. I gifen nedan kan du se hur varje element visar olika alternativ.

widgetinställningar

Du kan också komma åt den här panelen genom att högerklicka på ett element och välja redigera [elementnamn] objekt i snabbmenyn.

Slutligen har varje widget också stil och avancerade flikar som du kan komma åt från sidofältet.

Stilfliken ändras enligt den valda widgeten. Bildwidgets har till exempel inte alternativ för typografistyling, medan textwidgets inte har dimensioninställningar.

Den avancerade fliken är densamma som i de andra elementen.

Upptäck alla tillgängliga element

Globala widgets

Det finns en speciell typ av widget i Elementor: globala widgets. Du kan spara en widget som en global widget och använda den var som helst på sidan eller på webbplatsen. Du kan också redigera dem alla på en och samma plats.

Bedömning:

Elementor har ett större urval av element jämfört med Divi builder. Men eftersom båda stöder widget-plugins från tredje part, blir det lite jämnt.

Elementor ger ett snabbare sätt att lägga till element på en sida eftersom du bara kan dra och släppa dem från sidofältet till förhandsgranskningen. De Divi builder, å andra sidan, kräver att du klickar flera gånger innan du kommer till det element du vill lägga till.

Precis som vårt tidigare avsnitt i jämförelsen mellan Elementor och Divi är det mycket nära, även om Elementor kan ha en liten kant i den här.

Nu har vi sett användargränssnittet och elementen i båda WordPress-plugins. Det är dags att se och jämföra Elementor vs Divi sidbyggare styling alternativ.

Styling i Elementor vs Divi

Både Divi och Elementor har djupgående och avancerade stylingsalternativ som passar både personer som är programmerare eller experter inom webbdesign och även de som inte är det.

Hur Divi vs Elementor närmar sig stylingen är dock lite annorlunda. Vissa saker som finns i den ena är inte tillgängliga i den andra.

I det här avsnittet kommer vi att titta närmare på var och en av deras respektive stylingalternativ. Vår Elementor vs. Divi builder skulle inte vara komplett utan en djup titt på dessa funktioner i båda sidbyggarna.

Divi Builder Stylingalternativ

Dubbelklicka på ett element i Divi-sidbyggaren, oavsett om det är ett avsnitt, en rad eller en modul, kommer till inställningspanelen. Du kan också komma åt den här panelen genom att hålla muspekaren över ett visst element tills ett åtgärdsfält visas och sedan klicka på kugghjulsikonen.

Det finns tre flikar i inställningspanelen, innehåll, design och avancerade flikar.

Du har nu möjlighet Divi builderStylingsalternativ kan konfigureras via flikarna Design och Avancerat. På fliken Design kan du konfigurera typografi, boxskuggor, marginaler, animeringar, filter etc. Dessa är objekt som kan konfigureras med reglage och inmatningsnummer.

De är väldigt enkla att använda även för dem som inte är kodare.

stylingsalternativ för divi

För avancerade användare eller för dem som vill ha mer kontroll över stylingen kan man använda den avancerade fliken. Här kan man lägga till sina anpassade CSS-ID och klasser, anpassad CSS-kod, konfigurera synlighet etc.

Responsiv styling

i Divi Builder, kan du definiera olika stilinställningar för olika enheter.

Du kan till exempel definiera ett textelements teckensnitt som Verdana och få det att ha en storlek på 20 pixlar på stationära enheter och du kan definiera en annan inställning för mobil som gör att den har ett Times New Roman-teckensnitt och en storlek på 10 pixlar.

lyhörda stilar

Du har nu möjlighet Divi builderDesignalternativ gör att alla typer av användare kan anpassa sina sidor i stor utsträckning efter deras behov.

Elementor Styling-alternativ

Att välja ett element i Elementor-sidbyggaren ändrar vad som visas på sidofältet för att återspegla de tillgängliga alternativen för det specifika elementet.

Liksom Divi builder, alla element i Elementor har tre flikar i inställningspanelen. Den första fliken innehåller antingen innehåll eller layout, sedan Style och Advanced på den andra respektive tredje fliken.

Du kan konfigurera ett elements stil via flikarna Style och Advanced.

På fliken Style kan du konfigurera olika stylingsalternativ som bakgrundsfärger, ramar, typografi etc.

elementor styling drycker

Fliken Avancerat innehåller avancerade stylingsalternativ som marginaler, anpassad CSS-kod, rörelseeffekter, responsiva inställningar etc.

avancerade stylingsalternativ

Responsiv styling

Du kan ha separata stylingsalternativ för olika enheter i Elementor-byggaren, precis som Divi.

lyhörd styling alternativ elementor

Styr Elementors standardstilalternativ

Som standard, efter installation av Elementor, kommer plugin för sidbyggare automatiskt att använda sina stylingsalternativ för att åsidosätta ditt temas.

Du kan inaktivera detta genom att gå till Elementor > inställningar från WordPress-instrumentpanelen och kontrollera avaktivera standardfärger och inaktivera standardteckensnitt.

Elementor använder nu ditt temas standardteckensnitt och färger istället för sina egna.

elementor-inställningar

Det finns också en stilflik där du kan konfigurera olika grundläggande standardinställningar som generiska typsnitt, standardinnehållsbredd etc.

Bedömning:

Båda pluginsna erbjuder en utmärkt uppsättning stylingverktyg och alternativ som tillgodoser alla. Casuals och icke-kodare kan enkelt definiera sina stilar genom att använda skjutreglagen och andra stylingsverktyg som båda plugins har.

Avancerade användare och webbdesigners som vill ha mer kontroll kan också njuta av att använda någon av dessa två plugins eftersom båda låter dem lägga till sina anpassade CSS-koder för vidare utformningsfunktion.

Nu är vi färdiga med att se användargränssnittet, element och stylingalternativ. Det är dags att kolla in mallarna och hur alternativen från Elementor vs Divi jämförs med varandra!

Mallar

Mallar hjälper dig att få dina sidor gjort mycket snabbare än att behöva designa allt från grunden.

Ett av huvudelementen för sidbyggare och teman idag är mängden och kvaliteten på mallar som finns som en del av produkten. 

Så låt oss ta en titt på mängden mallar Divi vs Elemetor som erbjuds av båda dessa sidbyggare.

Både Elementor och Divi builder erbjuder hundratals mallar som du kan välja mellan. 

Låt oss kolla hur de två sidbyggarna, Elementor vs. Divi builder jämför när det gäller färdiga mallar som finns tillgängliga.

Divi Builderär layouter

Divi-sidbyggaren erbjuder 122 layoutpaket färdiga kompletta webbplatsmallar. I Divis jargong kallas de för layouter.

De är indelade i två typer: ett layoutpaket som består av flera layouter (flera sidor) med samma tema och en enda layout (dvs. en enda sida).

mallar

Layoutpaket innehåller flera sidor ihop för att bilda en komplett nischplats.

Till exempel innehåller ett paket mallar för hemsidan, om sidan, kontaktsidan etc., allt efter en enhetlig uppsättning mönster eller teman. En enda layout är bara en mall för en sida.

Du kan också skapa och spara dina egna mallar så att du kan återanvända dem senare. Du kan även exportera dem så att du kan använda dem på en annan webbplats.

Du kan till exempel skapa en produktservicelandningssida som du sedan kan ladda från layouterna och använda för olika kampanjer som du kanske kör.

Elementor Mallar

Elementors mallar är indelade i två typer: block och sidor.

Den kostnadsfria versionen tillåter användare att komma åt cirka 40+ block och 30+ sidor, medan premiumversionen låser upp ytterligare 50+ Pro-widgets och 300+ Pro-mallar.

Se hela listan över tillgängliga Elementor-mallar / teman

Vi har också granskat en massa Elementor teman och mallar här.

Block är mallar för enstaka avsnitt som du kan infoga på en sida. Det finns block för

  • kontaktformulär,
  • uppmaningsknappar,
  • Vanliga frågor,
  • prissättningstabeller,
  • portföljer,
  • rubrik,
  • tjänster etc.

 

elementor mallar

Sidmallar är hur de låter: en hel sidmall. Även om vi sa att det finns 300+ sidmallar tillgängliga för Elementor premiumanvändare, kanske du vill kolla vad som finns tillgängligt idag.

Detta beror på att Elemetor-teamet ständigt skapar och lägger till fler mallar i biblioteket och vi inte kan följa med den ständiga strömmen av Elementor-mallar som släppts :-)

För gratisanvändare minskas alternativen men urvalet är fortfarande ganska bra.

sidmallar

Eftersom mallbiblioteket för Elementor-sidbyggare kontinuerligt växer kan du kontrollera de senaste tilläggen genom att klicka på "nytt" i det övre vänstra hörnet i sidmallens gränssnitt.

Du kan alltid spara din sida i ditt mallbibliotek så att du kan återanvända dem senare. Elementor ger dig också möjlighet att exportera dina mallar så att du kan använda dem på en annan webbplats. 

Medan både Elementor och Divi builder plugins erbjuder ett stort utbud av mallval, vid denna tidpunkt tror vi att Divi builder erbjuder mycket mer när det gäller siffror.

Utöver det gör Divi det lättare att bygga en hel webbplats tack vare sina mallpaket.

Elementor vs. Divi Builder Vinnare av mallar: Divi Builder

Tema byggnad

UPPDATERING: I den här artikelns tidigare version hade endast Elementor en temafunktionsfunktion.

Med lanseringen av Divi 4.0 är den här funktionen inte längre begränsad till Elementor.

Du har nu möjlighet Divi Builder 4.0 större uppdatering, som släpptes i oktober 2019, fokuserade på att utrusta Divi builder med kraftfulla temabyggningsverktyg, så att användarna kan använda element, moduler och funktioner för att bygga inte bara statiska sidor utan också en dynamisk sidhuvud, sidfot och kroppslayouter. Med andra ord, förmågan att bygga full-teman.

Vi har uppdaterat det här avsnittet för att återspegla de nya förändringarna och vi har ställt Elementor vs Divis temabyggningsfunktioner mot varandra för att se om den senare kan hålla emot den förra.

Divis temabyggare

En relativt ny funktion från Divi builder, kan sidbyggaren nu skapa mallar som du kan använda för att åsidosätta sidans sidhuvud, sidfot och kropps design, layout och till och med beteende.

Funktionerna är ganska lika Elementors i många aspekter, det här är en funktion där Divi builder håller på att komma ikapp Elementor.

Du kan komma åt Divis temabyggare genom att gå till Divi> Temabyggare.

divi tema byggare

Därifrån kan du skapa en ny mall, exportera en mall eller importera en mall från externa källor.

En av nackdelarna med detta, när detta skrivs, är att det inte finns något sätt att importera förbyggda mallar för temabyggare från molnet. Du måste ladda ner en JSON-fil från en extern källa och ladda upp den för att importera en förbyggd mall.

På tal om förbyggda temabyggmallar, det finns många paket tillgängliga gratis från Divi builder utvecklare själva, som du kan skaffa här. Sök bara efter "temapaketpaket" i sökfältet så hittar du dem enkelt.

Åt sidan: Om du vill få fler av dessa förpackningar rekommenderar vi att du besöker Elegant Themes hemsida här och prenumerera på deras nyhetsbrev. De skickar ständigt (bokstavligen dagligen) ut nya saker som kan användas med Divi builder, ett av de mest värdefulla nyhetsbrevet vi prenumererar på.

Med temabyggaren kan du definiera en global mall som kommer att åsidosätta hela webbplatsens utseende och känsla och du kan också skapa riktade mallar som kan tillämpas på specifika inlägg, sidor och delar av din webbplats.

skapa en ny mall

När du skapar en ny mall visas Divi builder frågar dig först var du vill att mallen ska tillämpas. Du kan välja att tillämpa eller utesluta att använda dina mallar på specifika inlägg eller sidor eller till och med på specifika taggar och kategorier med mera.

När du väl har bestämt var du vill att din mall ska tillämpas kan du börja bygga och designa din mall. Om du har definierat en global sidhuvud- och sidmall läggs de automatiskt till i din nya mall.

Du behöver bara oroa dig för att skapa en ny kroppsmall. Naturligtvis kan du så småningom åsidosätta kroppsmallen med en anpassad om du behöver.

Klicka på någon av dem lägg till anpassad kropp, lägg till anpassad rubrik or lägg till anpassad sidfot knapparna öppnar en liten popup-meny så att du kan välja mellan olika alternativ, som att välja en färdiggjord mall eller kopiera en befintlig. När det gäller färdiga mallar har Divi ett stort urval att välja mellan.

Därifrån skulle du ha det vanliga Divi builder verktyg och moduler till ditt förfogande för att börja bygga din planerade layout.

Elementors temabyggare

Du kan komma åt Elementor-temabyggaren via WordPress-instrumentpanelen och gå till Mallar > Theme Builder.

Därifrån kan du välja vilken del av ditt tema du vill bygga. 

För närvarande kan du skapa Elementor-mallar för sidor, sektioner, popup-fönster, sidhuvud, sidfot, enskilda inlägg, WooCommerce-sidor och arkiv.

temabyggare

Du kommer att använda samma användargränssnitt som du har när du skapar sidor, bara den här gången är de tillgängliga elementen i sidofältet skräddarsydda för den specifika mall du försöker skapa.

Nedan visas till exempel sidofältets innehåll när du redigerar en sidhuvudmall.

sidofält för temabyggare

När du är klar med att redigera en temamall kan du välja hur och när mallen ska visas.

För denna del, Divi builder är lite lättare att använda än Elementor på grund av användningen av kryssrutor för att välja var du vill inkludera eller utesluta en viss mall jämfört med att behöva klicka på Lägg till Skick och klicka på rullgardinsmenyn varje gång du vill lägga till en ny regel.

Nevertheless, Elementor levereras fortfarande med finkornig kontroll som är lika med Divi BuilderS.

Du kan välja att inkludera och utesluta dina Elementor-mallar med hjälp av komplexa villkorliga regler. Låt oss till exempel säga att vi har en mall som heter “A”. Du kan välja att visa den här mallen om sidan är under kategorin "erbjudanden" och om författaren är "John Doe" enligt nedan.

Används korrekt och kreativt kan denna Elementor-regelmotor vara ett otroligt kraftfullt och användbart verktyg. Det ger dig flexibilitet och anpassningar på en mycket detaljerad nivå. Detta räcker för att stjäla kronan i avsnittet om temabyggning.

Få sidbyggare har en sådan funktion och det här är en stor skillnad.

temabyggare

Och där har du Elementors temabyggare.

Elementor vs Divi Theme Builder Vinnare: Elementor

Nästa avsnitt i vår Elementor vs Divi-artikel är hur deras priser jämförs.

Priser

 

Beslutet mellan Elementor och Divi Builder helt ärligt handlar det om priser.

Man är helt meningsfull för en grupp och gör bokstavligen 0 för en annan. Som "du tänder-tusentals dollar-på-eld" typ av känsla.

Låt oss bara hoppa direkt in:

 

Elementorprissättning

 

grundläggande prissättning 

Elementors prissättning börjar på $ 49 / år för en webbplats och går hela vägen till $ 999 / år för 1,000 webbplatser. Alla funktioner och tillbehör ingår i varje plan.

Men anledningen till att det är så populärt är att det kommer med ett GRATIS PLAN.

Och till skillnad från nästan alla "falska freemium" -verktyg där ute som bara ger dig en funktionell användningless gratisversion så att du tvingas uppgradera, Elementors gratisplan räcker faktiskt för att skapa vackra sidor.

På allvar kan du skapa vackra, professionella sidor 100% gratis. Om du vill ha bra saker måste du naturligtvis uppgradera. Men gratisplanen levereras med 40+ widgets och 30+ mallar.

Det är gott.

Proffstips: Om du har mer än en webbplats, gå bara med Expert-licensen från början. Om du bygger webbplatser för dina kunder och vill ha en sidobyggare föreslår vi vanligtvis att du går till Expert-licensen och sedan tar ut varje klient för en avancerad licens.

Detta gör att du kan bryta jämn efter bara två platser. Från och med då får du en bonus på $ 2 från varje klient.

Klicka här för det lägsta priset på Elementor

Divi Builder Priser

Divi-prissättning

Till skillnad från Elementor, Divi Builder har ingen gratisversion tillgänglig, men de ha en demo som du kan komma åt. Du kan prova det själv innan du köper det. 

Divis prissättning gör det till en bra idé för byråer.

Vi har jobbat med Elegant Themes och har fått tillgång till en begränsad 10% rabatt på Divi Builder för CollectiveRay besökare som kan ses nedan. Med tanke på priset och vår rabatt som endast gäller fram till September 2021, vi rekommenderar starkt att du går till livstidsåtkomst - det är ingen idé.

Bara $ 249 ($ 224 med min rabatt) ger dig livstids tillgång till Divis funktioner, support och community på alla dina webbplatser för evigt.

Det betyder att du får:

  • Varje tema de har
  • Obegränsad användning för obegränsade webbplatser
  • 800+ webbplatspaket
  • Sidbyggaren
  • PR-verktyg
  • Testverktyg

 

Och dussintals andra fantastiska funktioner för bara $ 224 för livet. Inget behov av att förnya. Du behöver inte oroa dig för uppdateringar (mer om det nästa). Ingen stress. Klicka bara, betala och använd för alltid. Välj gärna en annan sidbyggare, men klaga inte när du spenderar hundratals mer än du behöver för LESS funktionalitet.

Är det dyrt om du har 1 eller 2 platser? Ja. Är det vansinnigt billigt om du har hundratals webbplatser för alla dina kunder?

NR.

OBS: Divi kostar bara 80 $ / år med min rabatt, men om du är ett företag sparar du pengar genom att bara köpa livstidsåtkomst nu. Om du är i affärer i tio år är det $ 10. Om du köper livstidsåtkomst nu är det 800 dollar. Det är ingen idé.

Få 10% rabatt på Divi Builder tills September 2021


Elementor vs. Divi Builder Priser Bedömning:

Elementor är perfekt för nybörjare med en budget och företag med en webbplats. Men den årliga prismodellen kommer att kosta dig hundratals eller till och med tusentals dollar mer under ditt företags livstid.

Divis engångsplan för livstidsåtkomst är perfekt för byråer och större verksamheter. Jag kommer dock att säga detta. Du kanske är en mindre operation nu, men vem vet om 1, 3 eller 5 år. Om du inte har en livstidstillgång till obegränsade webbplatser kan du hitta det mycket svårt att skala.

Ett försiktighetsord: Lämna inte din webbplats öppen för hacks och riskera ditt företag

Tyvärr, men jag har en annan snabb historia om hur jag försökte ta en genväg och det kostade mig nästan dyrt.

Detta hände när vi försökte undvika att betala ett abonnemang på Elementor.

Vi trodde att det skulle vara en bra idé för oss att gå på ett års prenumeration på Plus-nivån och sedan inte förnya. När allt kommer omkring, när webbplatsen hade skapats, skulle vi inte behöva fler uppgraderingar och support, eller hur?

FEL. Uppdateringar är helt kritiska!

Nyligen upptäcktes en sårbarhet i Elementor Pro. 

Denna sårbarhet lämnade webbplatser som var känsliga för hack. 

Elementor lappade upp det omedelbart. Det var bara ett problem ...

Det visar sig att utan en aktiv prenumeration var vi inte berättigade till några uppdateringar.

Så våra webbplatser blev sittande ankor. Kom ihåg att genom denna sårbarhet attackerades och hackades opatchade webbplatser.

Så för att spara 100 USD i förnyelseavgifter förlorade vi nästan våra webbplatser och ett antal kunder med dem.

Därför ett snabbt ord av råd. Låt aldrig din prenumeration upphöra, varken för Elementor eller för Divi (det är därför vi alltid rekommenderar en LIVSTIDSPRINSKRIFT). 

Det är därför som om du har mer än 1 webbplats, bara alltid gå till livstidsprenumerationen! Det sparar dig så mycket tid, pengar och stress.

 

Vittnesmål - Vad andra användare säger

Med deras popularitet, båda Divi Builder och Elementor har tusentals, till och med tiotusentals användare. Det fina att det inte är någon större skillnad i betygen för Elementor vs. Divi builder, de är båda högt betygsatta.

Kolla till exempel betyg för Elementor-sidbyggare i WordPress-katalogen:

elementor sidbyggare gratis betyg

Olika människor, från utvecklare till avslappnade användare, har haft erfarenhet av en eller båda och många stora WordPress-personligheter har sin egen åsikt och tankar när det gäller dessa plugins.

Vi kan hitta många användarrecensioner och vittnesmål för Elementor från det officiella WordPress -plugin -arkivet. De Divi builder, å andra sidan, har många recensioner och vittnesmål i Trustpilot.

Vad folk säger om Divi Builder

Med Divi builder, folk berömmer alltid sitt supportteam, de flesta 4 och 5-stjärniga recensioner nämner alltid hur stort deras stöd är. Därför, även om Divi builder kan vara lite svårare att använda än Elementor, deras supportteam finns där för att säkerhetskopiera dig.

recension 1

"Elegant Themes Divi Builder och temat är fantastiskt. Jag sökte högt och lågt efter ett tema med en gedigen front-end-editor/sidbyggare, och slösade bort pengar på många teman av låg kvalitet. När jag äntligen hittade Divi, visste jag att det var temat för mig och jag använder det nu i min marknadsföringsbyrå för att bygga kundens webbplatser eftersom det fungerar så bra. De har också fantastiskt stöd som är kunniga och redo att hjälpa dig med alla webbplatsanpassningar du kan tänka dig. ”

recension 2

”Jag har varit medlem i Elegant themes i några år nu och jag älskar det verkligen. Jag har gjort fantastiska webbplatser för kunder som använder sina lysande teman och plugins och kan aldrig se mig själv använda något annat. Kundtjänst är oöverträffad, de är snabba med att svara och rådgivningen är grundligt tillförlitlig. Utmärkt företag. ”

Vad människor säger om Elementor

Elementors användare berömmer hur det är en av de bästa gratis sidbyggare-pluginsna på marknaden och hur enkelt det är att använda att även nybörjare inte har några problem med att använda den.

recension 3

"Jag är en ny användare av plugin, men jag kan inte nog betona hur enkelt plugin är att installera och de tidsbesparande funktioner det erbjuder!"

recension 4

"Ny hos WP men Elementor är en super sidbyggare. Det gör verkligen webbutveckling snabbare och mycket less frustrerande. Dessutom gör det ett vackert jobb. En av funktionerna som jag verkligen älskar är möjligheten att gå tillbaka till tidigare versioner när jag eller datorn skruvar upp något. Du kan gå tillbaka till föregående ändring, eller någon ändring i den här sessionen eller vilken som helst sparad ändring. Älskar block -konceptet! Kan använda fler blockmallar. Att skapa Elementor -mallar är så enkelt att göra och använda. Jag önskar att det fanns en PHP -widget. Utmaningen är att hänga med i alla nya förbättringar när de rullar ut dem ofta. Försöker alltid förbättra denna bra produkt. Fortsätt så bra grabbar! "

Wrapping Up: Elementor eller Divi?

Vi kommer till slutet av vår Elementor vs. Divi builder recension, men det är få saker vi skulle vilja återkomma till. Vilket ska vi gå för, eller ska vi välja något helt annat som t.ex. Beaver Builder?

Divi Builder och Elementor erbjuder båda ett brett utbud av funktioner som kan hjälpa dig att enkelt bygga vackra sidor. Båda sidbyggarna har fokuserat på användarvänlighet.

Medan de har många likheter är deras användargränssnitt ganska olika. Elementor erbjuder tillgänglighet genom att ha ett sidofält som innehåller verktyg och alternativ medan Divi blir enkelhet genom att visa så få UI-element som möjligt.

När det gäller antalet standardmallar, Divi builder erbjuder fler alternativ jämfört med Elementor, men båda plugins har ett import- och exportalternativ, så att du kan lägga till dussintals tredjepartsmallar från andra källor.

När det gäller prissättning är Elementor dyrare än Divi builder eftersom den senare har en livstidslicens och obegränsad webbplatsanvändning.

Elementor har å andra sidan ett högsta pris på $ 199 per år, så att du kan använda det för tusen webbplatser. Elementor har dock en gratis version som fortfarande erbjuder en kraftfull uppsättning verktyg och till och med mallar som låter dig bygga vackra sidor.

Kodens renhet

När det gäller kodrenhet lämnar Elementor ren och giltig HTML -kod om du inaktiverar den. De Divi builder, å andra sidan, kommer att lämna några kortkoder på sidorna som är lite av ett problem att åtgärda, så det låser dig lite.

Men med tanke på att de har ett livstidslicensalternativ är det ganska motiverat. Vi kan dra slutsatsen att de vill att du ska knyta dina webbplatser till Divis ekosystem genom att köpa deras livstidslicensalternativ.

prestanda

Fram till nyligen fanns det inte mycket att välja mellan Elementor och Divi när det gäller prestanda. Allt förändrades med senaste uppdateringen till Divi.

En ny uppdatering av WordPress -temat innebär att det nu är lättare och snabbare än någonsin tidigare.

Laget har förändrats mycket under huven. CSS har minskat med 94%, Divi använder nu dynamisk CSS och smarta stilar för att ladda bara CSS för sidan som ses och dubbleringar har minskat över hela linjen.

Andra prestandaförbättringar i Divi inkluderar introduktion av dynamisk PHP för att effektivisera bearbetning, JavaScript -optimeringar, Gutenberg Stylesheet -uppskov, jQuery -uppskovscachning för Google -teckensnitt och integrerade formatmallar.

Divi får nu 100 på Google PageSpeed ​​Desktop och 99 på Google PageSpeed ​​Mobile!

säkerhet

När det gäller säkerhet har Elementor haft flera allvarliga säkerhetsproblem tidigare men de lindrades och löstes enkelt. Divi builder har också upplevt en allvarlig säkerhetsfråga i januari 2020.

Du har nu möjlighet Divi builder och tema upplevde en sårbarhet vid injektion som krävde en uppdatering.

Detta leder oss till en enkel slutsats, oavsett leverantörens storlek, sårbarheter är alltid en möjlighet. Kärnpunkten är hur säljaren reacts till en sådan sårbarhet. Båda dessa leverantörer har reagerat mycket moget på sårbarheten.

Temabyggande kapacitet

När denna artikel skrevs första gången, Divi builder hade fortfarande inte en temabyggningsfunktion. så vi rekommenderade tidigare Elementor om du behövde temabyggningsfunktioner.

Men hur är situationen idag när det gäller Divi vs Elementors temabyggnad?

Även om det fanns plugins från tredje part för Divi builder tidigare hade Elementor fortfarande kanten på detta område. Detta beror på att en inbyggd funktion nästan alltid är bättre för integration och kompatibilitet. Tredjepartstillägg kan sällan konkurrera mot en inbyggd funktion.

Men allt förändrades när Divi 4.0 släpptes. Uppdateringen gav Divi builder den välbehövliga temabyggningsfunktionen.

Vid denna punkt, både Divi builder och Elementor har samma uppsättning funktioner.

När det gäller anpassning och kontroll, Divi och Elementor, är det väldigt liten skillnad mellan de två.

Båda erbjuder kraftfulla temabyggningsfunktioner med finkorniga kontroller så att du kan bygga och designa din webbplats på vilket sätt du vill. Från anpassade statiska sidor till anpassade sidhuvuden, sidfot och kroppslayout kan du bygga dem alla!

Så vem vinner denna Elementor vs. Divi builder jämförelse?

Det är en sak som gör Divi builder den bättre produkten totalt sett och tar kanten: Divi -temat. Divi finns i två former: ett tema och en plugin. Du skulle använda pluginet om du vill använda Divi builder med tredjepartsteman. Annars skulle du välja att använda temat.

Varför är det viktigt? Integration och kompatibilitet.

Om du väljer temat kommer du att ha noll kompatibilitetsproblem.

Elementor har sitt eget tema, men när du jämför det med Divi-tema - finns det absolut ingen jämförelse.

Temat “Hello Elementor” är barebones och är avsett för avancerade användare och utvecklare så att de kan vidareutveckla det. Om du vill ha ett funktionsrikt Elementor-tema måste du installera en tredjepartsprodukt.

Du kan överväga att använda Astra i det här fallet - ett Elementor-tema.

Och även om det finns många teman där ute som är utvecklade med tanke på Elementor, kan nyare uppdateringar och funktioner i antingen Elementor eller temat potentiellt bryta kompatibilitet och integration.

Du måste vänta tills utvecklarna åtgärdar eventuella buggar och inkompatibiliteter. Och som med alla inkompatibiliteter finns det en liten chans att förlora en del eller hela ditt befintliga arbete.

Missförstå oss inte, båda är en solid lösning för temabyggning, men vi kan inte ignorera det faktum att Divi är ett funktionsrikt tema och en sidobyggare, så för det vinner Divi med liten marginal i temakonstruktionskategorin.

Stora skillnader i temabyggnad

En av de största skillnaderna mellan att använda Elementor och Divis temabyggningsfunktion är redaktören. Det finns en ganska stor skillnad i användarupplevelsen, så småningom kommer den du föredrar att känna till erfarenhet och personlig preferens.

När du redigerar en sidhuvud, sidfot eller anpassad kroppsmall i Divi builder, kommer redaktören bara att fokusera på just det området på din webbplats. Till exempel, när du redigerar en anpassad rubrik, är det enda som kommer att synas på skärmen inget annat än rubrikområdet.

divi anpassad rubrikredigerare

Med Elementor har du en vy över hela webbplatsen oavsett om du redigerar en sidhuvud, sidfot eller en kroppslayout.

Du kan se nedan att förutom rubrikområdet visas innehållsområdet också. Om du rullar längre ner ser du också sidfotområdet (de är dock i skrivskyddat läge).

elementor anpassad rubrikredigerare

I detta avseende kan vi säga att Divi builder fokuserar på distraktionsfri redigering när du använder Elementor ser du hela bilden när som helst.

Vi är inte medvetna om ett sätt att växla mellan distributionsfri och helsidesredigeringslägen på någon sidbyggare, så om du har en preferens kan det påverka ditt slutliga val.

Detta är en förbättring som både Elementor- och Divi-sidbyggarna så småningom kan lägga till: låt användare välja mellan distraktionsfria och redigeringsalternativ för hela sidan.

Läs mer: WP Bakery vs Divi - en fullständig jämförelse.

Vanliga frågor

1. Vad är Divi?

Divi är både en sidbyggare och en WordPress -temakombination. Det är en komplett mångsidig produkt som kan användas för att bygga alla typer av webbplatser från grunden, oavsett om det är e-handel, nischbaserat eller branschspecifikt eller en portföljwebbplats. Det produceras av Elegant Themes och är en av de mest populära WordPress -produkterna och har sålts mer än 700,000 XNUMX gånger.

2. Vad är Elementor?

Elementor är en av de mest populära WordPress-sidbyggarna. Även om det inte är ett tema, har det också kraftfulla temabyggningsfunktioner. Normalt används Elementor tillsammans med ett tema för att bygga anpassade inlägg och sidor med hjälp av dra och släpp-funktioner. Elementor har en gratis och betald version. Tack vare den fria versionen och under de senaste åren har den miljontals aktiva installationer.

3. Vad är skillnaden mellan Divi och Divi builder? 

Divi är WordPress -temat, Divi builder är drag -och -släpp -redigeraren eller sidbyggaren som är en del av Divi -temat. I verkligheten behöver du inte göra någon skillnad mellan dem, eftersom de fungerar sömlessly tillsammans.

4. Kan jag använda Divi på flera webbplatser?

Ja, när du väl köpt Divi till priset av $ 89 kan du använda detta på obegränsade webbplatser, men du får endast support och uppdateringar i 1 år. Det finns en version på $ 249 som har livstid obegränsat antal webbplatser, obegränsat support och uppdateringar.

5. Är Elementor den bästa sidbyggaren?

Elementor är den bästa sidbyggaren för närvarande. Även om detta är subjektivt och kanske inte passar alla, tror vi starkt att ingen sidbyggare i sig kan matcha dess funktioner. Naturligtvis betyder det inte att det passar alla. Divi med sitt paket med tema + sidbyggare är också ett utmärkt alternativ för många människor.

6. Är Divi bättre än Elementor?

Det beror på. För vissa människor som inte vill köpa ett separat tema och sidbyggare kan Divi ge mer värde. Om du bara planerar att bygga en webbplats tror vi Divi är ett utmärkt val. Om du planerar att bygga flera webbplatser eller är utvecklare eller designer kan Elementor vara bättre eftersom det är kompatibelt med fler teman.

7. Kommer Divi och Elementor att arbeta med Gutenberg?

Ja, både Divi och Elementor fungerar bra med Gutenberg. 

Elementor vs. Divi Builder: Slutgiltiga tankar

Så vad är den slutliga domen när det gäller sidobyggaren Divi vs Elementor? 

I slutändan är både Divi och Elementor utmärkta sidbyggare. Det kommer ner till ditt företag och dina mål.

Om du behöver den enklaste byggaren som finns för en webbplats eller behöver en GRATIS plan - välj Elementor.

Om du är en byrå med massor av webbplatser och behöver bygga hundratals sidor - välj Divi. Det finns en anledning till att alla seriösa byråer och företag använder Divis livstidsåtkomst: Det är det bästa värdet i verksamheten.

Tack för att du läser! Lycklig byggnad!

 

Skaffa Divi nu   Skaffa Elementor nu

Om författaren
David Attard
Författare: David Attardwebbplats: https://www.linkedin.com/in/dattard/
David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...