Elementor vs Divi: Katsaus, plussat / miinukset ja lopullinen opas (2021)

elementor vs divi

Tervetuloa puolueettomaan Elementor vs Divi -katsaukseeni 2021.

Olen virastoni menestyksen velkaa näille kahdelle sivunrakentajalle (ja kylmälle kahville), mutta ne ovat tarkoitettu kahdelle TÄYSIN ERILAISELLE asiakastyypille. Jos valitset väärän, tee pikakuvakkeita tai hanki väärä suunnitelma:

  • Tuhlaa satoja dollareita (ja mikä tärkeintä, monta tuntia)
  • Tee sivustoistasi avoin hakkerointi
  • Rajoita vakavasti kykyäsi laajentaa liiketoimintaasi

Mutta älä huoli, täydellisen sivunrakentajan valitseminen on todella helppoa IF tiedät mitä etsiä. Minulla on vuosien käytännön kokemus molemmista, joten anna minun käydä läpi vaihe vaiheelta kaikki tavallisella englanninkielellä kuvakaappausten, gifien ja kaiken muun kanssa!

Tartu kahviin (tai haluamaasi lämpimään juomaan), koska aiot sukeltaa syvälle:

  • Divi vai Elementor? Kuinka arvioida nopeasti nykyinen tilanne ja päättää, mikä on parempi.
  • Kuinka päättää budjetin, taitojen ja ravintokokemuksen perusteella sekä Elementorin että Divin kanssa
  • Yksi keskeinen hintaero, joka voi säästää tuhansia dollareita yrityksesi elinkaaren aikana
  • Tyhmä virhe, joka melkein maksoi minulle 100 dollaria JA kaikkien sivustojeni turvallisuuden
  • Kauhea kokemus yhdestä näistä tuotteista, joista sinun on tiedettävä

Olemme luoneet helpon sisällysluettelon, jotta voit siirtyä nopeasti sinulle sopivimpaan osioon. Napsauta avataksesi alla olevan sisällön:

Sisällys[show]

  

Elementor vs Divi: "Haluan tietää, mikä on minulle parasta nyt!"

Kiireellä, ja sinun on tiedettävä, mikä on yrityksellesi parempi, ennen kuin investoit mitään?

Annan sen vain sinulle suoraan perustuen melkein viiden vuoden kokemukseeni molemmista näistä työkaluista (koska Elementor julkaistiin ensimmäisen kerran vuonna 5). 

Yksi yritysryhmä tarvitsee ehdottomasti Elementorin ja toinen 100% Divin.

Jos et tee oikeaa valintaa, maksat. Jos ei nyt, niin vuoden kuluttua, kun olet liian turhautunut toimimaan haluamallasi tavalla. Ja kaikki se tuottavuus ja tehokkuus, josta kaikki yrittäjät haaveilevat, on mahdotonta.

Paljon enemmän siitä myöhemmin, mutta tässä on lyhyt versio sinulle:

Hanki Divi JOS…

  • Olet virasto: Divin hinnoittelu tekee siitä kunnianhimoisten virastojen tarpeettoman. Elinikäinen käyttö ilman rajoituksia maksaa VAIN 249 dollaria. Se on 249 dollaria jokaisesta ominaisuudesta äärettömillä verkkosivustoilla. Jos sinulla on satoja sivuja, se on kuin kuluttaa $ 1 tai LESS sivua kohden maailman luotetuimmalle sivunrakentajalle. 
  • Tarvitset parasta tukea yrityksessä.
  • Sinulla on suunnittelukokemus: Divi on hieno myös aloittelijoille, mutta se on vielä parempi kokeneille rakentajille. Oppimiskäyrä on jyrkempi kuin Elementor, mutta kun tiedät mitä olet tekemässä, voima on niin paljon suurempi.
  • Tarvitset premium-teeman työskennellessäsi: Divi on ensiluokkainen WordPress-teema sekä sivunrakentaja, joten kun ostat sellaisen, saat molemmat.

Hanki Elementor JOS…

  • Tarvitset helpoimman sivunrakentajan: Elementor antaa kenellekään mahdollisuuden rakentaa kaunis aloitussivu ilman koodaustietoja alkaen 0 dollaria!
  • Olet solopreneur, jolla on 1 verkkosivusto
  • Olet budjetillasi ja tarvitset ILMAISEN suunnitelman
  • Olet suunnittelija, joka tarvitsee monimutkaisia ​​elementtejä
  • Tunnet tarvetta nopeudelle. Elementor on niin nopea, että tuntuu siltä, ​​että sivu latautuu ENNEN kuin napsautan Enter
  • Sinulla on jo teema, jonka kanssa voit työskennellä: Elementor on sivunrakentaja (ei teema), ja sitä on täydennettävä WordPress-teemalla. 

 

Divi vs Elementor tulee todella yhteen asiaan: Hinnoittelu. Napsauta tätä siirtyäksesi hintataulukkoon 

Elementor vs Divi

Elementor että divi molemmissa on edistyneet sivunmuodostusominaisuudet. Elementor on ilmainen ja sillä on PRO -versio, joka maksaa 49 dollaria. Divi maksaa 89 dollaria vuodessa ja sitä voidaan käyttää rajattomasti sivustoja. The Divi Builder on käyttäjäystävällinen, mutta Elementorin kanssa on nopeampi työskennellä.

Yhteenveto

  elementorin logo kytkeä divi builder
Voittaja 🏆  
Yleinen  4.9 / 5  4.5 / 5
Helppokäyttöinen  5 / 5  4.5 / 5
Tuki  4.5 / 5  4.5 / 5
Vakaus ja luotettavuus  5 / 5  4 / 5
laajennettavuus  5 / 5  4.5 / 5
Tehokas  4.5 / 5  5 / 5
Hinta Alkaen $ 49 Alkaen $ 89
Ilmainen versio Kyllä Ei - mutta sillä on 30 päivän palautusoikeus
Reaaliaikainen toimittaja Kyllä Kyllä
Sisäinen muokkaus Kyllä Kyllä
Käyttöliittymä / taustakuva molemmat molemmat
Vedä ja pudota Kyllä Kyllä
Tuetut kolmannen osapuolen elementit Kyllä Kyllä
Käyttöliittymä / taustakuva molemmat molemmat
Tuonti ja vienti Kyllä Kyllä
Kohderyhmä Kehittäjä / Suunnittelija / Käyttäjä / Agentti Suunnittelija / käyttäjä / virasto
Tuetut elementit 90 +  46
WordPress-widgetien tuki Kyllä Monimutkainen
Puhdas koodi Kyllä Ei
Valmiit mallit / asettelut 300 + 150 +
Viileä ominaisuus Dynaaminen sisältö / B-testaus
Suorituskyky  4.5 / 5  4 / 5
 Mitä pidimme  Erittäin tehokas ratkaisu minkä tahansa tyyppisen suunnittelun luomiseen  Puhdas käyttöliittymä
   Erinomaiset ulkoasun hallinnan vaihtoehdot  Sisältö säilyy ehjänä myös laajennuksen deaktivoinnin jälkeen
   Houkutteleva hinnoittelu pääsyllä  Ainutlaatuinen muokkaustila asiakkaille
   Suosituin sivujen rakentaja syystä  Antaa sinun käyttää WordPress-widgettejä asetteluissa
 Mitä emme pitäneet  Elementor vaatii sinua hankkimaan WordPress-teeman  Osa koodista jää lisäosan poistamisen jälkeen
Verkkosivu Käy sivustolla 
Käy sivustolla (10% POIS)

 

Nyt kun sinulla on nopea yleiskatsaus jokaisesta laajennuksesta, sukelkaamme syvällisesti niihin. Olemme tutkineet paljon näkökohtia, joten voit vierittää ja hypätä sinua kiinnostaviin osioihin.

Aloitetaan tästä sivunrakentajien lopullisesta esittelystä: Elementor vs Divi!

(LUE TÄMÄ): Miksi väärän sivun rakennustyökalun valinta voi maksaa sinulle kaiken!

Minun on jaettava tämä tarina ...

Ei siksi, että haluan valittaa (no, ehkä vain vähän ...), vaan siksi, että jokaisen kehittäjän, suunnittelijan, yrityksen ja toimiston on tiedettävä kuinka tärkeä tämä päätös on.

Aikaisemmin, web-kehityksen menneellä aikakaudella (noin 8 vuotta sitten?), Kaikki tekivät päivän premium WordPress -teemoja. 

Kauniit sivut olivat varmasti mahdollisia, mutta ne vaativat NIGHTMARISH -sekoituksen lyhytkoodeja. Et voi ymmärtää kauhualess selvisit noista ajoista. Minä vain hieman liioittelen…

Kaikesta huolimatta...

Ei ollut mitään tapaa rakentaa jotain tuntematta WordPressiä nurinpäin.

Verkkosuunnittelijat olivat erityinen kehittäjien rotu, joka osasi yhdistää koodin oikeaan suunnitteluun.

Mies, elämä oli ... erilaista. 

Sitten eräänä päivänä merkittävä WordPress-toimittaja (WPMUDEV) alkoi työntää tätä hämmästyttävää uutta vedä ja pudota -sivun rakennuttajaa: Upfront.

"Se on mahtavaa. Se säästää WordPressin SquareSpacelta ja Wixiltä! ", He sanoivat. 

Tuolloin useimmat meistä vastustivat vielä sivunrakentajia. Mukaan lukien minä.

Mutta tämä näytti ... paremmalta.

Ollakseni oikeudenmukainen, se oli melko mahtava. Vedä ja pudota -rakentaja oli kuin voi. Ja sillä oli joitain houkuttelevia ominaisuuksia:

  • Upeat elementit, jotka ovat valmiita työskentelemään
  • Helposti muokattavat "alueet"
  • Yhden napsautuksen tekstin muokkaus
  • Mallit uudelleenkäyttöön ja toistuvan työn vähentämiseen
  • Sivujen luominen oli nopeaa ja helppoa! Lähellä sitä, mitä meidän piti käydä läpi ennen ...

Etukäteen oli tarkoitus muuttaa kaikkea.

Joten yksi kerrallaan kaikki alkoivat hypätä junaan. Toimistokohtaisesti, putosimme jonoon.

Ihmiset olivat niin innoissaan, että he rakensivat koko etenemissuunnitelmansa Upfrontille. He jopa palkkasivat ja kouluttivat henkilökuntaa käyttämään sitä. Joillakin monen sivuston toimistoilla oli satoja sivuja käyttämällä Upfrontia.

En rakentanut koko yritystäni Upfrontin ympärille (en koskaan laittanut kaikkia munia yhteen koriin), mutta sanotaan vain, että minulla oli melko vähän ihoa pelissä ...

Ja sitten eräänä päivänä kaikki kaatui.

hyvästit etukäteen

Eräänä päivänä WPMUDEV vain päätti lopettaa kaiken.

Ei varoitusta.

Ei yhtäkään sanaa.

Etupuoli lopetettiin, ja jokainen siihen koskaan rakennettu sivu tehtiin vanhentuneeksi.

Kaikki työ, kaikki tämä aika ja raha, koko henkilökunta, joka on koulutettu käyttämään sitä, kaikki sen avulla laaditut etenemissuunnitelmat: KÄYTÄLESS.

Lue tämä arvostelu edustajalta, joka oli työskennellyt Upfrontin kanssa:

Vietin suurimman osan viime vuodesta koko verkkosivusto-toimiston (markkinointisivustomme ja asiakassivustomme) uudelleenrakentamiseen Upfrontin kanssa ja sen ympäristössä. Ei vain ole hienoa nähdä vain, että se on nyt pois kehityssuunnitelmista ilman varoituksia, kun siihen on luotettu, palkata ja kouluttaa henkilöstöä sen käyttöön. "

