Beaver Builder vs. Elementor - perimmäinen opas ja vertailu (2021)

Beaver builder vs Elementor

Mitkä ovat kaksi WordPressin suosituinta sivunrakentajaa? Jos etsit a Beaver Builder vs. Elementor -vertailu, tiedät jo, nämä ovat kaksi parhaista tuotteista siellä! Loppukäyttäjänä, joka haluaa pystyä suunnittelemaan verkkosivustosi itse, olemme varmoja, että tiedät, että nämä laajennukset ovat yksi parhaista vaihtoehdoista käytettävissä olevien vaihtoehtojen joukossa.

On kuitenkin joitain erot joista sinun on tiedettävä ennen valintasi tekemistä. Molemmilla tuotteilla on vivahteitaan, jotka voivat vaikuttaa päätöksentekoon.

Koska kun teet päätöksen, olet lähinnä siinä pitkän matkan, ei ole (melkein) mitään paluuta. Oikean valinnan tekeminen on kriittistä! 

Sinun on varmistettava, että valitset tarpeidesi ja mieltymystesi mukaisen sivun rakennustyökalun.

Esimerkiksi, jos luot sivuja yhden sivun rakennustyökalun avulla ja päätät sitten vaihtaa toiseen, sisältösi säilyy, mutta lopputuloksena on sotkuinen asettelu ja lyhytkoodit hajallaan kaikkialle. Voi olla hyvin tylsiä ja aikaa vievää kaiken uudelleen rakentaminen.

Käymme läpi molempien laajennusten ominaisuudet ja vertaamme niitä, jotta voit tehdä oikean päätöksen.

Mutta sinulla saattaa olla mielessäsi kysymys juuri nyt.

Jos käytät sivunrakentajalaajennuksia, sivustosi toimii riippuvainen miksi käyttää sitä ollenkaan? Keskustellaan siitä nopeasti seuraavassa osassa. Jos olet innokas aloittamaan vertailun, voit hypätä eteenpäin Elementor vs Beaver Builder osissa.

Tämä Beaver Builder vs Elementor -laajennuksen artikkeli on päivitetty vuonna syyskuu 2021 lisäämällä asiaankuuluvaa ja tärkeää tietoa ja päivityksiä, kun molemmille tuotteille kehitetään ja julkaistaan ​​uusia ominaisuuksia. Voit olla varma, että tämä artikkeli sisältää uusimmat, puolueettomat tiedot.

Beaver Builder vs Elementor

Elementori ja Beaver Builder ovat molemmat tehokkaita työkaluja sivustojen suunnittelussa. Elementorilla on ilmainen versio, mutta PRO -versio (49 dollaria) on se, jossa se loistaa laajalla joukolla elementtejä ja mallikirjastoa. Beaver Builder on edelleen loistava vaihtoehto yksinkertaisuuden ja houkuttelevan hinnan (99 dollaria) kautta.

  elementorin logo beaver builder logo
Yleinen  5 / 5  4.5 / 5
Voittaja 🏆  
Hinta $ 49 $ 99
Ilmainen versio Kyllä Kyllä
Reaaliaikainen toimittaja Kyllä Kyllä
Käyttöliittymä / taustakuva molemmat molemmat
Kohderyhmä Kehittäjä / Suunnittelija / Käyttäjä / Agentti Web-kehittäjä / Suunnittelija
Tuetut elementit 80 +  31 
Puhdas koodi Kyllä Kyllä
Valmiit mallit / asettelut 300 + 50 +
Viileä ominaisuus Dynaaminen sisältö Majava Themer
Suorituskyky
Mitä pidimme  Erittäin tehokas ratkaisu minkä tahansa tyyppisen suunnittelun luomiseen  Yksinkertainen 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    Kalliimpaa kuin muut sivunrakentajat
     Ei kumoa, tee uudelleen tai historiavaihtoehtoja
Verkkosivu Käy Elementorin sivustolla Vierailla Beaver Builder 

Mikä on sivun rakennustyökalu?

Sivunrakentajat lupaavat tehdä sivustosi suunnittelusta paljon helpompaa ja helpompaa less monimutkainen. Pohjimmiltaan nämä työkalut varmistavat, että et tarvitse teknistä tietämystä HTML-, CSS- tai JavaScript -asioista.

Niiden avulla voit rakentaa ja suunnitella sivuja, jotka näyttävät tarkalleen (tai ainakin mahdollisimman lähellä) kuin mitä olet suunnitellut, ilman että sinun tarvitsee sekaantua mihinkään koodiin.

Tämä on vastoin sitä tapaa, joka oli muutama vuosi sitten normi, olimme ohjelmoija tai ainakin hyvä verkkotekniikan tuntemus oli välttämätöntä verkkosivuston kehittämiseksi!

Näiden tuotteiden myötä tarve palkata web-kehittäjiä näyttää olevan tullut kaukainen ajatus tai täysin tarpeeton.

Todellisuudessa näin ei ole.

Verkkokehittäjät ja suunnittelijat ovat edelleen parhaat vaihtoehdot täysin räätälöityihin ratkaisuihin. Tämä ei tarkoita, että sivunrakentajille ei ole tilaa. Molemmilla on käyttötapauksensa.

