Geriausių WordPress puslapių konstruktorių palyginimas: Elementor, WPBakery ir ACF

Rinkdamiesi WordPress puslapių kūrimo įrankį, iš esmės nusprendžiate, kaip sklandžiai vyks visas projekto kūrimas: nuo dizaino ir redagavimo patogumo iki programavimo apimties, puslapio greičio ir biudžeto. Rinkoje gausu įskiepių, tačiau jų filosofija ir galimybės skiriasi. Kad neapsiribotume teorija, atkūrėme identišką nukreipimo puslapį trimis skirtingais sprendimais – dviem blokų principu veikiančiais kūrėjais ir pasirinktinių laukų papildiniu – ir palyginome, kur, kada ir kodėl kuris įrankis yra pranašesnis.

Kas yra WordPress puslapių kūrimo įrankis ir kam jis reikalingas?

Puslapių kūrimo įrankiai – tai WordPress įskiepiai, praplečiantys standartinę redagavimo aplinką naujais moduliais. Jie leidžia greičiau komponuoti maketus, kurti šablonus, dėlioti puslapio elementus ir dažnai darbuotis be rankinio programavimo. Dažniausiai šie įskiepiai pateikia gatavų blokų, šablonų ir išdėstymų bibliotekas, o turinys komponuojamas „tempk ir dėk” principu – lengvai valdant tekstus, iliustracijas, mygtukus, animacijas ir pan. Vis dėlto visi kūrėjai vienodi nėra. Juos patogu skirstyti į dvi grupes: blokų pagrindu veikiančius sprendimus ir pasirinktinių laukų kūrėjus.

Blokų pagrindu veikiantys įrankiai

Šios kategorijos įskiepiai pateikia begalę paruoštų blokų ir išdėstymų. Elementus galima stumdyti, keisti ir pritaikyti vizualiai, realiuoju laiku. Pagrindinis privalumas – dizaino kūrimas be kodo: idealiai tinka, kai norisi greitai susidėlioti puslapį ir nereikia ypatingo tikslumo ar specifinių funkcijų.

Pasirinktinių laukų kūrėjai

Pasirinktinis laukas – tai metaduomenys, apibūdinantys turinį. Tipiniame įraše tokiu metaduomenų pavyzdžiu būtų pavadinimas ar publikavimo data. Pasirinktinių laukų papildiniai leidžia apibrėžti, kokią papildomą informaciją turinys turės (pavyzdžiui, filmų apžvalgoms pridėti žanrą, įvertinimą, amžiaus ribą, santrauką), o vėliau – pagal šiuos laukus filtruoti ar rūšiuoti. Tokie sprendimai reikalauja programuotojo žinių, nes laukai į temą integruojami redaguojant šablonų failus ir rašant kodą.

Kaip nustatėme geriausią „WordPress” puslapių kūrimo įrankį projektui

Praktika rodo, kad klientai dažnai pasirenka puslapių kūrėjus pagal asmenines nuostatas (pvz., patirtį dirbant su konkrečiu įrankiu praeityje) arba pagal programuotojo kompetenciją. Tačiau tai nėra geriausias metodas, nes neatsižvelgiama į tai, kaip tam tikras kūrimo įrankis padės išspręsti konkrečias projekto užduotis.

Idealiu atveju „WordPress” puslapių kūrimo įrankiai turėtų būti pasirenkami pagal projekto specifiką: svetainės tikslą, techninius reikalavimus, biudžetą ir terminus. Priežastis paprasta – pasirinktas įrankis gali turėti didelę įtaką tiek dizaino procesui, tiek rezultatui.

Kad tai įrodytume, mūsų programuotojai atkūrė vieną esamos svetainės puslapį Lumega Group projektui naudodami tris skirtingus „WordPress” puslapių kūrėjus: Elementor, WPBakery ir ACF.

Lumega Group yra viena didžiausių Skandinavijos apšvietimo gamintojų. Įmonė siūlo platų vidaus ir lauko LED produktų asortimentą gyvenamajam sektoriui, statybų pramonei bei valstybės institucijoms.

