Sivuillamme on linkkejä kumppaneidemme sivustoille, ja saamme kaikista tilauksiin johtaneista linkkien klikkauksista affiliate-palkkioita. Lue lisää. Nämä kumppanuusohjelmat eivät vaikuta arvosteluidemme sisältöön.
  1. WebsitePlanet
  2. >
  3. Blogi
  4. >
  5. Elementor arvostelu 2021: Onko se hypen arvoinen?

Elementor arvostelu 2021: Onko se hypen arvoinen?

Andrea SchlottmanAndrea Schlottman
19 Helmikuuta 2021

Myönnän sen – kun päätoimittaja pyysi minua kirjoittamaan tämän arvostelun Elementorista, en ollut kovinkaan innoissani. Olen vuosien varrella kokeillut useita ilmaisia WordPress-kotisivukoneita, mutta mikään niistä ei ole jäänyt pidemmäksi aikaa käyttöön. Minusta on aina tuntunut, että ne vain rajoittavat työtäni web-kehittäjänä.

Olin kyllä kuullut, että Elementor on erinomainen työkalu WordPress-sivustojen luontiin, mutta skeptisyys otti silti vallan. Kuinka hyvä se muka voi olla? No, olen nyt käyttänyt sitä parin viikon ajan, ja voin kertoa että Elementor ylitti odotukseni – ja reilusti.

Lue lisää, niin kerron mikä sai minut antamaan Elementorille mahdollisuuden pidemmäksi aikaa.

Mikä on Elementor?

Elementor homepage

Elementor on ilmainen lisäosa WordPress-alustalle. Sen avulla pääset rakentamaan WordPress-sivustoja helpolla drag and drop -periaatteella. Toimintaperiaate on hyvin samantapainen kuin Wixillä tai Squarespacella, jotka ovatkin todella suosittuja kotisivukoneita.

Voit rakentaa sivuston mallipohjan päälle, tai luoda tyhjästä juuri omanlaisesi sivuston – sivulle voi asetella vapaasti kaikenlaisia elementtejä, eikä ohjelmointitaitoa vaadita.

Kun asennat Elementorin:

  • Voit luoda yksittäisen sivun tai koko sivuston millä tahansa tyylillä, asettelulla tai toiminnallisuudella varustettuna. Tämänhetkinen WordPress-teemasi ei rajoita työskentelyä.
  • Voit halutessasi pitää aikaisemman teeman voimassa – Elementor on yhteensopiva kaikkien WordPress-teemojen kanssa (kunhan käytät WordPressin versiota 5.0 tai uudempaa).
  • Saat käyttöösi täysin erillisen (ja paljon helpomman) muokkaustyökalun. WordPressin omaa muokkausnäkymää ei siis ole pakko käyttää.
  • Voit muokata sivuja front endin näkökulmasta, eli pystyt koko ajan näkemään, miltä sama sivu näyttää vierailijoiden selaimessa – enää ei tarvitse siirtyä erilliseen esikatselunäkymään.

On tietenkin olemassa myös muita samantapaisia kotisivukoneita, mutta niissä on yleensä jokin ikävä varjopuoli: kotisivukoneessa voi olla mahtavia ominaisuuksia, mutta ilmaisversiota ei ole lainkaan saatavilla, tai sitten ilmaisversioon sisältyy vain rajattu määrä mallipohjia (niiden ulkonäöstä puhumattakaan).

Elementor on yksi harvoista ilmaispalveluista, joka ei joudu tinkimään muista ominaisuuksista. Katsotaanpa tarkemmin, mitä kaikkea sillä voi tehdä.

300+ valmiiksi suunniteltua mallipohjaa

Ammattilaissuunnittelijana olen todella tyytyväinen Elementorin mallipohjiin! Vaikka sinulla ei olisi minkäänlaista silmää design-asioille, mallipohjaa hyödyntämällä voit helposti tehdä kauniin ja ammattimaisen näköisen sivuston. Saatavilla on kahdentyyppisiä mallipohjia: koko sivun kattavia malleja (löytyy nimellä Pages eli “sivut”), sekä pienempiä, yksittäisten elementtien malleja (löytyy nimellä Blocks eli “lohkot”). .

Käytä Page-mallipohjaa

Helpoin tapa päästä alkuun Elementorin käytössä on valita valmiiksi suunniteltu mallipohja. Tällaisia on yli 150 kappaletta, joista noin 40 on käytettävissä ilmaiseksi. (Valitettavasti pelkästään ilmaisia mallipohjia ei voi selata erikseen, vaan sinun pitää tarkistaa jokaisen kohdalla Pro-merkki kuvakkeen yläreunassa.)