Monet yritykset kärsivät kovaa ... se ei ollut miellyttävää. 

Tarinan opetus?

Oikean sivunrakentajan valitseminen on kriittistä yrityksellesi. Tämä tarkoittaa, että on tärkeää, että valitset yhden, jolla on todistettu kokemus ja luotettava tuotemerkki.

Jos ei, voit olla seuraava yrittäjä, joka jättää katsauksen, jossa kuvataan, kuinka Upfrontin käyttö melkein maksoi heille kaiken.

Mutta poikkean. Takaisin arvosteluun ...

Mitä ovat sivunrakentajat?

Eikö tämä intro ole kiinnostunut tai onko sinulla kiire? Napsauta tätä siirtyäksesi artikkelin seuraavaan osaan

Aloitamme Elementor vs Divi Builder artikkeli, jossa on vähän esittelyä siitä, mitä sivunrakentaja tekee.

Sivunrakentajat ovat työkaluja, joiden avulla voit suunnitella ja rakentaa ammattimaisen näköisiä verkkosivuja tyhjästä jopa 0-koodauskokemuksen avulla. 

kB4U67tiQLA

Sen sijaan, että olisit viettänyt kuukausia oppia mukauttamaan sivua, kaikki kova työ on jo tehty puolestasi ja pakattu pieniin "elementteihin". Sinä vain "vedät ja pudotat" heidät sivulle missä haluat ja VOILA, sinulla on kauniisti suunniteltu sivu ... eikä kukaan tiedä salaisuuttasi. 

Esimerkiksi, jos haluat lisätä tekstikentän tai kuva, nappaat vain kyseisen elementin sivupalkista, vedät sen sivulle ja sijoitat sen minne haluat. Kuulostaa paljon paremmin kuin mennä backendiin ja koodaus kaikki itse, eikö?

Useimmilla on jopa valmiita malleja, joiden on osoitettu lisäävän kävijämääriä, joten sinun ei tarvitse edes tehdä mitään "raskasta nostoa".

Napsautat vain elementtiä, jonka haluat lisätä sivullesi (esimerkiksi kuvan, tekstiruudun tai uuden osan), vedät minne haluat ja pudotat sen paikalleen 

Se on kuin verkkosivuston rakentaminen Lego-kappaleilla.

sivujen luominen sivunrakentajien kanssa

Mikä on Divi?

Divi WordPress -teema ja sivunrakentaja  

Divi on suosituin WordPress-teema, jolla on yli 700,000 XNUMX myyntiä, ja lopullinen WordPress Page Builder. Jos tämä olisi urheilua, he olisivat Man U, New York Yankees ja New England Patriots: Enemmän kuin joukkue, instituutio.

kaksi käyttäjää

Itse asiassa se on jopa enemmän kuin sivunrakentaja - se on WordPress-verkkosivuston rakentamisen megatehdas, joka antaa freelancereille, virastoille ja sivustojen omistajille mahdollisuuden rakentaa kauniita sivustoja, optimoida ne konversioita varten (Split testaus) ja kasvaa sosiaalisen median avulla.

Divin valtava suosio johtuu pääasiassa sen:

  • Rajoittamaton käyttö: Divi on yksi ainoista teemoista, jonka avulla voit käyttää kaikkien sivustojen kaikkia ominaisuuksia rajattomasti. Ei hinnoittelun temppuja. Ei hämmentäviä tasoja. Ei mitään. Vain rajoittamaton käyttö ilman kysymyksiä.
  • Yksinkertainen hinnoittelu: 249 dollaria käyttöikästä KAIKKILLA Sivustollasi.
  • Verraton tuki ja yhteisö: Divi on elämäntapa joillekin ihmisille. Sillä on kukoistava Facebook-yhteisö ja paras tuki yritykselle, joten aina innovoi, saat hyödyllistä palautetta ja parannat Divi-peliäsi.

Olemme työskennelleet tämän tuotteen kanssa pitkään, itse asiassa olemme jo tehneet kirjoitti täydellisen Divi 3.0 -teemakatsauksen täältä. Heidän Divi builder on laajennus, joka on sisäänrakennettu ja mukana teemassa, vaikka sen voi halutessaan ostaa ja käyttää erikseen muiden teemojen kanssa.

Napsauta tätä, jos haluat vierailla Divi-verkkosivustolla ja oppia lisää siitä nyt 

Mikä on Elementor?

elementor-sivunrakentaja  

Elementor on markkinoiden häiritsijä, jonka suosio kasvaa taivaalla. Se on yksi suosituimmista rakentajista solopreneureille ja yrityksille, joilla on vain yksi sivusto.

Se on uusi lapsi korttelissa, valmis haastamaan kuninkaan ja pakottamaan hänet luopumaan.

Se on salamannopea, tarjoaa vertaansa vailla olevan muotoilun ja on niin helppoa, että luolamies pystyy tekemään sen. Ja sen avulla pääset alkuun 100% ILMAISEKSI. 

Se antaa sinulle melkein kaiken mitä Divi tekee, se on vain nopeampi ja helpompi käyttää. Ja se on paljon edullisempi yhdelle sivustolle.

Useimmat WordPress-käyttäjät ja asiantuntijat suosivat näitä kahta tuotetta, koska niillä on useita etuja:

  • niitä on helppo käyttää,
  • niillä on paras suorituskyky ja vakaus ja
  • heitä tukee WordPress-asiantuntijakehittäjien tiimi tai tunnettu yritys.

Hämmästyttävä 5,000,000 XNUMX XNUMX - se on MILJOONAA - ihmiset käyttävät Elementoria, kun luet tätä 

Olemme kaivaneet syvään nimenomaan Elementor Pro - löydät arvostelumme täältä

Napsauta tätä, jos haluat vierailla Elementorin verkkosivustolla ja aloittaa ilmaiseksi

Odota, sanot, että sekä Divi että Elementor ovat mahtavia. Joten miten voin valita?

Hyvä kysymys.

Ne ovat molemmat hyvin samanlaisia, mutta kuten sanoin aiemmin - hinnoittelu ja pienet toiminnalliset erot tekevät niistä täydelliset markkinoiden eri segmenteille.

Verrataan niitä rinnakkain saadaksemme paremman kuvan. 

Otamme nämä kaksi sivunrakentajaa markkinoille tänään, Elementor vs Divi Builder, ja kaivaa syvälle kaikki heidän kykynsä ja vertaa heitä päähän.

Tarkastelemme perusteellisesti niiden käyttöliittymää, ominaisuuksien sarjaa, hinnoittelua ja paljon muuta.

Tämän Elementor vs Divi -artikkelin loppuun mennessä sinulla on kaikki tarvitsemasi tiedot, jotta voit tehdä koulutetun tuomion siitä, mikä niistä sopii omat tarpeesi. 

Tiedät miten ne toimivat, miltä ne näyttävät, mitä paketin mukana tulee, mikä toinen näistä kahdesta suositusta sivunrakentajasta on järkevintä sinulleja kaikki muu mitä sinun tarvitsee tietää.

Tämä auttaa sinua tekemään tietoon perustuvan päätöksen siitä, minkä valitset, tai jos sinun pitäisi harkita muita sivunrakentajia.

Seuraavassa osiossa verrataan Divi vs Elementorin käyttöliittymää - eli kuinka helppoa on rakentaa verkkosivustoja molempien sivujen rakentajien avulla.

Elementor vs Divi: Helppokäyttöisyys

Käyttöliittymä ja sen helppokäyttöisyys ovat yksi tärkeimmistä sivujen rakennustyökalun laajennuksista. Täällä vietät suurimman osan ajastasi työskentelemiseen. 

Ensimmäisessä osassa Elementor vs Divi builder Vertailun vuoksi käymme läpi heidän käyttöliittymänsä ja käytettävissä olevat asetukset, jotka voimme määrittää.

Molemmat sivunrakentajat ovat ponnistelleet varmistaakseen, että niiden käyttö on helppoa.

Aloitetaan Divi Builder.

Lue lisää Divi Builder by Elegant Themes

Divi Builder Käyttöliittymä

Ennen kuin aloitamme, katsotaanpa, mitä myyjällä on sanottavanaan tämän lyhyen videon laajennuksen käytöstä, erityisesti vasta uudistetun käyttöliittymän kanssa:

0qRYEseXnD4

Kanssa Divi builder laajennus asennettu, kun luot uuden sivun, sinua tervehtii käyttöliittymä, joka kysyy sinulta, haluatko Divi Builder"Tai" Käytä oletuseditoria ".

uusi sivu

Napsauta Käytä Divi Builder -vaihtoehto avaa näytön, jossa sinua pyydetään valitsemaan "rakenna alusta", "valitse valmiiksi tehty asettelu" tai "kloonaa olemassa oleva sivu".

valitse asettelu

 

  • Rakenna naarmuilta - aloitat tyhjällä sivulla.
  • Valitse Premade Layout - antaa sinun valita valmiista malleista. Puhumme tästä tarkemmin myöhemmin.
  • Kloonaa nykyinen sivu - melko itsestään selittävä, pohjimmiltaan kopioi olemassa olevan sivun sivulle, jolla parhaillaan työskentelet.

Valitsemme "rakentaa alusta" -vaihtoehdon, koska kaksi muuta vaihtoehtoa ovat melko samat, vain sisältö on jo lisätty. Näin voimme keskittyä enemmän siihen, miten Divi builder käyttöliittymä toimii ja miltä se näyttää käytettäessä sitä sivujen ja sivustojen suunnittelussa.

Elementtien lisääminen sisään Divi Builder

Napsauttamalla "rakenna tyhjästä" -vaihtoehtoa käynnistyy Divi builder ja ensimmäinen asia, joka tulee näkyviin, on valintaikkuna, jossa sinua pyydetään lisäämään uusi rivi.

Valintaruudut, joissa on asetukset, jotka voit määrittää, avautuvat lisäämäsi moduulin ja sisällön mukaan. Käsittelemme lisää moduuleista (joita aiomme lähinnä kutsua elementeiksi) myöhemmin artikkelissa.

uusi rivi

Ruokalista

- Divi builder käyttöliittymä on minimalistinen.

Minimalismi on aina ollut yksi suunnittelun piirteistä Elegant Themes ja sivunrakentaja pitää tämän suunnittelukonseptin käynnissä.

Kuten yllä olevasta gifistä näet, sivupalkkia tai valikkoriviä ei ole lainkaan. Sen sijaan sinulla on vain kelluva ympyrä, jonka sisällä on kolme valkoista pistettä.

Kelluva ympyrä, jossa on kolme valkoista pistettä, toimii valikkona. Napsauttamalla näitä pisteitä alkuperäisellä Divi-koontisivulla saat käyttöösi erilaisia ​​vaihtoehtoja ja hyödyllisiä työkaluja.

kelluva valikko

Voit siirtää tätä valikkoa ympäri napsauttamalla ja vetämällä sitä. Voit pudottaa sen johonkin kahdeksasta ennalta määritetystä paikasta näytön kulmassa.

Katsotaanpa tarkemmin tämän kelluvan valikon sisältöä. Kun käytät Diviä, vasemmalta puolelta alkaen meillä on

  • Divi builder asetukset,
  • rautalanganäkymä,
  • zoomaustyökalu,
  • työpöydänäkymä,
  • tablet-näkymä,
  • lataa kirjastovaihtoehdoista,
  • tallenna kirjastoon -vaihtoehto,
  • selkeä asettelu,
  • sivuasetukset,
  • muokkaushistoria,
  • siirrettävyys,
  • haku ja ohje -painike,
  • ja Tallenna luonnos- ja julkaisupainikkeet.