Kadangi Lumega Group svetainėje yra daug skirtingų produktų tipų su unikaliomis savybėmis, įvairių sekcijų, interaktyvių elementų ir nemažai duomenų laukų, ji pasirodė esanti puikus pasirinkimas mūsų eksperimentui.

Štai ką pavyko nustatyti:

• ACF
• WPBakery
• Elementor

Toliau apžvelgsime kiekvieno puslapių kūrėjo privalumus ir trūkumus, kai juos naudojome šiam „WordPress” puslapiui sukurti.

Elementor

Elementor yra universalus, blokais paremtas tinklalapių kūrimo įrankis su drag-and-drop vizualiu redaktoriumi. Pagal W3Techs tyrimus, tai antras pagal populiarumą įskiepis, 2022 m. naudotas 18,1 % „WordPress” svetainių.

Naudodami Elementor, vartotojai gali kurti dizainą iš didelės tinkinamų elementų bibliotekos ir redaguoti puslapio turinį be kodo rašymo. Jo sąsają sudaro trys pagrindinės dalys:

• sekcija su blokais, kuriuos galima įkelti į puslapį,
• peržiūros sritis, kurioje matosi pakeitimų įtaka dizainui,
• greitojo redagavimo skydelis.

Elementor privalumai:

• Intuityvus redaktorius. Galima reguliuoti elementų padėtį, tarpelius, vidinius tarpelius (padding), paraštes. Be to, Elementor leidžia tinkinti tipografiją, animacijas, gradientinius fonus, formų skirtukus (shape dividers) ir kitus vizualinius elementus. Netgi galima pritaikyti administratoriaus skydelio sąsają bei peržiūros langą.
• Optimizacija mobiliesiems įrenginiams. Perjungimas tarp kompiuterio, planšetės ir telefono režimų atliekamas vos keliais paspaudimais. Galima koreguoti arba paslėpti skirtingus elementus pagal įrenginio tipą.
• Plati įskiepių ir valdiklių biblioteka. Daugiau nei 400 įskiepių, valdiklių ir šablonų, skirtų praplėsti „WordPress” funkcionalumą. Yra paruoštų temų el. prekybai, tinklaraščiams ir kitoms svetainėms.
• Individualus temos kūrėjas. Leidžia kurti pasirinktinius šablonus puslapio tipams ir atskiriems įrašams. Agentūros ir prekių ženklai gali pakartotinai naudoti šablonus, kad išlaikytų vienodą stilių visose svetainėse.
• Pažangios integracijos. API leidžia plėsti Elementor galimybes ir integruoti svetainę su kitomis rinkodaros platformomis ar turinio valdymo sistemomis.
• Patobulintas vaidmenimis grįstas valdymas. Galima kurti pasirinktinius vartotojų vaidmenis bei teises, kas pagerina standartinį prieigos valdymą ir sustiprina saugumą.
• Puikus palaikymas. Auganti bendruomenė, atsakinga klientų pagalba, DUK, forumai, socialiniai tinklai bei gyvas pokalbis problemų sprendimui.

Elementor trūkumai:

• Puslapio kūrimo ribojimai. Drag-and-drop funkcionalumas apriboja stilizacijos galimybes ir apsunkina „pikselių tikslumo” dizaino kūrimą.
• Sudėtingesnė funkcionalumo integracija. Sudėtingesniems puslapiams reikia pridėti trumpinius (shortcodes) į „WordPress”. Kai kurios funkcijos neįmanomos be CSS, HTML ar PHP programavimo.
• Techninės problemos. Yra klaidų ir našumo bėdų – vartotojai susiduria su judesio efektais, tarpais bei trečiųjų šalių įskiepių suderinamumu.
• Lėtesnis puslapio veikimas. Išoriniai skriptai, integracijos ir gausybė elementų gali paveikti našumą. Todėl su Elementor sukurtoms svetainėms dažnai reikia papildomos PageSpeed optimizacijos.
• Pažangios funkcijos už „paywall”. Nemokama versija turi ribotas dizaino galimybes. Norint gauti prieigą prie dalies įskiepių ir valdiklių, reikia mokamos versijos.