Sivunrakentajat voivat itse asiassa tehostaa web-suunnittelijoita.

Tärkeintä on, että verkkosivujen suunnittelijat ja sivujen rakentajat jatkavat rinnakkaiseloa lähitulevaisuudessa. Monet kehittäjät ja suunnittelijat käyttävät sivujen rakentajia verkkosivustojen rakentamiseen asiakkailleen.

Verkossa on monia artikkeleita, keskusteluja ja keskusteluja tästä aiheesta, jos haluat syventää web-suunnittelijoiden palkkaamisen ja sivunrakentajan laajennuksen välisiä eroja.

Mutta toistaiseksi olemme poikkeavat.

Koska tämän artikkelin painopiste on Beaver Builder vs. Elementor, puhumme hieman siitä, miksi haluat käyttää sivunrakentajaa sen sijaan, että palkkaisit ammattimaisen web -suunnittelijan.

Miksi käyttää sivujen rakennustyökalua lainkaan?

On monia syitä, miksi haluat käyttää sivunrakennuslaajennusta:

Täydellinen paketti

Ensinnäkin sivunrakentaja on kuin all-in-one-laajennus. Heillä on painikkeet, diaesitykset, yhteydenottolomakkeet, galleriat, sisältöverkot, sosiaalisen jakamisen painikkeet jne. Kaikki yhdessä paketissa. Jos et käytä sivun rakennustyökalua, sinun on asennettava sen sijaan useita laajennuksia, yksi kutakin tarvetta varten.

Vaatimusten kasvaessa saatat joutua asentamaan melko paljon erilaisia ​​laajennuksia. Ja jos päätät käyttää premium-laajennuksia, lisenssimaksut alkavat kasvaa.

Ja sitten on kysymys parhaiden laajennusten tutkimisesta sekä huoltotyö, joka liittyy niin monien laajennusten asentamiseen.

Yksinkertaisesti sanottuna sivunrakentajat ovat kätevä ja halvempi kokonaisuutena.

elementtejä

Mallit ja asettelut

Seuraava syy on ilmeisin ja on myös ensisijainen syy, miksi haluat asentaa WordPress-sivunrakentajan: kauniit mukautetut mallit ja asettelut.

Vaikka voimme saada ensiluokkaisia ​​teemoja, jotka tarjoavat meille monia mukautusominaisuuksia ja -vaihtoehtoja, useimmiten ei ole paljon teemoja, jotka täyttävät KAIKKI suunnitteluvaatimuksemme.

Suurin osa heistä osuu "suurimpaan osaan" tarpeistamme.

Luulet aina, että jotain puuttuu tai "toivon, että voisin tehdä tämän tai sen."

Ratkaisu? WordPress -sivujen rakentajat pitävät Beaver Builder ja Elementorin rakentaja.

Sivun rakennustyökalulla rakenteilla ei ole rajoituksia. Voit mukauttaa sivujasi haluamallasi tavalla ja joissakin tapauksissa jopa koko teeman.

On myös valmiita malleja, jotka helpottavat elämääsi. Nämä ovat täysin kehitetyt sivustot ja sivut, joka sinun tarvitsee vain mukauttaa sisältösi kanssa.

Asettelumallit

Ei tarvitse tietää kuinka koodata

Vaikka voit tehdä sivujen rakentajista vieläkin parempia luomalla räätälöityjä malleja tietäen kuinka kirjoittaa HTML- ja CSS-koodeja, se ei ole välttämätöntä.

Useimmat sivunrakentajat, kuten Elementor ja Beaver Builder plugin, mukana vedä ja pudota -käyttöliittymä, jonka avulla voit helposti rakentaa sivuja tietämättä, mitä a tunniste tekee.

Nyt tämä on poissa tieltä, jatketaan vertailua Beaver Builder vs Elementor -sivun rakentajat.

Elementor vs. Beaver Builder: Käyttöliittymä

Yksi tärkeimmistä asioista, jotka on otettava huomioon sovellusta tai ohjelmistoa valittaessa, on käyttöliittymä. Vaikka kyse on lähinnä henkilökohtaisista mieltymyksistä, voi olla vaikeaa käyttää sovellusta, jonka käyttöliittymä ei ole tottunut tai ei.

Sen on oltava sekä helppokäyttöinen että parantava tuottavuuttasi.

Joten aiomme tarkastella molempien laajennusten "kasvoja" tai pikemminkin käyttöliittymiä.

Pelkästään käyttöliittymä ei tee laajennuksesta hienoa. Huomioon on otettava myös muita asioita, kuten ominaisuuksien ja moduulien saatavuus, joten muista lukea loppuun asti ennen päätöksentekoa.

Mutta tietysti ulkoasu ja tuntemus sekä käyttökokemus sivuston rakentamisesta sen kanssa voivat tehdä tai rikkoa tuotteen.

Aloitetaan Elementorin käyttöliittymästä.

Elementorin käyttöliittymä

Elementorin käyttöliittymä on jaettu kahteen pääosaan. Vasemmalla oleva sivupalkki ja sivustosi / sivusi live-esikatselu.

Vierailemalla voit ladata Elementorin ilmaisen version

Se toimii lohkojen käsitteen kanssa, jonka näet toiminnassa tässä 1 minuutin videossa:

