WordPress-sivut Elementorilla vai lohkoeditorilla

WordPressin oma sisäänrakennettu lohkoeditori on jo yli viiden vuoden ikäinen ja uusi full site editing -tekniikka on kehittynyt ulos beta-vaiheesta.
Onko enään siis mitään järkeä käyttää Elementoria?

Nopea vastaus on lähes kaikissa tapauksissa, että vuonna 2024 ei ole mitään järkeä käyttää Elementoria.

Mikä on Elementor

Elementor on WordPress-lisäosa, joka tuo WordPressin hallintapaneeliin oman sivunrakennustyökalunsa. Niin sanotun sivunrakentajan (site builderin). Elementor tuli markkinoille vuonna 2016, jolloin WordPressin hallintapaneelista löytyi sivujen sisällön hallintaan vain lähinnä MS Wordiä vastaava tekstieditori. Elementorin idea oli tarjota WordPressin käyttäjille kattavampi valikoima työkaluja.

Elementorin asentamisen jälkeen WordPressin sivueditorissa näkyy linkki, josta klikkaamalla pääsee Elementorin editoriin muokkaamaan sivua. Elementor ei toimi suoraan WordPressin oman editorin puitteissa, vaan avautuu erillisen editoriin, jossa sivua voi muokata.

Kuvassa näkyvän Muokkaa Elementorilla -linkin takaa avautuu näkymä, missä voit sivun vasemmasta laidasta valita sivuille lisättäviä elementtejä ja jokaiselle elementille löytyy valintoja ulkoasun ja toimintojen muokkaamiseen.

Elementorin ongelmat

Kolmannen osapuolen työkaluna Elementorin mukana tulee lisääntynyt riski bugeihin ja yhteensopivuusongelmiin. Käyttäjät raportoivat usein päivitysten aiheuttamista konflikteista muiden lisäosien kanssa. Nämä ongelmat voivat johtaa sivuston kaatumiseen, bugeihin sivujen ulkoasussa tai toimimattomiin elementteihin ja luvassa on resursseja vievää vikojen etsintää.

Avoid an excessive DOM size

Elementor tuottaa ylimääräistä ja pidempää koodia verrattuna WordPressin omaan lohkoeditoriin. Googlen PageSpeed Insights -testissä Elementorilla tehdyt sivut antavat Avoid an excessive DOM size -varoituksen.

Jos käytössä on laadukas HTTP/3 protokollaa käyttävä nettihotelli tästä ei pitäisi aiheutua suurempia hidasteluja sivujen latautumisnopeuteen, mutta asiasta on hyvä olla tietoinen.

Elementorin editori latautuu hitaasti

Elementorilla työskentely on tuskallisen hidasta varsinkin jos nettiyhteys tai tietokone on vähänkään hitaampaa kaliiberia. Ensinnäkin muokkaimen avautuminen on hidasta ja muutosten tallentamista saa myös odottaa normaalia lohkoeditoria pidempään.

Tämän lisäksi jos sivuille sattuu vierailija samaan aikaan kun Elementorin tallennus on kesken sivun CSS-tyylit voivat puuttua lähes kokonaan. Eli vierailijalle näkyy rikkinäinen ja sekava sivu.

WordPressin oma lohkoeditori

WordPressin lohkoeditori tuli vanhan WYSIWYG-tekstieditorin tilalle 2018-2019 vaihteessa.

Lohkoeditori on WordPressin oma drag-and-drop -sivunrakennustyökalu, missä otetaan valikosta valmiita rakennuspalikoita, mihin sitten lisätään tekstiä ja kuvia.

Lohkoeditorin toimintaperiaate on hyvin samanlainen kuin Elementorissa, mutta nopeampi ja selkeämpi käyttää.

Lohkovalikko

Lohkoeditorin lohkovalikosta löytyy pitkä lista rakennuspalikoita.

Lohkon asetukset

Kun lohko on valittu, editorin vasemmasta reunasta löytyy lohkokohtaisia asetuksia.

Lohkoeditorin listanäkymä

Listanäkymässä näet yhdellä silmäyksellä kaikki sivulla käytetyt lohkot ja voit järjestää niitä helposti hiirellä raahaamalla.

Listanäkymässä voit myös valita useita lohkoja kerralla ja vaihtaa niiden paikkaa tai kopioida tai poistaa ne.

Moderni sisällönhallinta

Verrattuna Elementoriin WordPressin oma lohkoeditori on merkittävästi modernimpi käyttöliittymältään ja suorituskyvyltään. Se on osa WordPressin ydintoimintoja, mikä tarkoittaa parempaa yhteensopivuutta, vähemmän bugeja ja sujuvampia päivityksiä. Lohkoeditori tuottaa puhtaampaa ja lyhyeämpää HTML-koodia, mikä parantaa sekä sivun latausnopeutta että hakukonenäkyvyyttä.

Lisää lohkoja

Jos WordPressin oletuslohkot ei riitä voit vapaasti asentaa niitä lisää. Yksi parhaista lohkopaketeista on Kadence Blocks, mistä löytyy lohkot mm. kuvagallerioille ja slidereille.

Mallipohjat ja globaalit lohkot

WordPressin lohkoeditorilla voit rakentaa useista sisältölohkoista kasattuja mallipohjia. Mallipohjat toimivat erinomaisesti esimerkiksi blogikirjoituksien, palvelusivujen tai tuotekuvauksien alustana.

Sivuston laajuisesti päivittyvillä globaaleilla lohkoilla hallitset sisältöä keskitetysti. Kun päivität globaalin lohkon, muutokset näkyvät automaattisesti kaikilla sivuilla, joilla lohko on käytössä. Tämä säästää aikaa ja varmistaa sisällön yhdenmukaisuuden koko sivustolla.

Jos arvostat nopeutta ja vakaata toimivuutta, lohkoeditori on viisas valinta.

Elementor oli hyvä työkalu viime vuosikymmenellä, mutta aikuisten oikeasti sille ei ole enään tarvetta.

WordPress-sivut lohkoeditorilla toteutettuna:

• Edulliset pienyrityksen kotisivut Kadence-teemalla ja Kadence-lohkoilla alk. 1640€ + ALV
• Räätälöidyt kotisivut uudella full site editing -tekniikalla alk. 5400€ + ALV