Kainodara

• Nemokama versija – ribotomis galimybėmis.
• Essential Plan – nuo 49 USD per metus už vieną svetainę (įskaitant premium valdiklius, šablonus ir svetainės rinkinius).
• Taip pat yra brangesni planai kelių svetainių savininkams, agentūroms ir didelėms įmonėms.

WPBakery

WPBakery (anksčiau – Visual Composer) yra patogus naudoti, blokais paremtas „WordPress” puslapių kūrimo įrankis. Tai trečias pagal populiarumą įskiepis (po Elementor), turintis 13,9 % „WordPress” varomų svetainių dalį.

Šis įrankis leidžia kurti tinklalapius naudojant daugiau nei 50 turinio elementų, dešimtis šablonų ir šimtus trečiųjų šalių integracijų. Sąsaja padalinta į frontend ir backend redaktorius: priekinėje dalyje (frontend) galima vizualiai redaguoti puslapius, o administratoriaus skydelyje (backend) – keisti puslapio nustatymus, redaguoti metaduomenis ir kurti pasirinktinius blokus.

WPBakery privalumai:

• Pradedantiesiems draugiškas įrankis. Paprasta sąsaja ir daug paruoštų šablonų. Kaip ir Elementor, leidžia kurti puslapius tiesiog drag-and-drop būdu frontend redaktoriuje.
• Įvairūs iš anksto paruošti blokai. WPBakery palaiko daugybę įskiepių ir modulių su paruoštais turinio elementais bei šablonais, kurie supaprastina svetainės kūrimą.
• Blokų kūrimas. Galima kurti pasirinktinius elementus, išplečiant WPBakery shortcode klasę arba sukuriant naujus trumpinius (shortcodes).
• Pritaikoma vartotojo sąsaja. Galima rankiniu būdu reguliuoti elementus, pločius ir poslinkius skirtingiems įrenginiams bei iš anksto peržiūrėti, kaip puslapiai atrodys įvairiuose įrenginiuose.
• Grįstas „Bootstrap CSS”. WPBakery pagrįstas „Bootstrap CSS” struktūra, todėl galima pridėti ir redaguoti CSS taisykles blokams, masiškai keisti elementų reikšmes, puslapio tipus ir įrašus.
• Individualūs stiliai. Administratoriaus skydelyje galima kurti stilius, tinklelio elementų šablonus, blokus, eilučių parametrus ir stulpelių nustatymus – taip suteikiama daugiau kontrolės galutiniam puslapio vaizdui.

WPBakery trūkumai:

• Ribotas funkcionalumas. Nėra toks pažangus kaip Elementor – trūksta automatizavimo, puslapio pakeitimus reikia išsaugoti rankiniu būdu, taip pat ranka nustatyti paveikslėlių dydžius.
• Tik mokama versija. Nėra nei nemokamos, nei bandomosios versijos, o bazinis planas kainuoja brangiau nei Elementor alternatyva.
• Dizaino apribojimai. Neįmanoma kurti iki pikselio tikslumo dizaino, nes puslapiai yra padalinti į stulpelius. Galima apeiti šią problemą sukūrus vieną plačią centrinę koloną ir dvi siauresnes šonuose, tačiau tai dažnai kelia optimizacijos sunkumų mažesniuose įrenginiuose.
• Mažas puslapio greitis. Kuriant tinklalapį, WPBakery prideda daug skriptų, stilių ir shortcodes. Tai išpučia kodą, lėtina įkėlimą ir blogina SEO.
• Sunkiau tinkinti elementus. Nors galima kurti pasirinktinius elementus, procesas sudėtingesnis nei naudojant pasirinktinių laukų kūrėjus (pvz., ACF).

Kainodara

Pigiausias WPBakery planas kainuoja vienkartinį 56 USD mokestį už vieną svetainę. Taip pat galima rinktis 299 USD paketą, skirtą vienai SaaS platformai su išplėstinėmis temų integracijomis.

Advanced Custom Fields (ACF)