kelluva valikko 2

Entä syvempi tarkastelu kutakin niistä?

Builder-asetukset - tämä avaa valintaikkunan, jossa on erilaisia ​​vaihtoehtoja, joiden avulla voit muokata kuvakkeita, jotka näkyvät Divi builder työkalurivillä, muuta oletusnäkymätilaa (mobiili, pöytäkone tai tabletti), ota käyttöön tai poista käytöstä käyttöliittymäanimaatiot jne.

Lankakehysnäkymä - Tämän kohteen napsauttaminen vaihtaa lankakehyksen näkymän päälle tai pois päältä. Voit käyttää lankakehysnäkymää saadaksesi sivun rakennenäkymän.

lankakehysnäkymä

Zoom-työkalu - voit lähentää ja loitontaa sivua.

Työpöytä-, Tabletti- ja Mobiilinäkymä - voit esikatsella sivusi ulkonäköä eri laitteilla ja näytön tarkkuudella.

reagoiva näkymä

Lataa kirjastosta - voit lisätä tai käyttää valmiita malleja mallikirjastosta sivulle.

Tallenna kirjastoon - voit tallentaa nykyisen sivun mallikirjastoon.

Selkeä asettelu - poistaa kaiken sivulta.

Sivun asetukset - antaa sinun käyttää sivun asetuksia, kuten otsikkoa, otetta, esillä olevaa kuvaa jne.

Muokataan historiaa - voit tarkastella täältä, mitä muutoksia tehtiin nykyisessä muokkausistunnossa. Kohdetta napsauttamalla voit palata ajassa taaksepäin, kumota kaikki tekemäsi muutokset ja palauttaa sivun tilan. 

muokkaushistoria

siirrettävyys - Tuo tai vie nykyinen asettelu.

Haku- ja Ohje-painikkeet - Näiden painikkeiden avulla voit käyttää Divi builderasiakirjat; Haku -painikkeen avulla voit etsiä tiettyä toimintoa, valikkokohtaa tai elementtiä.

Tallenna luonnos- ja julkaisupainikkeet - melko itsestään selvä.

Elementtikohtainen valikko

Käytettäessä Divi builder, jos viet hiiren elementin päälle, näyttöön tulee toinen valikoiden sarja. Näiden valikoiden avulla voit määrittää tietyn elementin asetukset, kuten sen sisällön, asettelun tai mukautetun CSS: n lisäämisen siihen.

elementtikohtainen valikko

Divi Builder toiminnassa

Alla on gif sivun muokkaamisesta Divi builder. Voit käyttää sivunrakentajaa vetämällä elementtejä ympäri ja sijoittaa ne uudelleen, tai voit kaksoisnapsauttaa tekstiä tekstin muokkaamiseen jne.

divi ui demo

Ja se on melko paljon perusasioista Divi builder käyttöliittymä.

- Divi Builderkäyttöliittymä on minimalistinen - puhdas ja yksinkertainen, mutta siinä on kaikki mitä tarvitset asioiden tekemiseen.

Se ei hukuta sinua ollenkaan, pitää sinut keskittymässä muotoiluusi. Se tarjoaa koko näytön kokemuksen. Tämä tarkoittaa kuitenkin, että uusien elementtien lisääminen voi joskus vaatia paljon napsautusta.

Sen käyttöliittymässä ainutlaatuista on mahdollisuus vaihtaa lankakehyksenäkymään ja etupäänäkymän saumaanlessly.

Tämä on hyödyllistä erityisesti suurilla sivuilla, koska voit siirtää elementtejä helpommin. Myös etupäänäkymässä Divi builder, elementtien siirtäminen, varsinkin jos sivu on jo täynnä sisältöä, on yleensä hieman viivästynyt.

Lankakehysnäkymään siirtyminen eliminoi viiveen.

Lankakehysnäkymää käyttämällä on paljon helpompaa päästä käsiksi elementtikohtaisiin valikoihin, koska ne ovat aina näkyvissä.

Kuten näette, helppokäyttöisyyden kannalta Elegant Themes ovat työskennelleet tehdäkseen Divi builder yksinkertainen, mutta samalla tehokas.

Nyt kun olemme valmiit Divi Builder, katsotaanpa Elementorin käyttöliittymää. Seuraava osamme Elementor vs Divi builder vertailu keskittyy Elementorin käyttöliittymään,

Elementorin käyttöliittymä

Elementorin käyttöliittymä on hyvin erilainen kuin useimmat muut sivunrakentajat. Jos Divi builder keskittyy minimalismiin, Elementor keskittyy esteettömyyteen, mutta käyttäjäkokemus on loistava myös tämän sivunrakentajan kanssa.

Käytämme tätä osaa Elementor vs Divi builder vertailu keskittyä näiden kahden eroihin.

Elementor käyttää rakennuspalikoita, joita käytetään kunkin sivun rakentamiseen useissa "osioissa". Katso seuraava 1 minuutin video, joka selittää tarkalleen, miten tämä toimii:

VRoPdyk 97 mg

Uuden sivun luominen aktiivisen Elementorin avulla tuo sinut WordPressin oletuseditoriin. Sivun muokkaamisen aloittamiseksi sinun on napsautettava näytön yläosassa olevaa Muokkaa Muokkaa-elementillä -painiketta saadaksesi Elementor-rakennustyökalun näkyviin.

Lataa kopio laajennuksesta

luo uusi sivu

Napsauttamalla painiketta avautuu Elementorin käyttöliittymä, joka koostuu kahdesta osasta: sivupalkki ja sivun esikatselu.

elementor ui

Voit piilottaa sivupalkin painamalla pientä kuvaketta, joka näkyy alla olevassa gifissä:

piilota sivupalkki

Sivupalkin piilottaminen antaa sinulle koko näytön esikatselun sivulla. Muista, että et voi muokata mitään, kun sivupalkki on piilotettu.

Elementtien lisääminen Elementoriin

Lisää elementti sivulle vetämällä ja pudottamalla yksi sivupalkista sivulle.

vedä ja pudota

Elementorissa vetämällä ja pudottamalla elementti sivupalkki muuttuu näyttämään vaihtoehtoja, jotka koskevat juuri lisättyä elementtiä.

Sivun esikatselussa olevan punaisen plus-painikkeen ja kansion kuvakkeen avulla voit lisätä uuden osan tai ladata mallin kirjastostasi.

Kun vedät ja pudotat elementin sivulle tai olet valinnut sivun kohteen, huomaat, että puolella näkyy nyt vaihtoehtoja valitulle elementille.

Voit palata elementinvalintapaneeliin napsauttamalla sivupalkkivalikon oikeassa yläkulmassa olevaa neliönmuotokuvaketta.

sivupalkin navigointi

Napsauta sitä kuvaketta ja voit palata elementtien valintapaneeliin. Voit nyt vetää ja pudottaa toisen elementin täältä sivulle.

sivupalkki

Sivupalkki on jaettu kolmeen osaan.

  1. Ylävalikko,
  2. keho ja
  3. alavalikossa.

Ylävalikossa on yleisiä asetuksia, rungossa näkyy tietoja valitusta elementistä ja alemmasta valikosta lisäasetukset, jotka voit määrittää. 

Ylävalikko

Elementor-sivun rakennustyökalun ylempi sivupalkkivalikko on sivupalkin vasemmassa yläkulmassa. Täällä voit määrittää oletustyylit ja fontit, värivalitsimen jne.

ylemmän sivupalkin valikko

Tässä valikossa on muita vaihtoehtoja, lukuun ottamatta tyylivaihtoehtoja.

Siellä on hakutoiminto, linkki Elementorin asetussivulle ja paljon muuta. Löydät myös sinisen poistu kojelaudasta -painike, joka vie sinut takaisin WordPress-hallintapaneeliin.

Alivalikko

Sivupalkin alaosassa näet muita valikkokohteita.

alareunan sivupalkin valikko

Vasemmalta oikealle meillä on asetukset, navigaattori, historia, responsiivinen tila, esikatselun muutokset ja julkaisupainike.

Julkaise-painikkeella on alivalikko, johon pääset napsauttamalla sen vieressä olevaa pientä ylöspäin osoittavaa nuolta. Sen napsauttaminen tuo kaksi lisäasetusta: Tallenna luonnos ja Tallenna mallina -vaihtoehdot.

lisävalikko

Käydään läpi kaikki niistä nopeasti.

Asetukset - rataskuvake, joka sijaitsee alavalikon vasemmassa reunassa. Se sisältää asetukset sivulle, jota parhaillaan työskentelet.

Täällä voit muokata sivusi otsikkoa, lisätä esillä olevan kuvan, muuttaa sen julkaisutilaa (luonnos, ajoitettu, julkaistu), muuttaa oletusasettelua jne. Voit myös huomata kahden muun välilehden olemassaolon: tyyli että kehittynyt välilehdet.

sivupalkin asetuspaneeli

Tyyli-välilehdessä voit määrittää sivun rungon tyyliasetukset. Voit määrittää taustavärin tai kuvan ja voit myös muuttaa täytettä.

Ja Lisäasetukset-välilehdessä voit lisätä mukautetun CSS: n.

Suunnistaja - antaa meille mahdollisuuden nähdä hierarkkinen näkymä sivun elementeistä. Tämä on verrattavissa Divi builderlankakehyksen tilassa. Navigaattori on kuitenkin vain kelluva valikko, joka edustaa sivusi elementtihierarkiaa. Voit järjestää elementtejä uudelleen myös navigointilaitteella, vaikka sen toiminnallisuus ei olekaan niin hyvä kuin edellä kuvatun metallikehyksen tila Divi builder.

Navigaattorin päätarkoitus on, kuten nimestä voi päätellä, auttaa sinua liikkumaan sivulla helpommin. Tämä on erittäin kätevä, varsinkin jos sinulla on monimutkainen sivu, jossa on tonnia elementtejä.

suunnistaja

Historia - missä näet muokkaushistoriasi. Sen avulla voit palata muokkaustesi edelliseen versioon. Muista kuitenkin, että vain nykyisen istunnon muokkaukset tallennetaan.

On yksi asia, joka erottaa Elementorin historian ominaisuuden Divi builder, ja se on suuri, mikä tekee historiasta paljon parempia.

Kuten yllä olevasta kuvasta näet, historiapaneelissa on toinen välilehti, jonka otsikko on ”versiot”. Nämä muutokset säilytetään jopa jälkeen poistu sivunrakentajan käyttöliittymästä tai jopa sen jälkeen, kun suljet selaimen.

Aina kun painat “päivitä” -painiketta, uusi versio tallennetaan.

tarkistuksia

Lisäksi laajennus tekee automaattisen tallennuksen, joka estää sinua menettämästä työtäsi selaimen kaatumisten kaltaisten ongelmien vuoksi.

Tämän avulla voit palata edelliseen versioon helposti, vaikka suljet editorin, kirjaudut ulos WordPressistä tai sammutat tietokoneen. Pelkästään tämä ominaisuus tekee Elementorista selvän voittajan Divi builder versiohistorian kannalta.

Reagoiva tila - voit esikatsella sivusi ulkoasua eri laitteilla ja näytön tarkkuuksilla.

reagoiva esikatselu

Esikatsele muutokset - avaa uuden välilehden, jonka avulla voit tarkastella sivusi live-esikatselua.

Elementtikohtainen valikko

Napsauttamalla elementtiä esikatselusivulla tuo näkyviin elementtikohtaisen valikon, jossa on ainutlaatuiset asetukset, jotka voit määrittää.