Pro templates on Elementor

Voit luoda yhtenäisen sivujoukon valitsemalla Page-mallisi samasta perheestä. Elementorissa nämä mallipohjien muodostamat perheet ovat nimellä “kits”, mutta tällä hakusanalla niitä ei kuitenkaan voi hakea. Onnistut parhaiten hakemalla saman sanan sisältäviä mallipohjia, vaikkapa Travel tai Digital Agency. Esimerkiksi Travel-perheestä löytyy seitsemän yksittäistä mallia matkasivuston luontiin; Tietoa meistä (About), Galleria, Usein kysytyt kysymykset (FAQ) ja muut sivut näyttävät hyvältä samassa kokonaisuudessa.

Saat vieläkin enemmän valinnanvaraa tuomalla lisää mallipohjia jostakin ulkoisesta palvelusta, esimerkiksi ThemeForestista.

Mikäli haluat kontrolloida sivuston luontia tarkemmin, mallipohjaa ei ole pakko käyttää – voit luoda koko sivuston myös täysin tyhjästä.

Vinkki: Elementorin mallipohjat asetetaan oletusarvoisesti sivun leipätekstin paikalle. Teeman otsikko, alatunniste ja sivupalkin elementit siis jäävät näkyviin. Käyttämästäsi teemasta ja mallipohjasta riippuen kyseinen kombinaatio voi näyttää hieman oudolta.

Pääset poistamaan kyseiset sivun elementit ja aloittamaan oikeasti puhtaalta pöydältä, kun menet Elementorin asetuksiin ja vaihdat sivun asettelun (Page Layout) muotoon “Elementor Canvas.”

Setting up a Blank Canvas page template on Elementor

Käytä Block-mallipohjaa

Kokonaisten Pages-mallien sijaan voit halutessasi käyttää myös pienempiä Blocks-malleja.

Elementorissa on 200+ valmiiksi tehtyä Blocks-mallia esimerkiksi hinnastoa, suositteluja, “meet the team” -sivuja tai portfoliota varten.

Elementor page templates

Koko sivun mallipohjien tapaan myös Block-malleissa on sekä ilmaisia että Pro-merkinnällä varustettuja maksullisia malleja.

Vinkki: Jos aiot käyttää samaa elementtiä usealla eri sivulla, voit luoda siitä oman mallipohjasi:

Opening a saved template on Elementor

Voit myös viedä tekemäsi mallipohjat toiseen WordPress-projektiin. Tämä on erityisen kätevää, jos teet sivustoja työksesi.

Lisää sivulle widget

Widgetit ovat pienempiä yksittäisiä elementtejä, esimerkiksi tekstejä, kuvia, otsikoita tai karttoja. Voit lisätä samalle sivulle rajattoman määrän widgetejä.

Dragging a widget from the left-hand bar onto your webpage with Elementor

Elementorissa on 30 ilmaista widgetiä (ja lisäksi 50+ maksullista), ja samasta työkalupalkista voit valita myös WordPressin omia widgetejä. Jos käyttämäsi WordPress-teema sattuu olemaan tarpeeksi joustava, voit hyvinkin onnistua luomaan haluamasi sivuston käyttämällä pelkästään ilmaisia Elementor- ja WordPress-widgetejä.

Käytä drag and drop -työkalua

Kun olet valinnut mallipohjan ja lisännyt siihen kaikki haluamasi widgetit ja sisältölohkot, voit siirtyä editoriin jossa pääset muokkaamaan sivulle asetettuja elementtejä.

Elementor toimii WYSIWYG-periaatteella (What You See Is What You Get eli mitä näet, sitä saat), joten sinun ei tarvitse klikata esikatselunappia tai vaihtaa työtilaa nähdäksesi lopullisen sivun. Näet lopputuloksen sitä mukaa kun työstät sivua, mutta vierailijoille muutokset tulevat näkyviin vasta, kun klikkaat julkaisunappia.

Vinkki: Maintenance Mode

Mikäli sivustosi on rakennus- tai muokkausvaiheessa, voit hyödyntää Elementorin huoltotilaa (Maintenance Mode), joka näyttää vierailijoille väliaikaisen sivun ja asettaa tilanteeseen sopivan HTTP-tilakoodin. Huoltotilan asetukset löytyvät WordPress-hallintapaneelista.

Switching your WordPress site to Maintenance Mode using Elementor

Huoltotilassa et pääse vahingossa julkaisemaan muutoksia, ennen kuin uusi sivu on oikeasti valmis. Sillä aikaa voit näyttää vierailijoille jotain Elementorin kymmenestä väliaikaissivusta.