VRoPdyk 97 mg

 elementor-käyttöliittymä

Sivupalkki sisältää WordPressin widgetit ja elementit, joiden avulla voit rakentaa sivusi, sekä säädettävät asetukset.

Voit lisätä elementtejä sivuillesi vetämällä ja pudottamalla ne live-esikatseluun. Lisäsimme esimerkiksi ylimääräisen otsikon esimerkkisivustollemme:

vedä ja pudota elementoria

Tekstin muokkaaminen on helppoa. Napsauta mitä tahansa sivustosi tekstielementtiä ja muokkaa sitä suoraan.

tekstin muokkaus elementor

Voit myös muokata tekstiä sivupalkin kautta.

tekstin muokkauselementti tai sivupalkki

Lopuksi voit käyttää alareunassa lisäasetuksia.

elementor enemmän käyttöliittymää

 

  • Yleiset asetukset - tässä voit nähdä tietoja nykyisestä WordPress-sivusta, kuten sivun otsikon, esitetyn kuvan, julkaisutilan ja muut.
  • Suunnistaja - Tämän napsauttaminen tuo esiin ponnahdusikkunan, joka näyttää navigointipuun paneelin, joka helpottaa navigointia.
  • Historia - Jos haluat palata edelliseen versioon, voit napsauttaa tätä. Huomaa, että tämä näyttää vain muutokset, jotka olet tehnyt nykyisessä istunnossa.
  • Reagoiva tila - antaa sinun katsoa miltä verkkosivustosi näyttää eri laitteilla / näytön tarkkuuksilla.

Jos viet hiiren osoittimen elementin päälle ja napsautat hiiren kakkospainikkeella, voit käyttää erilaisia ​​vaihtoehtoja:

hiiren kakkospainikkeella elementor

Napsauttamalla hiiren kakkospainikkeella valikkoa voit poistaa elementin, tarkastella sitä navigaattorissa, tallentaa sen globaalina elementtinä (vain pro-versio), kopioida sen ja paljon muuta.

Nyt kun olemme nähneet Elementorin päärajapinnan, katsotaanpa sitä Beaver Builder Seuraava.

Beaver Builderkäyttöliittymä

Beaver Builderkäyttöliittymä on minimalistisempi kuin Elementor -rakentaja. 

Napsauta tätä saadaksesi live-esittelyn

Jos sinulla ei ole aikaa tutustua esittelyyn, tämä 2 minuutin video, jonka on luonut Beaver Builder tiimi, näyttää nopeasti käyttöliittymän ja sivujen luomisen:

tCNDDQ7Jrs8

Kuten olet nähnyt yllä olevassa videossa, kun muokkaat WordPress -sivua Beaver Builder, tämän näet:

majavan käyttöliittymä

Ylhäällä sinulla on Beaver Builderpalkki, joka näyttää minimaalista mutta olennaista tietoa nykyisestä sivustasi. Jos haluat lisätä elementin, napsauta "+”-Painike oikeassa yläkulmassa.

majavamoduulit

Lisätäksesi elementin tai "moduulin" kuten on kuvattu Beaver Builderterminologiaa, voit yksinkertaisesti vetää ja pudottaa sen.

majava vedä ja pudota

Saatat huomata sen Beaver Buildertekstieditori on hieman erilainen kuin Elementorin. Yllä olevasta GIF-tiedostosta näemme, että meillä on ponnahdusikkunaeditori tekstejä muokattaessa.

Voit myös napsauttaa tekstimoduulia muokata sitä, mikä taas tuo esiin pop-up tekstieditori.

majavan tekstieditori

Jos et pidä tästä ponnahdusikkunatoiminnosta, voit kiinnittää sen vetämällä tekstieditoria näytön vasemmalle tai oikealle puolelle. Kun olet tehnyt sen, voit myös suorittaa muokkauksen verkossa.

majava tekstieditori räätälöity

Huomaa, että kyseisen tekstieditorin kiinnittäminen kiinnittää kaiken, mikä näyttää asettelulta Elementor-rakennustyökalulta.

majavan käyttöliittymä räätälöity

Kuten ylhäältä näet, Beaver Builder on nyt sama ulkoasu kuin Elementor. Halutessasi voit siirtää sen oikealle puolelle vetämällä ja kiinnittämällä sen.

Lopuksi meillä on lisäasetuksia napsauttamalla alanuolipainiketta, joka sijaitsee näytön vasemmassa yläkulmassa.

majavan lisäasetukset

Liitännän päätelmät

Yksi suurimmista eroista ja ehkä sopimuksen rikkominen muille on Beaver Buildermuokkaushistorian puute helpottaa muokkausten kumoamista.

Tämän yhden kiusan lisäksi molemmat laajennukset tarjoavat identtisen asettelun ja muokkaustehon.

Ulkonäön suhteen Beaver Builder on etuna sen paljon puhtaammasta ulkonäöstä, vaikka tämä saattaa olla vain henkilökohtainen mieltymys. Kohteiden vetäminen ja pudottaminen on myös hieman tarkempaa ja helpompaa Beaver Builder kuin Elementor -laajennuksessa.

Moduulit ja widgetit