elementtikohtainen valikko 2

Elementor toiminnassa

Kuten meillä ElegantThemes'tuote, Divi vs Elementor -vertailun seuraavassa osassa näytämme Elementorin toiminnassa, jotta voit ymmärtää näiden kahden sivunmuodostajan välisen eron.

Animoiduilla gifeillä näet tuotteen toiminnassa osana Elementor vs Divi -katsaustamme.

Alla näet, kuinka voimme vetää ja pudottaa elementtejä ympäri ja muuttaa niiden sijaintia, miten voit muokata tekstisaumaalessmiten voit lisätä uusia elementtejä jne.

elementor ui demo

Kuten näemme, Elementor Builder keskittyy helppokäyttöisyyteen ja helppokäyttöisyyteen.

Toisin kuin Divi, johon tottuminen saattaa viedä jonkin aikaa, Elementor saa käyttäjät tuntemaan olonsa kotoisaksi. Uusien kohteiden lisääminen on helppoa, koska sinun tarvitsee vain vetää ja pudottaa tarvitsemasi elementti sivupalkista esikatselualueelle.

Vertaamalla Divi vs Elementor, näemme, että heillä on erilainen painopiste. Ensimmäinen keskittyy yksinkertaisuuteen ja puhtauteen, jälkimmäinen saatavuuteen ja saavutettavuuteen.

Joten kuka voittaa, kun on kyse Elementor vs Divistä - mitä visuaalista rakenninta on helpompi käyttää?

Emme usko, että helppokäyttöisyydessä on voittaja. Sekä Elementor- että Divi-sivujen rakentajilla on käyttöliittymä, joka auttaa sinua tekemään työn.

Se on vain tyylin ja mieltymysten kysymys. 

Elementor vs Divi -käyttöliittymän voittaja: Solmio

Lisätietoja laajennuksen verkkosivustolta

Nyt kun olemme tutustuneet molempien laajennusten käyttöliittymiin, on aika tutustua sivunrakentajien käytettävissä oleviin elementteihin tai widgeteihin ja moduuleihin niiden kielen mukaan.

Todelliset "elementit" tai "moduulit" on korostettu Elementor vs Divi -vertailun seuraavassa osassa.

elementit

Elementit ovat niitä, joita käytät sivusi rakentamiseen. Divi vs Elementor -sovelluksessa terminologian käyttö on hieman erilaista, mutta yleensä käsitteet ovat melko samanlaisia.

- Divi builder kutsuu sen elementtejä jakso, Ishayoiden opettaman rivit ja sarakkeet, ja moduulit. Kuten Divi, Elementor työskentelee kolmen peruselementin kanssa, mutta toisaalta se kutsuu sen elementtejä jakso, The sarake, ja widgetit.

Elementtejä käytetään määrittämään sivun rakenne. Vaikka nimet voivat olla erilaisia ​​Elementor vs Divi builder, käsitteet ovat samat.

Katsotaanpa syvempää tarkastelua alkaen Divi builder.

Divi BuilderElementit: jakso, rivit ja moduulit

Divi builderelementit on jaettu kolmeen pääluokkaan: jakso, joka toimii konttina, riviä, joka toimii jakajana, ja moduulit, jotka ovat todellinen sisältö.

Alla olevassa kuvassa on tyhjä sivu. Tällä sivulla on kolme osiota. 

Toisessa osassa on rivi, joka on korostettu vihreällä. Rivi on jaettu kolmeen sarakkeeseen. Sarakkeet ovat tyhjiä.

Lopuksi alaosassa on myös rivi sisällä, vaikka sitä ei ole korostettu. Rivi on myös jaettu kolmeen sarakkeeseen, samanlainen kuin toisessa osassa. Alarivin keskimmäinen sarake sisältää moduulin, joka tässä tapauksessa on painikemoduuli.

 

elementit

Lisää osioita, rivejä tai moduuleja napsauttamalla plus-painikkeita.

- sininen, violetti or oranssi plus-painike lisää osan (osion korostusväri muuttuu osiotyypistä riippuen: sininen tavalliselle, violetti täydelle leveydelle ja oranssi erikoisuudelle), vihreä plus-painikkeella lisätään rivi ja musta plus-painike lisää moduulin.

Pääluokat

In Divi builder, osio toimii rivien ja moduulien säiliönä.

Voit käyttää osioita jakamaan sivusi eri osiin. Esimerkiksi sivulla voi olla kolme osiota; ensimmäinen on noin-osa, toinen on yhteysosio ja kolmas on toimipaikka-osa.

Osastot ovat 'riippumattomia' toisistaan. Jos lisäät sinisen taustavärin ensimmäiseen osaan, se ei vaikuta kahteen muuhun osaan.

Osien lisääminen - Napsauttamalla sivun sinistä (tai oranssia tai purppuraa) plus-painiketta voit lisätä uuden osan. Napsauttamalla määritettyä painiketta saat valintaikkunan, jossa sinua pyydetään valitsemaan kolmesta erityyppisestä osasta: tavallinen, erikoisuus ja täysleveys.

uusi osa

Säännöllisten osioiden avulla voit lisätä rivejä, joissa sarakkeet on järjestetty vierekkäin. Erikoisosastot antavat sinun lisätä monimutkaisemman rivin ja sarakkeen järjestelyn. Täysleveillä osioilla voit lisätä erityisiä täysleveitä kohteita, kuten portfolio, postin liukusäädin, postin otsikko jne.

Voit myös lisätä osan kirjastostasi. Jos olet aiemmin tallentanut osan, löydät sen nyt täältä ja voit lisätä sen sivulle.

Katsotaanpa nyt Divi builder osion asetukset.

Kun viet hiiren elementin päälle, se korostuu ja toimintopalkki näkyy korostetun alueen oikeassa yläkulmassa. Katso seuraava animaatio osion asetusten käyttämisestä Divi builder. 

osion asetukset

Näiden asetusten avulla voit määrittää tietyn elementin. Osaelementtejä varten sinulla on seuraavat:

  • Siirrä osa
  • Osioasetukset
  • Kopioi osa
  • Tallenna osio kirjastoon
  • Poista osio
  • Lisäasetukset
    • Tallenna kirjastoon
    • Jaettu testi
    • Poista
    • Lukita
    • Kopioi osio
    • Kopioi osion tyyli
    • Nollaa osion tyyli
    • Näytä muokattu tyyli
    • Laajenna osion tyyli

Suurin osa näistä vaihtoehdoista on itsestään selviä, mutta mielenkiintoista tässä on jaettu testi vaihtoehto.

Tämä on A / B testaustoiminto, jonka avulla voit suorittaa jaetut testit kaikenlaisille Divi builder elementtejä, riveistä, osioista, sarakkeista ja moduuleista.

Kun kyseessä on Divi vs Elementor A / B-testauksen suhteen, Divi nousee kärkeen. Ainoa tapa tehdä jaettu testaus Elementorilla on käyttää kolmannen osapuolen laajennusta tai palvelua, kuten Google Optimize.

Napsauttamalla rataskuvaketta (osion asetukset), näkyviin tulee valintaikkuna, jossa on lisäasetukset korostetulle osalle.

osion asetusten valintaikkuna

Osioasetusvalintaikkuna sisältää kolme välilehteä: Sisältö, Suunnittelu ja Lisäasetukset. Sisältö-välilehti sisältää valitun elementin sisältöön liittyviä kohteita, kun taas suunnittelu- ja lisäasetukset-välilehti sisältää tyylivaihtoehtoja.

Rivit

Kuten useimpien muiden sivunrakentajien kohdalla, rivit ovat elementtejä, jotka sijaitsevat osiossa. Kun lisäät riviä, sinun on valittava rivimuunnelma. Rivivariantit eroavat toisistaan ​​sen mukaan, kuinka monta saraketta sillä on oletuksena ja kuinka suuri kukin sarake on.

Rivit käyttävät reagoivaa 12 sarakkeen ruudukko

rivin valinta

Jos haluat monimutkaisemman sarakerakenteen, sinun on käytettävä a erikoisosa.

erityisosat

Erikoisosaston rivimuunnelmilla on monimutkaisempi sarakkeiden asettelurakenne, kuten yllä olevasta kuvasta näkyy.

Rivi-asetukset - Kuten osioissa, rivillä on toimintopalkki, kun viet hiiren osoittimen päälle, jolloin voit käyttää tiettyjä valikkokohteita. Siinä on melkein samat asiat kuin osissa, lukuun ottamatta muuta sarakkeen rakennetta vaihtoehto, joka on eksklusiivinen rivielementteihin.

 

muuta sarakkeen rakennetta

moduulit

Moduulit Divi builder lisäät näkyvää sisältöä sivullesi. Moduulit ovat verkkosivuston elementtejä, kuten tekstiä, kuvia, kappaleita, videoita, yhteydenottolomakkeita, karttoja jne.

Mustan plus-painikkeen napsauttaminen käynnistää moduulinvalitsimen valintaikkunan. Kun valitset moduulin, toinen valintaikkuna näyttää valitun moduulin mukaiset asetukset.

Esimerkiksi, jos valitset tekstimoduulin, valitsemallesi alueelle ilmestyy paikkamerkkiteksti.

Valintaikkunan avulla voit muokata itse tekstiä ja lisätä tyylejä, lisätä mukautettuja CSS-tiedostoja jne.

tekstimoduuli

Jokaisella moduulilla on sama valintaikkuna, jonka avulla voit käyttää asetuksia ja mukautusvaihtoehtoja, aivan kuten yllä.

Voit avata moduulin asetuksen viemällä hiiren moduulin päälle, kunnes toimintopalkki tulee näkyviin, ja napsauttamalla sitten ratas / asetuskuvaketta.

moduulin asetukset

Asetusten valintaikkunassa on kolme välilehteä: Sisältö, Suunnittelu ja Lisäasetukset.

  • Sisältö-välilehti sisältää moduulin kokoonpanoasetukset. Tämä vaihtelee moduuleittain.
  • Suunnittelu-välilehti sisältää suunnitteluvaihtoehtoja, joiden avulla voit muuttaa sisällön tasausta, väliä, typografiaa jne.
  • Lisäasetukset-välilehdellä voit käyttää vaihtoehtoja, kuten CSS-lisäasetuksia, siirtymiä jne.

 

Tuomio:

Kuten olemme nähneet edellä, pääsy elementteihin, erityisesti moduulielementteihin, on hieman omituista, koska sinun on napsautettava useita kertoja vain saadaksesi ne.

Toisaalta ehkä yksi parhaista asioista Divi builder's elementit on erikoisrivit. Niiden avulla voit rakentaa monimutkaisen asettelun ja paikannuksen suhteellisen helposti.

Nyt kun olemme nähneet Divi Builder's elementit, katsotaanpa Elementorin elementtejä seuraavaksi Elementor vs Divi builder välienselvittely.

Elementorin elementit: osio, sarakkeet ja widgetit

Kuten Divi, Elementorilla on kolme erilaista elementtiluokkaa: jakso, joka toimii konttina, sarakkeet jotka jakavat osan ja widgetit mitkä ovat todellinen sisältö.

Alla olevassa kuvassa näet tyhjän sivun, joka on jaettu kolmeen osaan.

Yläosa on tyhjä. Toinen osa sisältää kolme saraketta ja alaosa, joka sisältää myös kolme saraketta, keskimmäinen sarake sisältää painike-widgetin.

elementit 2

Elementtien lisääminen sivulle on yhtä helppoa kuin vetämällä ja pudottamalla widget sivupalkista tyhjälle alueelle.