Editorin vasemmassa reunassa on työkalupalkki, jonka avulla voit säätää värejä, fontteja, riviväliä, asettelua ja muita sivun ominaisuuksia:

Editing text on your webpage using Elementor

Elementorin drag and drop -työkalussa erityisen mukavaa on se, että voit hienosäätää kaikkia elementtejä todella tarkasti. Pääset muokkaamaan käytännössä kaikkia yksityiskohtia sivulle asettamistasi sisältölohkoista, widgeteistä, teksteistä, kuvista ja sarakkeista.

Kannattaa tutustua myös edistyneisiin muokkausvaihtoehtoihin (Advanced-välilehti, kuvattu alla) – sieltä löydät paljon mielenkiintoisia mahdollisuuksia:

  • Aseta tarkat marginaalit ja täytesisällöt pikseleiden tai prosenttien mukaan
  • Muokkaa elementtien leveyttä ja lukitse sijainnit
  • Asettele widgetit, tekstit ja kuvat sarakkeiden mukaan
  • Säädä sarakkeiden leveyttä ja niiden välistä tilaa
  • Lisää edistyneitä efektejä hiiren liikkeeseen
Editing margins and padding with Elementor

Muutama ominaisuus oli minusta erityisen hyödyllinen:

  • Kun klikkaat minkä tahansa elementin oikeaa yläkulmaa, saat näkyviin kaikki muokkausvaihtoehdot
  • Voit monistaa sisältölohkon klikkaamalla sitä
  • Voit kumota ja tehdä uudelleen muutokset painamalla Ctrl+Z ja Shift+Ctrl+Z (Macilla Cmd+Z ja Shift+Cmd+Z)

Elementor tukee käännösliitännäisiä (esimerkiksi WPML tai Polylang) sekä oikealta vasemmalle luettavaa sisältöä esimerkiksi arabian kielistä tekstiä varten.

Vinkki: Jos työstät todella monipuolista sivua (jossa on useita elementtejä päällekkäin), et välttämättä enää löydä haluamaasi asetusvalikkoa, tai edes ymmärrä kuinka päällekkäiset elementit oikein asettuvat suhteessa toisiinsa.

Tässä tilanteessa Navigator-ominaisuudesta on paljon hyötyä. Sinun tarvitsee vain klikata mitä tahansa elementtiä valitaksesi sen. Navigator paikantaa kyseisen elementin koko sivuston kontekstissa ja tarjoaa ruudullesi automaattisesti oikean muokkauspalkin.

Elementor's Navigation feature helps you find the editing bar of each element you wish to edit

Muokkaa sivuston mobiiliversiota

Kaikki Elementorin mallipohjat on suunniteltu toimimaan myös mobiilissa, mutta Elementor antaa mahdollisuuden muokata mobiiliversiota myös erikseen. Mobile Editing-työkalulla voit hienosäätää sivuston ulkoasua puhelinten ja tablettien ruudulla.

Sivun mobiiliversiossa voit piilottaa tai näyttää tiettyjä elementtejä, vaihtaa sarakkeiden järjestystä ja asetuksia, sekä muokata marginaaleja laitteen näytön mukana. Voit jopa asettaa fonttikoon vaihtumaan näytön suuruuden mukaan, jolloin sivustolla oleva teksti on varmasti luettavissa kaikilla laitteilla.

Elementor's Mobile View editor

Huom: Mikäli rakennat sivustosi täysin tyhjästä, se ei välttämättä näy puhelimen ruudulla oikein – tässä tilanteessa sinun kannattaa käyttää Mobile Editing -ominaisuutta luodaksesi sivusta erillisen mobiiliversion.

Vinkki: Sivun mobiiliversioon voi tehdä muutoksia myös editorin yleisnäkymän kautta – kun avaat minkä tahansa elementin edistyneet asetukset (Advanced-välilehti), voit kytkeä kyseisen elementin pois näkyvistä tietyillä laitteilla.

Editing your site's mobile version from the Advanced tab in Elementor

Huoletonta sivujen rakennusta versiohistorian kanssa

Joskus kömmähdystä ei saa korjattua, vaikka kumoa-nappia klikkaisi montakin kertaa. Se on ihan ok, sitä sattuu ihan kaikille!

Tämän ansiosta historiapaneeli on korvaamaton apuväline. Sieltä voit palata taaksepäin yksittäisten muutosten tarkkuudella (Actions-välilehti) tai tallennettujen koko sivuston versioiden tarkkuudella (Revisions-välilehti). Sivun palautus tapahtuu ympyränmuotoisesta Revert-painikkeesta.