Elementor kutsuu elementtejään widgeteiksi Beaver Builder kutsuu niitä "moduuleiksi".

Nämä ovat rakennuspalikoita, joita WordPress-sivunrakentajat voivat käyttää sivusi sisällön luomiseen. Ne ovat tekstejä, otsikoita, painikkeita, gallerioita ja muita elementtejä. Aikaisemmissa esimerkeissä näet tekstin ja otsikkoelementit.

Katsotaanpa, kuinka monta muuta elementtiä nämä laajennukset tarjoavat.

Elementorin elementit: osiot, sarakkeet ja widgetit

Elementor-rakennustyökalulla on kolmen tyyppisiä elementtejä:

  1. kohdat,
  2. sarakkeet ja
  3. widgetit.

Osa on rakennushierarkian korkein. Jokainen sarake ja widget on olemassa osan sisällä.

Sarake on hierarkian toinen. Jokainen widget asuu sarakkeen sisällä. Widgetit ovat hierarkian alhaisimmat.

Widgetit ovat sisältösi, kuten painikkeet, teksti ja kuvat. Osiot ja sarakkeet on tarkoitettu erilaisten asettelujen luomiseen.

Elementor antaa sinulle 30 widgetiä käytettäväksi ilmaisessa versiossa ja 52+ WordPress-widgetiä PRO-versiossa. Nämä luvut kasvavat jatkuvasti, kun uusia versioita julkaistaan, joten napsauta tätä tarkistaaksesi uusimmat numerot.

Alla olevasta GIF-tiedostosta näet, kuinka lisäsimme osan, sitten laitimme "kahden sarakkeen" sarakkeen osioon ja lopuksi lisäsimme widgetit sarakkeiden sisään. Voit lisätä useita widgettejä sarakkeeseen, jonka näet alla olevassa toisessa GIF-muodossa, joka näyttää tyylin.

elementor jaksot sarakkeet widgetit

Tyylien soveltaminen osioon vaikuttaa kaikkeen sen sisällä.

Sama koskee sarakkeita, mutta se ei vaikuta mihinkään sen ulkopuolelle, ja mikä tahansa widgetiin käyttämäsi tyyli pysyy itsessään. Alla oleva GIF osoittaa tämän toiminnassa Elementor Builderille.

jaksot sarakkeet widgetien hierarkia

 

 Olet ehkä huomannut, kuinka voit muokata, kopioida tai poistaa elementtiä napsauttamalla hiiren kakkospainikkeella elementtiä. Tämä on erittäin kätevä toimenpide.

elementor tai napsauta hiiren kakkospainikkeella valikkoa

Nyt kun sinulla on hyvä yleiskatsaus Elementorin elementeistä. Katsotaanpa toinen.

Beaver BuilderElementit: rivit, sarakkeet ja moduulit

Kuten edellinen laajennus, Beaver Builder myös jakaa sen elementit kolmeen luokkaan:

  1. rivit,
  2. sarakkeet ja
  3. moduuleja.

Rivit ovat hierarkian korkeimmat. Sarakkeet menevät rivien sisään ja sitten moduulit sarakkeiden sisään. Moduulit ovat todellinen sisältösi, kun taas sarakkeet ja rivit ovat jälleen kerran asettelutarkoituksiin.

Beaver Builderilmaisessa versiossa on 6 moduulia, kun taas pro -versiossa on 30 moduulia pelattavaksi. On suositeltavaa tarkistaa verkkosivustolta kummankin version nykyiset moduulit.

Alla olevassa GIF: ssä lisätään rakentajaa lisäämään rivi, joka sisältää kolme saraketta, ja täyttämään sarakkeet useilla eri moduuleilla.

rivisarakkeiden moduuli

Sen muotoilu toimii samalla sanalla kuin Elementor.

Riveissä käytettyjä tyylejä käytetään myös sarakkeissa ja moduuleissa. Sarakkeissa käytetyt tyylit vaikuttavat moduuleihin, ja moduuleille voidaan asettaa erikseen tietyt tyylit.

rivisarakkeiden moduulin tyyli

Toisin kuin Elementor, Beaver Builder ei ole mukautettuja hiiren kakkospainikkeita. Sinun on vietävä hiiri elementin päälle, jotta voit suorittaa sille toimintoja.

hiiren kakkospainikkeella majava

Moduulit ja widgetit

Molemmat laajennukset toimivat melko samalla tavalla.

Molemmat tarjoavat yksinkertaisia ​​tapoja luoda ulkoasu sivuillesi. Elementor kuitenkin tekee siitä hieman helpomman, koska jokaisella elementillä on hiiren kakkospainikkeella valikko, jonka avulla voit siirtyä suoraan sen asetuksiin.

Mitä tulee käytettävissä oleviin moduuleihin, näyttää siltä, ​​että Elementorilla on etu Beaver Buildervarsinkin ilmaisessa versiossa.

Muotoilu

Kuten olet nähnyt aiemmin, sekä Elementor että Beaver Builder tarjoavat hienojakoisen hallinnan muotoiluvaihtoehdoista. Voit käyttää tyylejä osioihin tai riveihin tai hienosäätää sitä ja antaa yksittäisille widgeteille tai moduuleille oman tyylinsä.