Toisin kuin Divi builder Tämä edellyttää osion ja sarakkeen luomista ennen elementin lisäämistä. Elementorissa voit vain vetää, esimerkiksi, painike -widgetin sivupalkista sivusi tyhjään kohtaan ja olet valmis .

Se luo automaattisesti osan, jossa on yksi sarake, joka pitää valitun widgetin.

lisäämällä elementtejä

Jos muokkaat elementtiä, sivupalkki muuttaa sen sisältöä näyttämään mainitun kohteen sopivat asetukset.

Kuten Divi builder, voit vetää ja pudottaa elementtejä sijoittaaksesi ne sivulle. Voit muokata suoraan sivun mitä tahansa tekstiä napsauttamalla. Voit myös muuttaa sarakkeiden kokoa vapaasti.

Napsauttamalla hiiren kakkospainikkeella mitä tahansa sivun elementtiä saat näkyviin pikavalikon, joka vaihtelee hieman valitun elementtityypin mukaan.

Osa

Osa toimii sarakkeiden ja widgetien säilönä.

Elementorissa on kahdenlaisia ​​osioita, normaali -osio ja sisempi osiossa.

Sisempi osa voi olla vain normaalissa osassa. Sisäinen osa on jonkin verran samanlainen kuin sarakkeet, mutta niissä voi olla useita sisäosia ja useita sarakkeita, joiden avulla voit luoda monimutkaisia ​​asetteluja.

lisäämällä uusia osioita

Osa-asetukset - Vie hiiri minkä tahansa sivun elementin päälle korostamaan osion, johon ne kuuluvat. Korostetun osan yläosassa on pieni valikko.

Tässä pienessä valikossa on kolme kohdetta: Lisää uusi osio (plus-painike), muokkausosa (pisteviiva-alue) ja poisto-osa (x-painike).

osavalikko

Lisää uusi osio lisää uuden tyhjän osan korostettujen osien päälle.

Muokkausosio tuo osioasetukset sivupalkkiin. Voit käyttää tätä myös napsauttamalla hiiren kakkospainikkeella osan tyhjää osaa.

Osioasetuksissa on kolme välilehteä: asettelu, tyyli ja edistynyt. Voit määrittää asettelun ja rakenteen asetukset Asettelu-välilehdessä.

Tyyli-välilehdessä voit määrittää tyylivaihtoehdot ja Lisäasetukset-välilehdessä voit määrittää ylimääräisiä tyylin ja määritteen lisäasetuksia.

osion tyylin lisävälilehti

Pylväät

Sarakkeet jakavat osiot pystysuunnassa. Sarakkeet toimivat widgetien, myös sisäosien widgetien, säilönä.

Kun lisäät uutta osiota, voit valita, kuinka monta saraketta siinä on.

uudet sarakkeet

Sarakkeen asetukset - Pääset sarakeasetuksiin viemällä hiiren osoittamaan saraketta ja napsauttamalla hiiren kakkospainikkeella nyt näkyvää sarakekuvaketta. Eri vaihtoehdot näkyvät, jolloin voit muokata saraketta, kopioida saraketta, lisätä uuden sarakkeen jne.

sarakeasetukset

Muokkaussarakkeen valitseminen muuttaa sivupalkin näyttämään sarakkeeseen liittyvät asetukset. Aivan kuten osioasetuksissa, sillä on myös kolme välilehteä: asettelu, tyyli ja edistynyt.

sarakkeen asetuspaneeli

Asettelu-välilehti sisältää asettelun määritysvaihtoehdot, kuten sarakkeen leveyden, tasauksen jne .; kun taas tyyli ja edistyneet välilehdet ovat suunnilleen samat kuin mitä näet osion asetuksista.

Widgetit

Viimeinen pala Elementor vs Divi -eroihin todellisten elementtien suhteen ovat widgetit.

Widgetit ovat sisältö tai elementtejä (siten Elementor), jota voit käyttää sivuillasi.

Nämä ovat yleisiä asioita, kuten teksti, kuvat, videot, galleriat, painikkeet jne. Widgetin lisääminen on yhtä yksinkertaista kuin vetämällä sivupalkista sivulle tai napsauttamalla plus-painiketta, jolloin widgetin valintapaneeli tulee esiin ja vetämällä ja pudottamalla. .

Widget-asetukset - Widgetin valitseminen muuttaa sivupalkin näyttämään kyseisen kohteen konfiguroitavat vaihtoehdot. Alla olevassa gifissä näet, kuinka kukin elementti näyttää erilaiset vaihtoehdot.

widget-asetukset

Voit käyttää tätä paneelia myös napsauttamalla hiiren kakkospainikkeella elementtiä ja valitsemalla muokkaa [elementin nimi] kohde pikavalikossa.

Lopuksi jokaisella widgetillä on myös tyyli ja edistyneet välilehdet, joita voit käyttää sivupalkin paneelista.

Tyyli-välilehti muuttuu valitun widgetin mukaan. Esimerkiksi kuva-widgeteissä ei ole typografian muotoiluvaihtoehtoja, kun taas teksti-widgeteissä ei ole ulottuvuusasetuksia.

Lisäasetukset-välilehti on sama kuin muissa elementeissä.

Löydä kaikki saatavilla olevat elementit

Globaalit widgetit

Elementorissa on erityinen widget-tyyppi: globaalit widgetit. Voit tallentaa widgetin globaalina widgetinä ja käyttää sitä missä tahansa sivulla tai sivustossa. Voit myös muokata niitä kaikkia kerralla yhdessä paikassa.

Tuomio:

Elementorilla on laajempi valikoima elementtejä verrattuna Divi builder. Koska molemmat tukevat kuitenkin kolmannen osapuolen widget-laajennuksia, se tasoittaa.

Elementor tarjoaa nopeamman tavan lisätä elementtejä sivulle, koska voit vain vetää ja pudottaa ne sivupalkista esikatseluun. The Divi buildertoisaalta edellyttää, että napsautat useita kertoja ennen kuin pääset elementtiin, jonka haluat lisätä.

Aivan kuten edellisessä osassamme Elementor vs Divi -vertailussa, tämä on hyvin lähellä, vaikka Elementorilla saattaa olla pieni etu tässä.

Nyt olemme nähneet käyttöliittymän ja molempien WordPress-laajennusten elementit. On aika nähdä ja vertailla Elementor vs Divi -sivunrakentajien tyylivaihtoehtoja.

Tyylitys Elementor vs Divi

Sekä Divillä että Elementorilla on syvälliset ja edistyneet muotoiluvaihtoehdot, jotka sopivat sekä ohjelmoijille tai verkkosuunnittelun asiantuntijoille että jopa muille.

Kuitenkin tapa, jolla Divi vs Elementor lähestyy tyyliä, on hieman erilainen. Jotkut toisessa saatavilla olevat asiat eivät ole toisessa.

Tässä osassa tarkastelemme syvällisemmin kutakin niiden muotoiluvaihtoehtoa. Elementorimme vs Divi builder ei olisi täydellinen ilman näiden toimintojen perusteellista tarkastelua molemmissa sivunrakentajissa.

Divi Builder Muotoiluvaihtoehdot

Kaksoisnapsauttamalla elementtiä Divi-sivun rakennustyökalussa, olipa kyseessä sitten osio, rivi tai moduuli, esiin tulee asetuspaneeli. Voit käyttää tätä paneelia myös viemällä hiiren osoittimen tietyn elementin päälle, kunnes toimintopalkki tulee näkyviin, ja napsauttamalla sitten rataskuvaketta.

Asetuspaneelissa on kolme välilehteä, sisältö-, muotoilu- ja lisävälilehdet.

- Divi buildermuotoiluvaihtoehdot voidaan määrittää Suunnittelu- ja Lisäasetukset -välilehdillä. Suunnittelu -välilehden avulla voit määrittää typografian, laatikon varjot, marginaalit, animaation, suodattimet jne. Nämä ovat kohteita, jotka voidaan määrittää liukusäätimillä ja syöttönumeroilla.

Niitä on erittäin helppo käyttää myös niille, jotka eivät ole koodereita.

muotoiluvaihtoehdot diville

Edistyneille käyttäjille tai niille, jotka haluavat hallita muotoilua paremmin, voidaan käyttää Lisäasetukset-välilehteä. Täällä voidaan lisätä mukautetut CSS-tunnukset ja luokat, mukautettu CSS-koodi, määrittää näkyvyys jne.

Reagoiva muotoilu

In Divi Builder, voit määrittää eri tyyliasetukset eri laitteille.

Voit esimerkiksi määrittää tekstielementin kirjasimen Verdana-muotoon ja asettaa sen kooltaan 20 kuvapistettä työpöydän laitteille. Voit myös määrittää toisen asetuksen matkapuhelimelle, jolloin siinä on Times New Roman -kirjasin ja 10 kuvapisteen koko.

reagoivia tyylejä

- Divi builderSuunnitteluvaihtoehtojen ansiosta kaikentyyppiset käyttäjät voivat muokata sivujaan laajasti tarpeidensa mukaan.

Elementorin muotoiluvaihtoehdot

Elementin valitseminen Elementor-sivun rakennustyökalussa muuttaa sivupalkin paneelissa näkyvää vastaamaan kyseisen elementin käytettävissä olevia vaihtoehtoja.

Kuten Divi builder, kaikilla Elementorin elementeillä on kolme välilehteä asetuspaneelissaan. Ensimmäinen välilehti sisältää joko Sisältö tai Asettelu, sitten Tyyli ja Lisäasetukset toisella ja kolmannella välilehdellä.

Voit määrittää elementin tyylin Tyyli- ja Lisäasetukset-välilehdillä.

Tyyli-välilehdellä voit määrittää erilaisia ​​tyylivaihtoehtoja, kuten taustavärit, reunukset, typografian jne.

elementorin muotoilujuomat

Lisäasetukset-välilehti sisältää edistyneitä muotoiluvaihtoehtoja, kuten marginaalit, mukautetun CSS-koodin, liiketehosteet, reagoivat asetukset jne.

edistyneitä muotoiluvaihtoehtoja

Reagoiva muotoilu

Sinulla voi olla erilliset tyylivaihtoehdot eri laitteille Elementor Builderissa, aivan kuten Divi.

reagoiva muotoiluvaihtoehto elementor

Elementorin oletusstyling-asetusten hallinta

Oletusarvoisesti Elementorin asentamisen jälkeen sivunrakentajalaajennus käyttää tyylisuunnittelunsa ohittamaan teeman.

Voit poistaa tämän käytöstä siirtymällä kohtaan Elementor > Asetukset WordPress-hallintapaneelista ja poista oletusvärit käytöstä ja poista oletusfontit käytöstä.

Elementor käyttää nyt teeman oletusfonttia ja värejä omien sijaan.

elementor-asetukset

Siellä on myös tyyli-välilehti, jossa voit määrittää useita oletusasetuksia, kuten yleiset oletusfontit, oletussisällön leveys jne.

Tuomio:

Molemmat laajennukset tarjoavat erinomaisen valikoiman muotoilutyökaluja ja vaihtoehtoja, jotka palvelevat kaikkia. Rennot ja koodaamattomat voivat helposti määrittää tyylinsä käyttämällä liukusäätimiä ja muita muotoilutyökaluja, jotka molemmilla laajennuksilla on.

Edistyneet käyttäjät ja verkkosuunnittelijat, jotka haluavat enemmän hallintaa, voivat myös nauttia minkä tahansa näistä kahdesta laajennuksesta, koska molemmat antavat heidän lisätä omat CSS-koodinsa suunnittelun jatkamiseksi.

Nyt olemme nähneet käyttöliittymän, elementit ja tyylivaihtoehdot. On aika tarkistaa mallit ja miten Elementor vs Divi -vaihtoehdot vertailevat toisiaan!