Tai pasirinktinių laukų kūrimo metodika, kurią patogiausia naudoti kartu su standartiniu blokiniu WordPress redaktoriumi ir „lankstaus turinio” moduliu. Kiekvienam turinio elementui sukuriamas blokas su laukais, o tada jis pernaudojamas ten, kur reikia. Didžiausias privalumas – visiška kontrolė, didžiausias iššūkis – kiekvieną bloką tenka programuoti.

Kaip tai veikia praktikoje

Pirmiausia suprogramuojami reikiami blokai ir jų laukai (žymos, pavadinimai, ribojimai, rodomi laukai ir pan.), tada šie blokai taikomi puslapiuose ar įrašuose. Administravimo dalyje galima žemėlapiuoti laukus konkrečiam turinio tipui, komentarams, formoms ar valdikliams.

ACF privalumai:

• Patogi administratoriaus sąsaja. Vartotojai turi daugybę įrankių, PHP ir JavaScript veiksmų bei filtrų, leidžiančių kurti individualius sprendimus pagal bet kurią „WordPress” temą.
• Pažangūs pasirinktiniai laukų tipai. Su ACF gaunate daugiau laukų, kad galėtumėte kurti sudėtingą funkcionalumą (pvz., nustatyti įrašo galiojimo datą ar turinio filtravimo funkciją).
• Išdėstymo pritaikymas. Visiška svetainės kontrolė – galima apibrėžti išdėstymus ir sublaukelius puslapio elementams kurti. Administratoriaus puslapio blokai gali būti visiškai pritaikyti – tiek atskirai, tiek visoje svetainėje.
• Visiška kodo kontrolė. Su ACF galima tiksliai pritaikyti turinio elementus, kad pasiektumėte „pikselių tikslumo” dizainą bet kuriame įrenginyje.
• Populiarių įskiepių palaikymas. ACF integruojasi su daugeliu trečiųjų šalių įskiepių, kurie praplečia svetainės funkcionalumą. Intuityvus API leidžia svetainę susieti su kitomis turinio valdymo sistemomis.
• Plati žinių bazė. Oficialioje svetainėje yra šimtai išsamiai paaiškintų gidų ir problemų sprendimo pamokų.
• Puikus puslapio įkėlimo greitis. Automatinis eksportas į JSON, AJAX laukai, PageSpeed optimizavimo moduliai ir metaduomenų valymo įrankiai leidžia kurti greitas ir paieškos sistemoms patrauklias svetaines.

ACF trūkumai:

• Reikalingi programavimo įgūdžiai. Norint kurti svetaines su ACF, būtinos CSS, JavaScript ir PHP žinios. Netinkamai redaguojant temos failų metaduomenis, vienintelė klaida gali sugadinti visą svetainę.
• Fiksuota blokų padėtis. Puslapio elementai išlieka pririšti prie tam tikrų vietų. Norint pakeisti blokų išdėstymą, dažnai tenka redaguoti temos failus.
• Negalima kopijuoti pasirinktinių laukų su turiniu. Negalima dubliuoti laukų su įrašytu turiniu į kitus puslapius ar tinklaraščio įrašus (o blokų kūrimo įrankiuose tai dažniausiai padaroma keliais paspaudimais).
• Nemokamos versijos ribojimai. Nemokama ACF versija siūlo tik ribotą pasirinktinių laukų tipų skaičių.

Kainodara

„WordPress” ACF su pagrindinėmis funkcijomis ir modulių palaikymu yra nemokamas. Taip pat galima rinktis vieną iš trijų ACF Pro planų, kurių pigiausias kainuoja nuo 45 eur per metus vienai svetainei.

Palyginimas pagal pagrindinius kriterijus

Mūsų lentelė parodo, kaip skirtingi „WordPress“ puslapių kūrimo įrankiai atlieka konkrečias užduotis. Kiekvieną galimybę įvertinome balais nuo nulio iki dešimties: dešimt reiškia didžiausią efektyvumą, o nulis – visišką funkcionalumo trūkumą.

Dizaino procesas