Kaivetaan hieman enemmän muotoiluvaihtoehtoihin.

Elementorin muotoiluvaihtoehdot

Ennen kuin tutustumme itse editorissa oleviin tyylivaihtoehtoihin, katsotaanpa Elementorin tyyliasetukset, jotka löytyvät Elementor> Asetukset.

elementorin muotoiluvaihtoehdot

In general Asetukset, voit määrittää poistetaanko Elementorin oletusvärit ja fontit käytöstä. On suositeltavaa tarkistaa nämä valintaruudut, jotta tyylisi pysyy yhtenäisenä koko sivustossasi.

Alla Tyyli -välilehdellä voit määrittää useita muita suunnitteluasetuksia.

elementorin asetustyyli

Emme aio käydä läpi näitä kaikkia, mutta kuten näette, voit hienosäätää monia tyylivaihtoehtoja tällä sivulla. Siirrytään editorin tyylivaihtoehtoihin.

Elementor-tyylin perusasetukset

Saatavilla olevat tyylivaihtoehdot pysyvät melko samanlaisina useimmille Elementorin elementeille. Alla näet Otsikko-elementin tyylin perusasetukset.

elementor-tyylit

Muuten, olet ehkä huomannut kirjasintyylin ja värin muuttuneen - tämä johtuu siitä, että otimme juuri käyttöön Poista oletusvärit käytöstä että Poista oletusfontit käytöstä Elementorin asetuksissa.

Nyt se perii teeman värit ja kirjasimet sen sijaan, että käyttäisivät mukautettuja (jotka näet aikaisemmista esimerkeistämme).

Palataan takaisin käytettävissä oleviin tyylivaihtoehtoihin. Edellä on:

  • Tekstin väri
  • Typografia
  • Tekstin varjo
  • Sekoitustila

Elementorin tyylin lisäasetukset

Jos mielestäsi tämä ei riitä, voit siirtyä Lisäasetukset-välilehdelle saadaksesi lisää vaihtoehtoja.

elementor edistyneitä tyylejä

Täällä voit määrittää kaiken mukautetuista marginaaleista ja pehmusteista, vieritysefekteistä, tausta-asetuksista jne. Voit myös käyttää mukautettua CSS: ää, jos haluat (tämä on käytettävissä vain PRO-versiossa).

Yksi Elementorin ainutlaatuisista ominaisuuksista on kyky asettaa mukautettuja arvoja eri näyttökokoille, mikä näkyy alla:

edistyneet reagoivat tyylit

Tämä antaa sinulle tarkemman hallinnan sisällön näyttämiselle eri laitteilla ja näytön tarkkuuksilla.

Beaver Builder Muotoiluvaihtoehdot

Toisin kuin Elementor, Beaver Builder perii teemasi fontit ja värit oletuksena. Tämä mahdollistaa johdonmukaisuuden laatikosta.

Beaver Buildermuotoiluvaihtoehdot vaihtelevat elementin mukaan, mutta periaatteessa sinulla on tyyli, erotin, typografia, että kehittynyt vaihtoehtoja.

Tyylit

majava tyylejä

Tyyli asetukset näytetään, kun muokkaat riviä, sekä muita elementtejä, kuten painikkeita. Löydät vaihtoehtoja:

  • Leveys
  • Sisällön leveys
  • Korkeus
  • Värit, kuten linkin väri, tekstin väri, linkin leijuvan väri jne
  • Taustan tyyppi, väri ja peittävyys
  • Raja

Värien, kuten teksti-, linkki- ja leijuvärit, soveltaminen lisätään kaikkiin rivin sisällä oleviin elementteihin. Voit kuitenkin ohittaa nämä asetukset asettamalla mukautetut arvot elementtiä kohti.

majava edistyneitä tyylejä

In kehittynyt asetukset löydät vaihtoehtoja:

  • Väli
  • Vastuullinen asettelu
  • Näkyvyys
  • HTML-elementti - voit asettaa mukautetun HTML-tunnuksen ja luokan tietylle elementille muokkausta varten

molemmat Beaver Builder ja Elementorin avulla voit hienosäätää, miten sisältösi näkyy eri laitteissa, napsauttamalla asetuksen vieressä olevaa laitekuvaketta (joka näkyy vain sitä tukevissa asetuksissa).

majava reagoi

separaattori

majavaerotintyylit

- separaattori on toinen muotoiluvaihtoehto, jonka avulla voit antaa elementeillesi hienostuneemman ilmeen.

Täältä löydät erottimen vaihtoehdot. Jos mietit, miltä erotin näyttää, katso yllä oleva esimerkki - punainen viiva yllä olevan kuvan otsikon alla. Sinulla on vaihtoehtoja:

  • Erottimen tyyli
  • Erottimen asento
  • Linjatyyli
  • Linjan väri
  • Paksuus ja leveys

Typografia

majava tyyli typografia

- typografia Vaihtoehdot ovat tekstisi ulkoasun hallitsemiseksi. Tämä asetus näkyy yleensä otsikko moduuli. Tässä sinulla on vaihtoehtoja:

  • HTML-tunniste
  • Kirjasintyyli, koko ja kasvot
  • Tekstin väri
  • Marginaalit

Muotoilupäätelmä