Mallit

Mallien avulla saat sivusi tehtyä paljon nopeammin kuin sinun on suunniteltava kaikki tyhjästä.

Yksi tärkeimmistä sivujen rakentajien ja teemojen elementeistä on nykyään tuotteena saatavana olevien mallien määrä ja laatu. 

Joten katsotaanpa molempien sivujen rakentajien tarjoama runsaasti Divi vs Elemetor -malleja.

Sekä Elementor että Divi builder tarjoaa satoja malleja, joista voit valita. 

Katsotaanpa, miten kahden sivun rakentajat, Elementor vs Divi builder vertailla saatavilla olevien valmiiden mallien suhteen.

Divi Builderasettelut

Divi-sivun rakennustyökalu tarjoaa 122 asettelupakettia valmiita täydellisiä sivustomalleja. Divin ammattikiellossa niitä kutsutaan asetteluiksi.

Ne on jaettu kahteen tyyppiin: asettelupaketti, joka koostuu useista ulkoasuista (useista sivuista) samalla teemalla ja yhdellä asettelulla (eli yhdellä sivulla).

malleja

Asettelupaketit sisältävät useita sivuja, jotka on niputettu yhteen muodostamaan täydellinen kapealla sivusto.

Esimerkiksi paketti sisältää kotisivun, sivun, yhteystietosivun jne. Mallit, jotka kaikki seuraavat yhtenäistä malli- tai teemasarjaa. Yksi asettelu on vain malli yhdelle sivulle.

Voit myös luoda ja tallentaa omia mallejasi, jotta voit käyttää niitä myöhemmin. Voit jopa viedä ne niin, että voit käyttää niitä toisella sivustolla.

Voit esimerkiksi luoda tuotepalvelun aloitussivun, jonka voit sitten ladata ulkoasuista ja käyttää mahdollisesti tarjoamiesi tarjousten yhteydessä.

Elementtimalleja

Elementorin mallit on jaettu kahteen tyyppiin: lohkoihin ja sivuihin.

Ilmainen versio antaa käyttäjille mahdollisuuden käyttää noin 40+ lohkoa ja 30 + sivua, kun taas premium-versio avaa lisää 50+ Pro -widgetiä ja 300+ Pro-mallia.

Katso koko luettelo saatavilla olevista Elementor-malleista / teemoista

Olemme myös tarkastelleet joukon Elementorin teemat ja mallit täällä.

Lohkot ovat yhden osion malleja, jotka voit lisätä sivulle. Siellä on lohkoja

  • yhteydenottolomakkeet,
  • toimintakehotuspainikkeet,
  • UKK,
  • hinnoittelupöydät,
  • salkut,
  • otsikko,
  • palvelut jne.

 

elementor-mallit

Sivumallit ovat miltä ne kuulostavat: koko sivumalli. Vaikka sanoimme, että Elementor premium -käyttäjille on tarjolla yli 300 sivumallia, haluat ehkä tarkista, mikä on saatavilla tänään.

Tämä johtuu siitä, että Elemetor-tiimi luo ja lisää jatkuvasti lisää malleja kirjastoon, emmekä pysty seuraamaan jatkuvasti julkaistavia Elementor-malleja :-)

Ilmaiskäyttäjille vaihtoehtoja on vähemmän, mutta valinta on silti melko hyvä.

sivumallit

Kun Elementor-sivun rakennustyökalumallikirjasto kasvaa jatkuvasti, voit tarkistaa uusimmat lisäykset napsauttamalla sivumallin valintaliittymän vasemmassa yläkulmassa olevaa "uusi" -kuvaketta.

Voit aina tallentaa sivusi mallikirjastoon, jotta voit käyttää niitä myöhemmin. Elementor antaa sinulle myös mahdollisuuden viedä mallit, jotta voit käyttää niitä toisella sivustolla. 

Vaikka sekä Elementor että Divi builder laajennukset tarjoavat laajan valikoiman malleja, tällä hetkellä uskomme, että Divi builder tarjoaa paljon enemmän numeroina.

Tämän lisäksi Divi helpottaa kokonaisen sivuston rakentamista mallipakettiensa ansiosta.

Elementor vs. Divi Builder Mallien voittaja: Divi Builder

Teeman rakentaminen

PÄIVITTÄÄ: Tämän artikkelin edellisessä versiossa vain Elementorilla oli teema-rakennusominaisuus.

Divi 4.0: n julkaisun myötä tämä ominaisuus ei ole enää rajoitettu Elementoriin.

- Divi Builder Lokakuussa 4.0 julkaistu 2019 -merkittävä päivitys keskittyi laitteiden varustamiseen Divi builder tehokkailla teemanrakennustyökaluilla, joiden avulla käyttäjät voivat käyttää elementtejä, moduuleja ja ominaisuuksia rakentaakseen staattisia sivuja, mutta myös dynaamisen ylä-, alatunnisteen ja runkoasettelun. Toisin sanoen kyky rakentaa kokonaisia ​​teemoja.

Olemme päivittäneet tämän osan vastaamaan uusia muutoksia ja asettaneet Elementor vs Divi -teemanrakennusominaisuudet toisiinsa nähdäkseen, pystyykö jälkimmäinen pysymään edellisessä.

Divin teemanrakentaja

Suhteellisen uusi ominaisuus Divi builder, sivunrakentajan avulla voit nyt luoda malleja, joiden avulla voit ohittaa verkkosivustosi otsikon, alatunnisteen ja rungon suunnittelun, asettelun ja jopa käyttäytymisen.

Ominaisuudet ovat monilta osin melko samanlaisia ​​kuin Elementorilla, tämä on ominaisuus, jossa Divi builder on kiinni Elementorista.

Pääset Divin teemanrakentajaan menemällä kohtaan Divi> Teemanrakentaja.

divi-teemanrakentaja

Sieltä voit luoda uuden mallin, viedä mallin tai tuoda mallin ulkoisista lähteistä.

Yksi tämän haittapuolista tämän kirjoituksen aikaan on, että valmiita teemanrakentajamalleja ei ole mahdollista tuoda pilvestä. Sinun on ladattava JSON-tiedosto ulkoisesta lähteestä ja lähetettävä se tuodaksesi valmiiksi rakennetun mallin.

Kun puhutaan valmiiksi rakennetuista teemanrakennusmalleista, on monia paketteja saatavilla ilmaiseksi Divi builder kehittäjät itse, jotka voit hankkia tätä. Etsi hakupalkista "teema-rakennustyökalut" ja löydät ne helposti.

syrjään: Jos haluat saada enemmän näistä pakkauksista, suosittelemme, että vierailet Elegant Themes täältä ja tilaa heidän uutiskirjeensä. He lähettävät jatkuvasti (kirjaimellisesti päivittäin) uusia juttuja, joita voidaan käyttää Divi builder, yksi tilaamistamme arvokkaimmista uutiskirjeistä.

Teemanrakentajalla voit määrittää globaalin mallin, joka ohittaa koko verkkosivustosi ulkoasun ja tunnelman. Voit myös luoda kohdennettuja malleja, joita voidaan käyttää tiettyihin viesteihin, sivuihin ja verkkosivustosi osiin.

uuden mallin luominen

Kun luot uutta mallia, Divi builder kysyy ensin minne haluat käyttää mallia. Voit halutessasi ottaa mallit käyttöön tai poistaa ne käytöstä tietyissä viesteissä tai sivuilla tai jopa tietyissä tunnisteissa ja luokissa.

Kun olet päättänyt, mihin haluat mallisi soveltuvan, voit aloittaa mallin rakentamisen ja suunnittelun. Jos olet määrittänyt yleisen otsikko- ja alatunnistemallin, ne lisätään automaattisesti uuteen malliin.

Sinun tarvitsee vain huolehtia uuden kehon mallin luomisesta. Tietenkin voit lopulta korvata kehon mallin mukautetulla mallilla, jos tarvitset.

Napsauttamalla kumpaakin lisää mukautettu runko, lisää mukautettu otsikko or lisää mukautettu alatunniste painikkeet avaavat pienen ponnahdusvalikon, jonka avulla voit valita useista vaihtoehdoista, kuten esimadatun mallin valitsemisen tai olemassa olevan kopioimisen. Valmiilla malleilla Divillä on valtava valikoima vaihtoehtoja.

Sieltä saat tavanomaisen Divi builder työkaluja ja moduuleja käytettävissänne suunnitellun asettelun rakentamisen aloittamiseksi.

Elementorin teemanrakentaja

Pääset Elementor-teemanrakentajaan WordPress-hallintapaneelin kautta ja siirtymällä kohtaan Mallit > Teemanrakentaja.

Sieltä voit valita, minkä osan teemasta haluat rakentaa. 

Tällä hetkellä voit luoda Elementor-malleja sivuille, osioille, ponnahdusikkunoille, ylätunnisteille, alatunnisteille, yksittäisille viesteille, WooCommerce-sivuille ja arkistoille.

teeman rakentaja

Käytät samaa käyttöliittymää kuin sivuja luodessasi, vain tällä kertaa sivupalkin käytettävissä olevat elementit räätälöidään luotavaan malliin.

Esimerkiksi alla on sivupalkin sisältö muokattaessa otsikkomallia.

teemanrakentajan sivupalkki

Kun olet muokannut teemamallia, voit valita, miten ja milloin malli näytetään.

Tätä osaa varten Divi builder on hieman helpompi käyttää kuin Elementor, koska valintaruutujen avulla voit valita, mihin haluat sisällyttää tai sulkea tietyn mallin, verrattuna siihen, että sinun on napsautettava Lisää Kunto -painiketta ja napsauttamalla avattavaa valikkoa aina, kun haluat lisätä uuden säännön.

Nevertheless, Elementorissa on edelleen hienorakeinen ohjaus, joka on yhtä suuri kuin Divi BuilderN.

Voit sisällyttää ja sulkea pois Elementor-mallisi käyttämällä monimutkaisia ​​ehdollisia sääntöjä. Oletetaan esimerkiksi, että meillä on malli nimeltä A. Voit valita tämän mallin näyttämisen, jos sivu kuuluu luokkaan "tarjoukset" ja jos kirjoittaja on "John Doe" alla olevien ohjeiden mukaan.

Oikein ja luovasti käytettynä tämä Elementorin sääntömoottori voi olla uskomattoman tehokas ja hyödyllinen työkalu. Se antaa sinulle joustavuutta ja mukautuksia erittäin rakeisella tasolla. Tämä riittää varastamaan kruunu teema-rakennusosasta.

Harvalla sivunrakentajalla on tällainen tehtävä, ja tämä on hieno erottelija.

teemanrakentajan asetukset

Ja siellä sinulla on Elementorin teemanrakentaja.

Elementor vs Divi Theme Builder -voittaja: Elementor

Seuraava osa Elementor vs Divi -artikkelissamme on, kuinka niiden hinnat verrataan.

Hinnoittelu

 

Päätös Elementorin ja Divi Builder rehellisesti kaikki riippuu hinnoittelusta.

Yksi on täysin järkevää yhdelle ryhmälle ja kirjaimellisesti 0 järkeä toiselle. Kuten ”valaisit tuhansia dollareita tulessa” -tunnetta.

Hyppää vain sisään:

 

Elementorin hinnoittelu

 

elementorin hinnoittelu 

Elementorin hinnoittelu alkaa 49 dollaria vuodessa yhdelle sivustolle ja aina 999 dollariin vuodessa 1,000 sivustolle. Kaikki ominaisuudet ja lisäominaisuudet sisältyvät jokaiseen suunnitelmaan.