Elementor's Version History feature

Automaattisen tallennuksen ja historiapaneelin ansiosta kova työsi ei koskaan joudu hukkaan.

Kukaan ei ole täydellinen: Elementorin varjopuoli

Tähän mennessä olen kertonut melko suoraan, että tykkään Elementorin käytöstä todella paljon. Kotisivukoneeseen liittyy kuitenkin muutama haittapuoli, joista sinun on hyvä tietää:

  • Voit muokata jokaista sivua äärettömän tarkasti, mutta koko sivuston laajuiset teemat ovat yleensä maksullisia. Ilmaiskäyttäjän voi olla haasteellista luoda yhdenmukaiselta näyttäviä sivuja.
  • Nopeudesta ja monipuolisuudesta huolimatta editorissa ilmenee välillä kaikenlaisia vikoja. Mikäli työkalu menee jumiin, kokeile päivittää sivu tai kirjautua hetkeksi ulos Elementorista.

Ilmainen vai maksullinen versio – kumpi kannattaa valita?

Elementor Pro plans

Nämä saat ilmaiseksi

Elementorin ilmaisversio on huomattavan monipuolinen. Ilmaisversiolla voit helposti luoda henkilökohtaisen sivuston tai jopa ihan yrityksen kotisivut. Sivujen muokkausta varten saat käyttöösi kaikki perustoiminnot ja myös valtaosan hienommista design-ominaisuuksista.

Elementorin ilmaisversioon sisältyy:

  • Kotisivukoneen kaikki toiminnot, mukaan lukien mobiilityökalu, versiohistoria, jne.
  • 30+ widgettiä esimerkiksi kuvien, tekstien, karttojen ja äänitiedostojen upotukseen
  • 40+ koko sivun mallipohjaa (lisäksi ilmaisia arkistokuvia)
  • 100+ sivulohkon mallipohjaa esimerkiksi FAQ-osion, toimintojen, suositusten tai “tietoa meistä”-osion esittelyyn

Nämä saat maksua vastaan

Elementor Pro on saatavilla kolmessa eri paketissa. Elementor Personal, Plus ja Expert eroavat toisistaan vain sivustolisenssien määrän suhteen.

Tässä muutama Elementor Pron houkuttelevimmista ominaisuuksista:

  • 300+ maksullista koko sivun mallipohjaa
  • 100+ maksullista sivulohkon mallipohjaa
  • Globaalit widgetit, eli voit käyttää samaa widgetiä usealla eri sivulla. Mikäli teet muutoksen widgettiin yhteen sivulla, sama muutos päivittyy automaattisesti myös muille sivuille.
  • Elemetor Theme Builder – voit luoda kokonaan oman teemasi, käyttäen Elementorin tarjoamia tyylejä otsikoihin, alatunnisteisiin ja muihin osiin.
  • WooCommerce Builder – luo verkkokauppa WooCommercen tarjoaman widgetin avulla.
  • Lomakkeiden ja ponnahdusikkunoiden front end -rakennustyökalu, johon sisältyy myös MailChimpintegraatio.
  • Sivuston CSS-koodin muokkaus
  • 24/7 asiakaspalvelu – saat nopeammat vastaukset tukipyyntöihin, ja Elementorin henkilökunta voi tarvittaessa kirjautua hallintapaneeliisi ja ratkaista ongelmat puolestasi.

Mikäli sinulla on useampi yritys tai luot verkkosivuja asiakkaille, voit päivittää tilauksen Plus-pakettiin, joka kattaa kolmen sivuston rakennuksen. Toisaalta Expert-paketti antaa rahalle paljon enemmän vastinetta. Hintaa on tuplasti Plus-paketin verran, mutta vuosittainen kustannus pysyy silti ihan kohtuullisena – ja saat lisenssin jopa tuhannen sivuston luontiin.

Kaikkiin maksettuihin tilauksiin sisältyy 30 päivän tyytyväisyystakuu.

No, onko Elementor hypetyksen arvoinen?

Lyhyt vastaus: kyllä se on. Jos haluat täyden kontrollin WordPress-sivustosi ulkonäköön ilman yhtäkään koodinpätkää, Elementor on hyvä ratkaisu. Vaikka osaisitkin koodata samat asiat myös manuaalisesti, niin Elementor tekee sivuston luomisesta niin helppoa ja intuitiivista, että ei ole mitään syytä olla käyttämättä sitä.