Molemmat laajennukset tarjoavat laajan valikoiman muotoiluvaihtoehtoja ja kokoonpanoja. Ne mahdollistavat lopettamisenless muokata sivun jokaisen elementin pienimpiin yksityiskohtiin asti. Mielestämme molemmat sivunrakentajat ovat tässä suhteessa enimmäkseen samanarvoisia.

Mallit

Toistaiseksi olemme nähneet tehokkaita työkaluja, joiden avulla voimme rakentaa mukautettuja sivuja tyhjästä. Mutta eikö olisi parempi, jos meillä on käytettäviä malleja? Mallien avulla suunnitteluprosessi olisi paljon nopeampi.

Hienoa on, että sekä Elementor että Beaver Builder tarjota mallinnustoimintoja. 

Tässä yhteydessä mallit ovat valmiita malleja, joiden avulla voit aloittaa sivujesi suunnittelun. Sekä Elementor että Beaver Builder tarjoaa meille runsaasti malleja, joista valita.

Verkkosuunnittelijoina tai kehittäjinä haluat todennäköisesti kyvyn luoda omia teemoja tai tiettyjä sivumalleja, joita voit käyttää uudelleen / nipistää osana suunnitteluprosessiasi.

Katsotaanpa.

Elementtimalleja

Kun luot uuden sivun Elementorissa, näet, että sinulla on mahdollisuus joko lisätä osa tai käyttää mallia.

Ilmaisessa versiossa sinulla on noin 40 mallia, joista valita. Pro-versiossa sinulla on yli 300 eri sivua ja lohkomalli, joista valita.

Käy verkkosivustolla tarkistaa kaikki mallit

elementor uusi malli

Kun napsautat painiketta Lisää malli -painiketta, sinut tervehtii valikko, joka näyttää sinulle valitut mallit.

elementorin mallinvalitsin

Elementor tarjoaa kahdenlaisia ​​malleja: Lohko- ja Sivumallit.

Estä mallit ovat osiomalleja, joiden avulla voit rakentaa tiettyjä sivusi osia. Esimerkki lohkomallista on yhteydenottolomake tai CTA-osa.

Alla on esimerkkejä käytettävissä olevista CTA-malleista.

elementor-lohkomallit

Sivumallit ovat kokonaisen sivun malleja, jotka on suunniteltu tietyntyyppisille sivuille ja / tai tarkoituksiin rakennustyökalun avulla.

Alla näet aloitussivun ja etusivun mallit. Lisäksi on tarjolla erilaisia ​​makuja. Sinulla on esimerkiksi ravintola- ja virastoille räätälöity kotisivumalli.

elementor-sivumallit

Voit myös luoda mukautettuja sivumalleja ja jopa kokonaiset teemat tallentaa ne uudelleenkäyttöä varten. Voit tehdä sen napsauttamalla julkaisupainikkeen vieressä olevaa pientä ylöspäin osoittavaa nuolta ja valitsemalla Tallenna mallina.

elementor mukautetut mallit

Voit jopa tuoda kolmansien osapuolten tekemiä malleja lataamalla ne sivustoosi. Tämä mahdollistaa lopettamisenless räätälöintimahdollisuuksia.

elementorin tuontimalli

Beaver Builder Mallit

In Beaver Builder, voit valita kolmen tyyppisistä malleista: aloitussivut, sisältösivut ja tallennetut mallit. Toisin kuin Elementor, Beaver Builder ei sisällä lohkotason malleja, mutta voit käyttää laajennuksia saadaksesi saman toiminnallisuuden.

Napsauta tätä nähdäksesi kaikki mallit

Huomaa, että ilmainen versio Beaver Builder sillä ei ole mallipohjaisia ​​vaihtoehtoja ollenkaan, joten sinun on tehtävä kaikki alusta, jos haluat käyttää ilmaista versiota.

beaver builder malleja

Aloitussivumallit ovat kehittyneiden aloitussivujen luomiseen. Tätä kirjoitettaessa voit valita 30 eri aloitussivumallin joukosta Beaver Builder.

majavan laskeutumissivun malli

Sisältösivumallit ovat sisältösivuille, kuten sivulle, yhteystietosivulle, kotisivulle jne. Tätä kirjoitettaessa on 25 sisältösivumallia, joista valita Beaver Builder.

majavan sisällön sivumalli

 

Tallennetut mallit ovat mukautettuja tallennettuja malleja. Kuten Elementorissa, voit luoda sivun mallina rakentajan kanssa, jotta voit käyttää sitä myöhemmin uudelleen.

Mallien tuonti on myös mahdollista Beaver Builder, mutta se ei ole niin intuitiivinen kuin Elementorin. Voit tarkistaa, miten se tekee tämän lukemalla heidän asiakirjansa tätä.

Mallien päätelmä

Elementor -rakennustyökalu tarjoaa enemmän malleja, joista valita, ja helpompia mallien tuonti- ja vientivaihtoehtoja Beaver Builder. Mitä tulee suunnittelu ja ulkonäkö molemmat laajennukset tarjoavat sinulle laajan valikoiman kauniita malleja, jotka palvelevat monia erilaisia ​​markkinarakoja.