ACF yra naudingiausias, kai turite sudėtingą dizainą. Elementor ir WPBakery puslapių kūrimo įrankiai labiau tinka projektams be griežtų dizaino reikalavimų arba tik su bendra blokų struktūra. Jie taip pat puikiai veikia minimalistiniuose tinklalapiuose bei tinklaraščiuose.

Techninių specifikacijų priklausomybė

ACF puikiai tinka projektams su išsamiais reikalavimais. Tačiau kiekvienam puslapiui ir turinio elementui būtinas profesionalus programuotojas. WPBakery ir Elementor yra geresnis pasirinkimas eksperimentams. Jie siūlo paprastą „drag-and-drop” funkcionalumą, vizualų redagavimo būdą bei paruoštus šablonus, kurie leidžia net ir be techninių žinių lengvai kurti maketus.

Tiesioginis redaktorius

ACF neleidžia redaguoti turinio realiuoju laiku puslapyje. Tuo tarpu Elementor ir WPBakery buvo sukurti sklandžiam turinio redagavimui tiesiogiai iš priekinės puslapio dalies. Elementor turi patogiausią ir našiausią vizualų redaktorių, leidžiantį pertvarkyti elementus, keisti šriftus ir įterpti mediją neperkraunant puslapio. WPBakery sąsaja yra beveik tokia pat patogi, nors ir ne tokia funkcionali. O su ACF tenka kiekvieną turinio bloką užkoduoti, įkelti į tinklalapį ir susieti laukus administratoriaus skydelyje, kad pakeitimai įsigaliotų.

Administratoriaus skydelis

Visi „WordPress” puslapių kūrimo įrankiai turi patogią administratoriaus valdymo panelę. Vis dėlto, jei puslapis yra „sunkus”, WPBakery ir Elementor veikia lėčiau. Tuo tarpu ACF išlieka vienodai greitas visais atvejais.

Animacijos

Elementor leidžia papildyti dizainą iš anksto sukurtomis animacijomis – išblukimu, skaidrėmis, pasukimais ir kitais efektais. Tuo pat metu ACF yra kur kas patogesnis sudėtingoms animacijoms, kurioms reikia papildomo „JavaScript” kodo. Deja, WPBakery buvo sudėtingiausias įrankis dirbant tiek su paprastomis, tiek su sudėtingomis animacijomis.

Puslapio greičio optimizacija

ACF leidžia kurti švaresnį kodą, kuris pagreitina tinklalapio veikimą. Blokais paremti įrankiai, tokie kaip Elementor ir WPBakery, naudoja įvairius skriptus ir „shortcodes”, todėl atsiranda perteklinis kodas, lėtesnis užkrovimas ir prastesnė naudotojo patirtis. Žinoma, mažesniuose tinklalapiuose tai nebus didelė problema – juos galima optimizuoti standartiniais įskiepiais, tokiais kaip W3 Total Cache ar WP Meteor.

Kūrimo laikas

Rezultatai naudojant kiekvieną kūrimo įrankį buvo labai skirtingi. Štai kiek laiko tas pats programuotojas sugaišo kurdamas Lumega tinklalapį:

• Su Elementor tinklalapis sukurtas maždaug per 21 valandą
• Su WPBakery – per 23 valandas
• Su ACF (naudojant Gutenberg ir Flexible Content modulius) – per mažiau nei 18 valandų

Apskritai, Elementor ir WPBakery gali žymiai sutrumpinti minimalistinių tinklalapių su pagrindinėmis funkcijomis kūrimo laiką. Tačiau sudėtingesnius tinklalapius su originaliais dizainais paprasčiau kurti naudojant individualių laukų kūrimo įrankius, tokius kaip ACF, ypač kai yra aiškūs techniniai reikalavimai.

Lukas Juodagalvis

Nuo 2021 metų Lukas yra gilinęsis į dinamišką SEO pasaulį, kuriame jis derina kūrybiškumą su analitiniu mąstymu siekdamas skatinti skaitmeninį augimą. Jo kelionė prasidėjo nuo didelio smalsumo, kaip veikia paieškos sistemos, ir iki šiol išaugo į karjerą, kurioje jis sprendžia įvairius SEO iššūkius skirtingose pramonės šakose.