Elementorin ilmaisversiolla saat jo paljon aikaan, mutta mikäli rakennat sivustoja asiakkaille, tai yrityksesi liiketoiminta perustuu kotisivujen käyttöön, suosittelen tilaamaan maksullisen paketin. Näin pääset muun muassa luomaan oman teemasi ja käyttämään sivuston laajuisia widgetejä, mikä hyvinkin oikeuttaa pienen rahallisen sijoituksen.

Onko Elementor-kotisivukone ilmainen?

Elementor tarjoaa erinomaisen ilmaisversion, johon sisältyy laaja valikoima toimintoja sivuston rakennukseen. Mikäli suunnittelet henkilökohtaista sivustoa tai jopa pienen yrityksen kotisivuja, Elementorin ilmaisversio voi hyvinkin riittää. Saat käyttöösi runsaasti hyviä mallipohjia ja widgetejä sekä kotisivukoneen kaikki toiminnot, versiohistoria ja mobiilimuokkaus mukaan lukien.

Ovatko Elementorin mallipohjat ilmaisia?

Mikäli käytät ilmaisversiota, saatavilla on yli 40 ilmaista koko sivun mallipohjaa ilmaisine arkistokuvineen, sekä yli 100 ilmaista sivulohkon mallipohjaa esimerkiksi hinnaston, portfolion tai FAQ-osion luomiseen.

Mikäli päätät tilata Elementorin maksullisen paketin, saat käyttöösi lisäksi yli 300 koko sivun mallipohjaa sekä yli 100 sivulohkon mallipohjaa. Maksullinen tilaus voi olla järkevä ratkaisu useamman sivuston luontiin, mutta samalla kannattaa myös tarkistaa, voitko säästää osan WordPressin vuosimaksusta tuoreimmilla alennuksilla ja tarjouskupongeilla.

Voinko ladata Elementoriin oman mallipohjani?

Valmiiksi suunniteltujen mallipohjien lisäksi Elementor tarjoaa mahdollisuuden luoda myös omia pohjia. Tästä on paljon hyötyä etenkin silloin, kun haluat käyttää samoja elementtejä usealla eri sivulla. Pääset tallentamaan mallipohjasi My Templates -välilehdeltä. Samasta paikasta voit viedä sen myös muille WordPress-sivustoille, mikä on todella kätevää usean eri sivuston luonnissa. Elementor toimii kaikkien WordPress-teemojen kanssa, kunhan sinulla on WordPressin versio 5.0 tai uudempi. Voit siis halutessasi säilyttää nykyisen teemasi.

Vinkki: Jos haluat oikeasti tyylikkäät verkkosivut, palkkaa suunnittelija Fiverristä jopa 4 eurolla.

Onko Elementor kaikkein paras kotisivukone?

Elementor on drag and drop -periaatteella toimiva kotisivukone, jolla voit täysin ilmaiseksi luoda hyvinkin monipuolisen sivuston. Se on erinomainen vaihtoehto niille WordPressin käyttäjille, jotka eivät tykkää WordPressin omasta editorista. Mikäli sinulla ei kuitenkaan ole vielä WordPress-tilausta etkä kenties haluakaan tilata sitä, niin kannattaa tutustua muihin drag and drop -kotisivukoneisiin, joista on saatavilla ilmaisversioita. Jotkin tällaisista vaihtoehdoista sijoittuivat todella korkealle vertailussamme parhaat kotisivukoneet vuonna 2021 – käy tutustumassa!

Anna artikkelille arvosana
5.0 Arvostellut 3 käyttäjää
Olet jo äänestänyt! Kumoa
Tämä kenttä vaaditaanMaximal length of comment is equal 80000 charsKommentin minimipituus on 10 merkkiä

Komentteja?

Vastaa omalla arviollasi
Näytä vastaukset
View %s reply

Samankaltaisia päivityksiä

Näytä muita samankaltaisia päivityksiä

Tarkistamme kaikki kommentit 48 tunnin sisällä varmistaaksemme, että ne ovat kaltaisiltasi oikeilta ihmisiltä. Olemme ilahtuneita siitä, että pidit tätä artikkelia hyödyllisenä - olisimme kiitollisia, jos voisit jakaa sen myös muille.

Jaa tämä blogipäivitys kavereille ja kollegoille:

Siitä on varmasti hyötyä muille käyttäjille. Tiimimme tarkistaa arvion ja julkistaa sen 48 sisällä, jos se todetaan väärentämättömäksi ja aiheenmukaiseksi.

Saat joka kuukausi hyödyllisiä ja mielenkiintoisia vinkkejä, joilla voit parantaa verkkosivustosi toimivuutta ja ylittää markkinointiin liittyvät tavoitteesi!

Ihanaa, että ykkäsit!

Jaa kavereille!

1894802
100
5000
86233