Mitä tulee ilmaisiin versioihin, Elementor voittaa kädet alas Beaver Builder. Elementorilla voit silti valita yli kahdesta tusinaa ilmaista mallia ja jopa mahdollisuuden tuoda ja viedä niitä. Päällä Beaver Builder, sinun on päivitettävä premium -versioon, jotta voit hyödyntää tätä ominaisuutta.

Teeman rakentaminen

Teemarakennusominaisuus on erittäin tehokas työkalu, jota sekä Elementor että Beaver Builder tarjoaa käyttäjilleen.

Elementorissa teemanrakentajan lukitus avataan automaattisesti, kun päivität premium -versioon. Mitä tulee Beaver Builder, sinun on asennettava erillinen laajennus nimeltä Beaver Themer, joka on erillinen 147 dollarin hankinta.

Elementorin teemanrakentaja

Pääset sen teemanrakentajaan siirtymällä kohtaan Mallit> Teemanrakentaja. Sieltä voit luoda tai muokata teemamalleja. Voit luoda tai muokata malleja seuraaville:

  • Sivu
  • Ylätunniste
  • Alatunniste
  • Yksi viesti
  • Archive
  • 404 sivut
  • Jne.

Elementorin teemanrakentaja toimii melkein samalla tavalla kuin sivunrakentaja.

Sinulla on kaikki normaalit elementit sekä uudet ja erityiset elementit sen tyyppiselle teemaosalle, jota työskentelet. Esimerkiksi teemanrakentaja näyttää tältä Yksi viesti.

elementor yhden viestin muokkausohjelma

Kuten näette, sinulla on uusi joukko WordPress-widgettejä, jotka on tarkoitettu yksittäisille viesteille, kuten viestin otsikko, esillä oleva kuva, kommentit jne.

Jos et halua aloittaa tyhjästä, voit käyttää myös valmiita malleja, joihin pääset käsiksi painamalla kansiokuvaketta sisältöeditorissa samalla tavalla kuin tavallisessa sivun rakennustyökalussa.

Kun olet rakentanut mukautetun teemamallin, voit hallita milloin ja missä se näkyy. Voit esimerkiksi näyttää mukautetun yksittäisen viestimallin vain tietylle kirjoittajalle.

Beaver BuilderTheme Builder

Beaver Builderteemanrakentaja, vaikka se on aktivoitu eri tavalla, toimii samalla tavalla kuin Elementorin teemarakentaja. Tämä on loistava työkalu, jos asiakkaasi vaativat sinua luomaan heille mukautettuja teemoja.

Pääset teemanrakentajaan vasta, kun olet asentanut Beaver Themer -laajennuksen. Kun olet aktivoinut sen, voit käyttää sitä Beaver Builder > Themer -asettelut ja sieltä voit luoda mukautetun mallin seuraaville:

  • Ylätunniste
  • Alatunniste
  • Archive
  • Yksittäiset viestit (yksittäinen)
  • 404 sivut
  • Osa

 

beaver builder teeman rakentaja

Kun olet päättänyt luoda tai muokata asettelua, voit muokata sitä edelleen valitsemalla missä ja milloin se näytetään.

Esimerkiksi mukautetussa alatunnisteessa voit valita, korvataanko se koko sivustollasi oletusalatunnistetta vai näytetäänkö se vain tietyissä viesteissä tai sivuilla.

Voit myös muokata sitä edelleen näyttämällä sen vain, kun viesti on kirjoittanut tietty kirjoittaja.

Tämä sääntöihin perustuva mukauttaminen Beaver Builder on melko voimakas juttu, koska se tuo paljon joustavuutta ja mukautusmahdollisuuksia.

beaver builder omia mukautettuja sääntöjä

Mitä tulee itse editoriin, sinulla on sama käyttöliittymä kuin Beaver Builder sivunrakentaja.

Alla näet teeman asettelueditorin toiminnassa, jossa muokkaamme luomaa mukautettua alatunnistetta. Sinulla on pääsy samaan määrään moduuleja ja muita elementtejä kuin tavallisessa sivun rakennustyökalussa.

beaver builder teeman editori

Teemanrakentajan päätelmä

Molemmat rakennuslaajennukset tarjoavat erinomaisen hallinnan ja räätälöinnin teeman rakentamiseen. Jos kuitenkin puhumme hinnoittelusta, Elementor -rakentajalaajennus on halvempi kuin Beaver Builder sen teemarakentaja on integroitu premium -versioon.

Hinnoittelu

Olemme verranneet näitä kahta laajennusta melko vähän ja olemme nähneet, mitä voit saada niiden ilmaisissa ja Pro-versioissa. Mutta kuinka paljon kukin rakentaja maksaa? Ja mikä antaa sinulle eniten arvoa?

Molemmat heidän premium Builder -versioistaan ​​ovat kolmessa hinnoittelutasossa.

Elementorin hinnoittelu

Aloitetaan Elementorista. Hinnoitteluvaihtoehtoja ovat henkilökohtaiset, liiketoiminta- ja rajoittamattomat.

  • Henkilökohtainen - 49 dollaria yhdestä sivustosta.
  • liiketoiminta - 99 dollaria kolmelle sivustolle.
  • Asiantuntija - 199 dollaria 25 sivustolle
  • studio - 499 dollaria 100 sivustolle
  • Rajoittamaton - 999 dollaria rajoittamattomille sivustoille.