Mutta syy siihen, että se on niin suosittu, johtuu siitä, että sen mukana tulee ILMAINEN SUUNNITELMA.

Ja toisin kuin melkein jokainen siellä oleva "fake freemium" -työkalu, joka antaa sinulle vain toiminnallisen käytönless ilmainen versio, joten sinun on pakko päivittää, Elementorin ilmainen suunnitelma riittää todella luomaan kauniita sivuja.

Vakavasti, voit luoda kauniita, ammattimaisia ​​sivuja 100% ilmaiseksi. Jos haluat hyvää kamaa, sinun on tietysti päivitettävä. Mutta ilmainen suunnitelma sisältää yli 40 widgetiä ja yli 30 mallia.

Se on paljon.

Pro Vihje: Jos sinulla on useampi kuin yksi sivusto, siirry vain Expert-lisenssillä get-go-palvelusta. Jos rakennat verkkosivustoja asiakkaillesi ja haluat sivujen rakentajan, suosittelemme yleensä hankkimaan Expert-lisenssin ja veloittamaan sitten jokaiselta asiakkaalta Advanced-lisenssin hinnan.

Tämän avulla voit saavuttaa kannattavuuden jo kahden sivuston jälkeen. Siitä lähtien saat jokaisesta asiakkaasta 2 dollarin bonuksen.

Napsauta tästä saadaksesi alimman hinnan Elementorilta

Divi Builder Hinnoittelu

Divi hinnoittelu

Toisin kuin Elementor, Divi Builder ei ole saatavilla ilmaista versiota, mutta he on demo, johon pääset. Voit kokeilla sitä itse ennen ostamista. 

Divin hinnoittelu tekee siitä virastoille vaivatonta.

Olemme työskennelleet Elegant Themes ja ovat saaneet pääsyn rajoitettuun 10%: n alennukseen Divi Builder varten CollectiveRay kävijöitä, kuten alla. Kun otetaan huomioon hinta ja alennus, joka on voimassa vain asti syyskuu 2021, suosittelemme, että käyt koko käyttöiän ajan - se ei ole järkevää.

Vain 249 dollaria (224 dollaria alennuksellani) saat elinikäisen pääsyn Divin ominaisuuksiin, tukeen ja yhteisöön kaikilla sivustoillasi pysyvästi.

Tämä tarkoittaa, että saat:

  • Jokainen teema heillä on
  • Rajoittamaton käyttö rajoittamattomille verkkosivustoille
  • 800+ verkkosivustopakettia
  • Sivun rakennustyökalu
  • Mainostyökalut
  • Testausvälineet

 

Ja kymmeniä muita hämmästyttäviä ominaisuuksia vain 224 dollaria koko elämän ajan. Ei tarvitse uusia. Ei tarvitse huolehtia päivityksistä (lisää siitä seuraavassa). Ei stressiä. Napsauta, maksa ja käytä ikuisesti. Voit vapaasti valita toisen sivunrakentajan, mutta älä valita, kun käytät satoja enemmän kuin tarvitset LESS toiminnallisuutta.

Onko se kallista, jos sinulla on 1 tai 2 sivustoa? Joo. Onko se mielettömän halpaa, jos sinulla on satoja sivustoja kaikille asiakkaillesi?

NO.

HUOMAUTUS: Divi on vain 80 dollaria vuodessa alennuksellani, mutta jos olet yritys, säästät rahaa vain ostamalla käyttöoikeuden nyt. Jos olet liiketoiminnassa 10 vuotta, se on 800 dollaria. Jos ostat käyttöiän nyt, se on 224 dollaria. Se ei ole järkevää.

Saat 10% ALENNUKSEN Divi Builder asti syyskuu 2021


Elementor vs. Divi Builder Hinnoittelu Tuomio:

Elementor on täydellinen aloittelijoille budjetilla ja yrityksille, joilla on yksi verkkosivusto. Mutta vuotuinen hinnoittelumalli maksaa sinulle satoja tai jopa tuhansia dollareita enemmän yrityksesi elinkaaren aikana.

Divin kertaluonteinen käyttöikäsuunnitelma on täydellinen toimistoille ja suuremmille toiminnoille. Sanon tämän kuitenkin. Saatat olla pienempi operaatio nyt, mutta kuka tietää 1, 3 tai 5 vuoden kuluttua. Jos sinulla ei ole elinikäistä pääsyä rajoittamattomille sivustoille, skaalaus voi olla erittäin vaikeaa.

Varoituksen sana: Älä jätä sivustoasi avoimeen hakkerointiin ja vaaranna yritystäsi

Anteeksi, mutta minulla on toinen nopea tarina siitä, kuinka yritin tehdä pikakuvakkeen, ja se melkein maksoi minulle kalliisti.

Tämä tapahtui, kun yritimme välttää Elementorin tilauksen maksamista.

Ajattelimme, että olisi hyvä idea tehdä yhden vuoden tilaus Plus-kerroksesta emmekä sitten uusia. Loppujen lopuksi, kun sivusto on perustettu, emme tarvitse enää päivityksiä ja tukea, eikö ??

VÄÄRÄ. Päivitykset ovat ehdottoman tärkeitä!

Äskettäin Elementor Prossa havaittiin haavoittuvuus. 

Tämä haavoittuvuus jätti sivustot alttiiksi hakkeroinnille. 

Elementor korjasi sen heti. Oli vain yksi ongelma ...

On käynyt ilmi, että ilman aktiivista tilausta emme voineet saada päivityksiä.

Joten sivustoistamme tuli istuvia ankkoja. Muista, että tämän haavoittuvuuden kautta hakemattomia sivustoja vastaan ​​hyökättiin ja hakkeroitiin.

Joten 100 dollarin uusintamaksujen säästämiseksi menetimme melkein sivustomme ja joukon asiakkaita heidän kanssaan.

Siksi nopea sana neuvoja. Älä koskaan anna tilauksesi vanhentua joko Elementorille tai Diville (siksi suosittelemme aina ELINIKÄISEN TILAUKSEN). 

Siksi, jos sinulla on enemmän kuin yksi sivusto, vain aina tilaa elinikäinen tilaus! Se säästää niin paljon aikaa, rahaa ja stressiä.

 

Suosittelut - Mitä muut käyttäjät sanovat

Suosioillaan molemmat Divi Builder ja Elementorilla on tuhansia, jopa kymmeniä tuhansia käyttäjiä. Hienoa, että Elementor vs Divi builder, molemmat ovat erittäin arvostettuja.

Tarkista esimerkiksi Elementor-sivun rakennustyökalun luokitukset WordPress-hakemistosta:

elementor-sivunrakentajan ilmaiset arvosanat

Eri ihmisillä kehittäjistä rentoihin käyttäjiin on ollut kokemusta jommastakummasta tai molemmista, ja monilla suurilla WordPress-persoonallisilla on oma mielipiteensä ja ajatuksensa näiden laajennusten suhteen.

Löydät monia käyttäjien arvosteluja ja suosituksia Elementorille virallisesta WordPress -laajennuksen arkistosta. Divi buildertoisaalta on monia arvosteluja ja suosituksia Trustpilotissa.

Mitä ihmiset sanovat Divi Builder

Kanssa Divi builder, ihmiset ylistävät aina tukitiimiään, useimmat 4 ja 5 tähden arvostelut mainitsevat aina, kuinka hyvä heidän tukensa on. Siksi, vaikka Divi builder voi olla hieman vaikeampaa käyttää kuin Elementoria, heidän tukitiiminsä on valmiina tukemaan sinua.

tarkastelu 1

"Elegant Themes Divi Builder ja teema on mahtava. Etsin korkeaa ja matalaa teemaa, jolla on vankka käyttöliittymäeditori/sivunrakentaja, tuhlaamalla rahaa moniin heikkolaatuisiin teemoihin. Kun löysin vihdoin Divin, tiesin, että se oli minulle teema, ja käytän sitä nyt markkinointitoimistossani asiakkaan verkkosivustojen rakentamiseen, koska se toimii niin hyvin. Heillä on myös mahtavaa tukea, jotka ovat asiantuntevia ja valmiita auttamaan sinua verkkosivujen räätälöinnissä. ”

tarkastelu 2

"Olen ollut jäsen Elegant themes jo muutaman vuoden ja rakastan sitä todella. Olen tehnyt mahtavia verkkosivustoja asiakkaille käyttämällä heidän loistavia teemojaan ja laajennuksiaan, enkä koskaan näe itseäni käyttämässä mitään muuta. Asiakaspalvelu on vertaansa vailla, he vastaavat nopeasti ja neuvot ovat täysin luotettavia. Erinomainen seura. ”

Mitä ihmiset sanovat Elementorista

Elementorin käyttäjät ylistävät, kuinka se on yksi markkinoiden parhaista ilmaisten sivujen rakennustyökaluista ja kuinka helppoa on käyttää sitä, ettei edes aloittelijoilla ole mitään ongelmia sen käyttämisessä.

tarkastelu 3

"Olen uusi laajennuksen käyttäjä, mutta en voi tarpeeksi korostaa, kuinka helppoa laajennus on asentaa ja sen tarjoamat aikaa säästävät ominaisuudet!"

tarkastelu 4

"Uusi WP: ssä, mutta Elementor on yksi supersivujen rakentaja. Se todella tekee web -kehityksestä nopeampaa ja paljon less turhauttavaa. Lisäksi se tekee kaunista työtä. Yksi ominaisuuksista, joita todella rakastan, on mahdollisuus palata aiempiin versioihin, kun minä tai tietokone ruuvaamme jotain. Voit palata edelliseen muutokseen tai kaikkiin tämän istunnon muutoksiin tai tallennettuihin muutoksiin. Rakasta lohkokonseptia! Voisi käyttää enemmän lohkomalleja. Elementor -mallien luominen on niin helppoa ja helppokäyttöistä. Toivon, että siellä olisi PHP -widget. Haasteena on pysyä mukana kaikissa uusissa parannuksissa, kun niitä esitetään usein. Yritän aina parantaa tätä hyvää tuotetta. Jatkakaa hyvää työtä kaverit! "

Kääriminen: Elementor vai Divi?

Olemme tulossa Elementor vs Divi builder tarkistaa, mutta muutamia asioita haluaisimme tarkastella uudelleen. Mihin meidän pitäisi mennä, vai pitäisikö meidän valita jotain aivan muuta, kuten Beaver Builder?

Divi Builder ja Elementor tarjoavat laajan valikoiman ominaisuuksia, joiden avulla voit luoda kauniita sivuja helposti. Molemmat sivunrakentajat ovat keskittyneet helppokäyttöisyyteen.

Vaikka niillä on paljon yhtäläisyyksiä, niiden käyttöliittymät ovat melko erilaisia. Elementor tarjoaa helppokäyttöisyyden tarjoamalla sivupalkin, joka sisältää työkalut ja vaihtoehdot, kun taas Divi näyttää yksinkertaiselta näyttämällä mahdollisimman vähän käyttöliittymäelementtejä.

Mitä tulee oletusmallien määrään, Divi builder tarjoaa enemmän vaihtoehtoja verrattuna Elementoriin, mutta molemmilla laajennuksilla on tuonti- ja vientivaihtoehto, jonka avulla voit lisätä kymmeniä kolmannen osapuolen malleja muista lähteistä.

Hinnoittelun kannalta Elementor on kalliimpi kuin Divi builder koska jälkimmäisellä on elinikäinen lisenssi ja rajoittamaton sivuston käyttö.

Elementorin toisaalta enimmäishinta on 199 dollaria vuodessa, joten voit käyttää sitä tuhannelle sivustolle. Elementorilla on kuitenkin ilmainen versio, joka tarjoaa silti tehokkaan työkalupaketin ja jopa malleja, joiden avulla voit luoda kauniita sivuja.

Koodin puhtaus

Mitä tulee koodin puhtauteen, Elementor jättää jälkeensä puhtaan ja kelvollisen HTML -koodin, jos poistat sen käytöstä. Divi buildertoisaalta jättää sivuille joitain pikakoodeja, jotka on hieman korjattava, joten se lukitsee sinut hieman.

Ottaen kuitenkin huomioon, että heillä on elinikäinen lisenssivaihtoehto, se on eräänlainen perusteltu. Voisimme päätellä, että he haluavat sinun liittävän sivustosi Divi-ekosysteemiin ostamalla heidän elinikäisen lisenssivaihtoehtonsa.

Suorituskyky

Viime aikoihin asti Elementorin ja Divin välillä ei ollut paljon valittavaa suorituskyvyn suhteen. Kaikki muuttui Divin uusin päivitys.

WordPress -teeman uusi päivitys tarkoittaa, että se on nyt kevyempi ja nopeampi kuin koskaan ennen.

Joukkue on muuttunut paljon kannen alla. CSS on vähentynyt 94%, Divi käyttää nyt dynaamisia CSS -tiedostoja ja älykkäitä tyylejä vain CSS: n lataamiseen tarkasteltavalle sivulle ja päällekkäisyyksiä on vähennetty kaikkialla.

Muita suorituskyvyn parannuksia Divissä ovat dynaamisen PHP: n käyttöönotto virtaviivaistamaan käsittelyä, JavaScript -optimoinnit, Gutenbergin tyylitaulukon lykkäys, jQuery -lykkäyksen välimuisti Google Fontsille ja sisäiset tyylitaulukot.

Divi saa nyt 100 pistettä Google PageSpeed ​​Desktopilla ja 99 Google PageSpeed ​​Mobilella!

turvallisuus

Turvallisuuden osalta Elementorilla on ollut useita vakavia turvallisuusongelmat aiemmin, mutta niitä lievennettiin ja ratkaistiin helposti. Divi builder on kokenut vakavan turvallisuusongelman myös tammikuussa 2020.

- Divi builder ja teema kokivat päivityksen vaativan injektiohaavoittuvuuden.

Tämä johtaa yksinkertaiseen johtopäätökseen, riippumatta toimittajan koosta, haavoittuvuudet ovat aina mahdollisia. Tärkeintä on myyjä reacts tällaiseen haavoittuvuuteen. Molemmat toimittajat ovat reagoineet erittäin kypsästi haavoittuvuuteen.

Teemanmuodostuskyky

Kun tämä artikkeli kirjoitettiin ensimmäisen kerran, Divi builder ei vieläkään ollut teemanrakennusominaisuutta. joten suosittelimme aiemmin Elementoria, jos tarvitset teemanrakennusominaisuuksia.

Mutta mikä on tilanne näinä päivinä Divi vs Elementorin teemarakennuksessa?

Vaikka Divi builder ennen Elementorilla oli edelleen etu tällä alueella. Tämä johtuu siitä, että alkuperäinen ominaisuus on lähes aina parempi integroinnin ja yhteensopivuuden kannalta. Kolmannen osapuolen laajennukset voivat harvoin kilpailla alkuperäistä ominaisuutta vastaan.

Mutta kaikki muuttui, kun Divi 4.0 julkaistiin. Päivitys antoi Divi builder kaivattua teemanrakennusominaisuutta.

Tässä vaiheessa sekä Divi builder ja Elementorissa on samat ominaisuudet.

Mukauttamisen ja hallinnan suhteen Divillä ja Elementorilla on hyvin pieni ero näiden kahden välillä.

Molemmat tarjoavat tehokkaita teemanrakennusominaisuuksia hienorakeisilla säätimillä, joiden avulla voit rakentaa ja suunnitella verkkosivustoasi haluamallasi tavalla. Voit rakentaa ne kaikki staattisista sivuista mukautettuihin otsikoihin, alatunnisteisiin ja rungon asetteluun!

Joten kuka voittaa tämän Elementorin vs Divi builder vertailu?

On yksi asia, joka tekee Divi builder parempi tuote kokonaisuudessaan ja ottaa edun: Divi -teema. Divi on kahdessa muodossa: teema ja laajennus. Käytät laajennusta, jos haluat käyttää Divi builder kolmansien osapuolten teemoilla. Muussa tapauksessa valitsisit teeman käytön.

Miksi se on tärkeää? Integrointi ja yhteensopivuus.

Jos valitset teeman, sinulla ei ole nolla yhteensopivuusongelmia.

Elementorilla on oma teema, mutta kun verrataan sitä Divi-teemaan, ei ole mitään vertailua.

"Hello Elementor" -teema on barebones, ja se on tarkoitettu edistyneille käyttäjille ja kehittäjille, jotta he voivat kehittää sitä edelleen. Jos haluat monipuolisen Elementor-teeman, sinun on asennettava kolmannen osapuolen tuote.

Voisit harkita käyttöä Astra tässä tapauksessa - Elementor-teema.

Ja vaikka siellä on monia teemoja, jotka on kehitetty Elementoria ajatellen, joko Elementorin tai teeman uudemmat päivitykset ja ominaisuudet saattavat rikkoa yhteensopivuuden ja integraation.

Sinun on odotettava, kunnes kehittäjät korjaavat mahdolliset virheet ja yhteensopimattomuudet. Ja kuten kaikkien yhteensopimattomuuksien kohdalla, on olemassa pieni mahdollisuus menettää osa tai kaikki nykyiset työt.

Älä ymmärrä meitä väärin, molemmat ovat vankka ratkaisu teemojen rakentamiseen, mutta emme voi sivuuttaa sitä, että Divi on monipuolinen teema että sivunrakentaja, joten Divi voittaa pienellä marginaalilla teemarakennusluokassa.

Suurimmat erot teemarakentamisessa

Yksi suurimmista eroista Elementorin ja Divin teema-rakennusominaisuuden välillä on editori. Käyttökokemuksessa on melko ero, lopulta se, jonka haluat, kokee kokemuksen ja henkilökohtaisen mieltymyksen.

Kun muokkaat otsikkoa, alatunnistetta tai mukautettua rungomallia Divi builder, editori keskittyy vain kyseiseen verkkosivustosi alueeseen. Esimerkiksi kun muokkaat mukautettua otsikkoa, näytölläsi näkyy vain otsikkoalue.

kaksi mukautettua otsikkomuokkainta

Elementoria käyttämällä sinulla on näkymä koko verkkosivustosta riippumatta siitä, muokkaatko otsikkoa, alatunnistetta vai rungon asettelua.

Näet alla, että otsikkoalueen lisäksi näkyy myös sisältöalue. Jos vierität alaspäin, näet myös alatunnistealueen (ne ovat kuitenkin vain luku -tilassa).

elementorin mukautettu otsikkomuokkain

Tältä osin voimme sanoa, että Divi builder keskittyy häiriöttömään muokkaamiseen, kun käytät Elementoria, näet koko kuvan milloin tahansa.

Emme ole tietoisia tavasta siirtyä häiritsemättömän ja koko sivun esikatselun muokkaustilojen välillä kummassakin sivun rakennustyökalussa, joten jos haluat, se voi vaikuttaa lopulliseen valintaan.

Tämä on parannus, jonka sekä Elementor että Divi -sivunrakentajat voivat lopulta lisätä: anna käyttäjille valita häiriötön ja koko sivun esikatselun muokkausvaihtoehdot.

Lue lisää: WP Bakery vs Divi - täydellinen vertailu.

Usein kysytyt kysymykset

1. Mikä on Divi?

Divi on sekä sivunrakentaja että WordPress -teemayhdistelmä. Se on täysi monikäyttötuote, jota voidaan käyttää kaikenlaisten verkkosivustojen rakentamiseen tyhjästä riippumatta, olipa kyse sitten verkkokaupasta, markkinarakoihin perustuvasta tai toimialakohtaisesta tai salkusivustosta. Sen tuottaa Elegant Themes ja se on yksi suosituimmista WordPress -tuotteista ja sitä on myyty yli 700,000 XNUMX kertaa.

2. Mikä on Elementor?

Elementor on yksi suosituimmista WordPress-sivujen rakentajista. Vaikka se ei ole teema, sillä on myös tehokkaat teema-rakennusominaisuudet. Elementoria käytetään tyypillisesti yhdessä teeman kanssa mukautettujen viestien ja sivujen luomiseen vedä ja pudota -ominaisuuksien avulla. Elementorilla on ilmainen ja maksettu versio. Ilmaisen version ansiosta ja viime vuosina se on miljoonia aktiivisia asennuksia.

3. Mitä eroa on Divillä ja Divi builder? 

Divi on WordPress -teema, Divi builder on vedä ja pudota -editori tai sivunrakentaja, joka on osa Divi -teemaa. Todellisuudessa sinun ei tarvitse tehdä eroa niiden välillä, koska ne toimivat saumattomastilessly yhdessä.

4. Voinko käyttää Divia useilla sivustoilla?

Kyllä, kun ostat Divin hintaan 89 dollaria, voit käyttää tätä rajoittamattomilla sivustoilla, mutta saat tukea ja päivityksiä vain yhden vuoden ajan. On 1 dollarin versio, jolla on rajoittamaton käyttöikä sivustoilla, rajoittamaton tuki ja päivitykset.

5. Onko Elementor paras sivunrakentaja?

Elementor on paras sivujen luoja tällä hetkellä. Vaikka tämä on subjektiivista eikä se välttämättä sovi kaikille, uskomme vakaasti, että mikään sivunrakentaja ei yksin pysty vastaamaan ominaisuuksiinsa. Tämä ei tietenkään tarkoita, että se sopii kaikille. Divi sen teema + sivu-rakennustyökalulla on erinomainen vaihtoehto myös monille ihmisille.

6. Onko Divi parempi kuin Elementor?

Se riippuu. Joillekin ihmisille, jotka eivät halua ostaa erillistä teemaa ja sivunrakentajaa, Divi voi antaa enemmän arvoa. Jos aiot rakentaa vain yhden verkkosivuston, uskomme, että Divi on loistava valinta. Jos aiot rakentaa useita sivustoja tai olet kehittäjä tai suunnittelija, Elementor saattaa olla parempi, koska se on yhteensopiva useamman teeman kanssa.

7. Työskentelevätkö Divi ja Elementor Gutenbergin kanssa?

Kyllä, sekä Divi että Elementor toimivat hyvin Gutenbergin kanssa. 

Elementor vs. Divi Builder: Lopulliset ajatukset

Joten mikä on lopullinen tuomio Divi vs Elementor -sivunrakentajasta? 

Loppujen lopuksi sekä Divi että Elementor ovat erinomaisia ​​sivunrakentajia. Se riippuu liiketoiminnastasi ja tavoitteistasi.

Jos tarvitset yhdelle sivustolle helpoimman rakennuttajan tai tarvitset ILMAISEN suunnitelman - valitse Elementor.

Jos olet toimisto, jolla on paljon sivustoja ja sinun on rakennettava satoja sivuja, valitse Divi. Siihen on syy, että kaikki vakavat virastot ja yritykset käyttävät Divin käyttöikää koko eliniän ajan: Se on paras arvo yritykselle.

Kiitos lukemisesta! Hyvää rakennusta!

 

Hanki Divi nyt   Hanki Elementor nyt

kirjailijasta
David Attard
Kirjoittaja: David AttardVerkkosivu: https://www.linkedin.com/in/dattard/
David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...