elementorin hinnoittelu

Kaikissa suunnitelmissa on sama määrä ominaisuuksia, ja ne saavat edelleen premium-tukea ja päivityksiä yhden vuoden ajan, ja ne toimitetaan teemanrakentajan mukana.

Napsauta tästä saadaksesi alimman hinnan Elementorilta

Beaver Builder Hinnoittelu

Kuten Elementor, Beaver Builder hinnoittelussa on myös kolme tasoa.

  • Vakio - 99 dollaria
  • Pro - 199 dollaria
  • Toimisto - 399 dollaria

 

BB hinnoittelu

- standardi lisenssillä ei ole monisivustoista tukea ja Beaver Builder Teema. varten lisenssi pystyy tukemaan useita sivustoja ja sen mukana tulee Beaver Builder Teema, mutta valkoista merkintää ei ole.

Lopuksi, toimisto lisenssillä on kaikki vakio- ja pro-ominaisuudet sekä valkoinen merkintä. Kaikki suunnitelmat koskevat rajoittamattomia sivustoja.

Muista, että Beaver Themer on erillinen hankinta Beaver Builder itse maksaa 147 dollaria.

Napsauta tästä saadaksesi halvimman hinnan Beaver Builder

Vapaa vs Pro

Molemmissa laajennuksissa on ilmainen ja Pro-versio, mutta Elementorin ilmainen versio on selvä voittaja tässä.

Elementorin ilmainen versio sisältää kymmeniä moduuleja ja malleja ilmaiseksi. Beaver Builder mukana tulee vain hyvin yksinkertaisia ​​versioita, joten sen ilmainen versio on hyvin rajoitettu.

Hinnoittelua koskevat päätelmät

Jos haluat ilmaisen version, Elementor on selkeä valinta.

Mitä tulee premium -versioihin, vaikka se saattaa tuntua siltä Beaver Builder on kalliimpaa, sen korkeamman tason suunnitelmat tarjoavat enemmän kehittäjäystävällisiä ominaisuuksia, erityisesti valkoisia merkintöjä.

Lisäksi, jos olet kehittäjä, joka haluaa myydä hosting-palvelun, kannattaa ehkä tarkastella tätä keskustelu. Lyhyesti sanottuna, Elementor ei salli sinun isännöidä asiakkaan verkkosivustoa itse ja veloittaa heiltä kuukausimaksua, jos käytit Elementoria heidän verkkosivustonsa rakentamiseen.

Olemme sitä mieltä, että Elementor on parempi yksinkäyttäjille Beaver Builder on parempi kehittäjille - erityisesti valkoisten merkintöjen ja isännöintivaihtoehtojen vuoksi.

Jos etsit edelleen muita vaihtoehtoja, meillä on myös arvosteli Elementor vs Divi täällä, ja myös Beaver Builder vs Divitai lopuksi, jos haluat lisää arvosteluja, otamme Diville, vaikka mielestämme sinun pitäisi rajoittaa valintasi tässä vaiheessa ja tarkastella alla olevaa päätelmäämme.

Elementor vs. Beaver Builder: Johtopäätös

Kaiken kaikkiaan nämä ovat tällä hetkellä kaksi parasta WordPress-sivunrakentajalaajennusta. 

Elementor tarjoaa valtavan määrän malleja ja elementtejä, kun taas Beaver Builder yrittää pitää sen yksinkertaisena, mutta täyttää silti jokaisen web -suunnittelun käyttäjän tarpeen.

Beaver Builder on kehittäjäystävällinen. Se tarjoaa valkoisia merkintävaihtoehtoja, eikä sillä ole rajoituksia sille, miten kehittäjät voivat myydä sen avulla rakennettuja palveluita tai verkkosivustoja.

Elementor ei ole avoimen lähdekoodin aikana Beaver Builder on, mutta Elementor on kaiken kaikkiaan tehokkaampi.

Turvallisuuden näkökulmasta Elementorilla on ollut vakava asia tietoturvaheikkous menneisyydessä, mutta se on ratkaistu ja tuote jatkuu vahvuudeltaan, saavuttaen viime aikoina 5 miljoonaa aktiivista asennusta ja vahvalla strategialla 10 miljoonan saavuttamiseksi pian!

Joten joo, olet ehdottomasti ostamassa hyvää tuotetta!

Jos olet yksinkehittäjä tai käyttäjä, joka etsii erinomaista laajennusta, jossa on paljon ominaisuuksia ja nopeita päivityksiä, käytä Elementor -sivunmuodostuslaajennusta. Jos olet kehittäjä tai käyttäjä, joka ei halua hukkua moniin ominaisuuksiin ja nopeisiin päivityksiin, valitse Beaver Builder.

Mutta lopulta kaikki on sinun tehtäväsi tehdä lopullinen päätös.

Kuten molemmat Beaver Builder ja Elementor kehittyvät jatkuvasti, ei ole selvää voittajaa, mutta pidämme silti Elementorista vain vähän paremmin, vaikka voit helposti tehdä oikean päätöksen esittämiemme tekijöiden ja nykyisten tarpeidesi perusteella.

Käy Elementorissa

 

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