Nors standartinis „WordPress“ redaktorius puikiai tinka rašyti straipsnius, kuriant sudėtingesnius puslapių maketus jo funkcionalumas gali būti ribotas. Būtent šią problemą sprendžia puslapių kūrimo įskiepiai (angl. page builders). Tai galingi įrankiai, kurie leidžia vizualiai, „tempk ir mesk“ (angl. drag-and-drop) principu kurti profesionaliai atrodančius puslapius be jokių programavimo žinių.
Šiame gide supažindinsime su populiariausiu rinkoje puslapių redaktoriumi – „Elementor“.
⚠️ Svarbus įspėjimas prieš pradedant
Jeigu Jūsų svetainėje jau yra naudojamas vienas puslapių kūrimo įskiepis (pvz., „Elementor“, „Beaver Builder“, „WPBakery“), nerekomenduojame jo keisti į kitą. Kiekvienas įskiepis naudoja savo unikalią kodo struktūrą. Pakeitus įrankį, didelė tikimybė, kad visi su senuoju įrankiu sukurti puslapiai „sugrius“ ir juos reikės kurti iš naujo.
„Elementor“ gidas: Nuo pagrindų iki pirmo puslapio
„Elementor“ – tai populiariausias „WordPress“ puslapių kūrėjas pasaulyje, turintis ir galingą nemokamą, ir dar daugiau funkcijų suteikiančią „Pro“ versiją. Jo pagrindinis privalumas – tai realaus laiko vizualus redaktorius, reiškiantis, kad Jūs iš karto matote galutinį rezultatą, kurį matys ir Jūsų svetainės lankytojai.
Kaip veikia „Elementor“? (Pagrindiniai principai)
„Elementor“ puslapio struktūra yra paremta trijų lygių hierarchija:
- Sekcijos (Sections): Tai didžiausi puslapio „konteineriai“, kuriuose talpinamas visas turinys.
- Stulpeliai (Columns): Sekcijos yra padalintos į vieną ar kelis stulpelius, kurie leidžia išdėstyti turinį horizontaliai.
- Valdikliai (Widgets): Tai konkretūs turinio elementai (antraštės, paveikslėliai, mygtukai, vaizdo įrašai), kuriuos Jūs talpinate į stulpelius.
[Image illustrating the structure: a Section containing two Columns, with Widgets inside each column]
Žingsnis po žingsnio: Sukurkime puslapį su „Elementor“
1 žingsnis: Pradžia
Sukurkite naują puslapį (Puslapiai > Kurti naują) arba atidarykite jau esamą. Norėdami pradėti darbą, paspauskite didelį mėlyną mygtuką „Redaguoti su Elementor“.
2 žingsnis: Susipažinimas su sąsaja
Atsidarys „Elementor“ redaktorius. Ekranas bus padalintas į dvi dalis:
- Kairėje pusėje – valdiklių ir nustatymų skydelis.
- Dešinėje pusėje – Jūsų puslapio peržiūra realiu laiku.
3 žingsnis: Struktūros kūrimas
Pirmiausia sukurkite sekciją paspausdami pliuso piktogramą (+). Tuomet pasirinkite, iš kiek stulpelių ši sekcija susidės (pvz., vieno, dviejų, trijų ir t.t.).
4 žingsnis: Elementų (valdiklių) pridėjimas
Iš kairėje esančio skydelio pele paimkite norimą valdiklį (pvz., „Antraštė“) ir nutempkite jį į norimą stulpelį dešinėje pusėje esančiame makete.
5 žingsnis: Elementų redagavimas
Paspaudę ant bet kurio elemento, kairiajame skydelyje matysite tris redagavimo skiltis:
- Turinys (Content): Čia keičiate patį elementą – tekstą, paveikslėlį, nuorodą.
- Stilius (Style): Čia valdote dizainą – spalvas, šriftus, dydžius, atitraukimus.
- Išplėstiniai (Advanced): Čia rasite sudėtingesnius nustatymus, tokius kaip paraštės, animacijos ir pritaikymas skirtingiems įrenginiams.
6 žingsnis: Peržiūra ir publikavimas
Kairiojo skydelio apačioje rasite piktogramas, leidžiančias peržiūrėti, kaip Jūsų puslapis atrodo planšetėje ir telefone. Kai rezultatas Jus tenkina, paspauskite žalią mygtuką „Atnaujinti” (angl. Update) (angl. Update) arba „Paskelbti“ (angl. Publish).
Šalia rasite ir Istorijos (History) ikoną, kuri leidžia atšaukti pakeitimus ir grįžti prie ankstesnių versijų.
„Elementor“ Nemokama vs. Pro versija
Nemokama versija
Joje rasite apie 30 pagrindinių valdiklių, kurių pilnai pakanka sukurti funkcionalų ir estetišką puslapį. Populiariausi iš jų:
- Antraštė, Paveikslėlis, Teksto redaktorius
- Vaizdo įrašas, Mygtukas, Ikonėlė
- Tarpelis, Google žemėlapis
Pro versija
Atrakina prieigą prie daugiau nei 50 papildomų, pažangesnių valdiklių, tokių kaip:
- Formos (bet kontaktų formas galima sukurti ir su kitais nemokamais įskiepiais, pvz., WPForms)
- Kainų lentelės, darbų galerijos (Portfolio), atsiliepimai
- Geresnė integracija su WooCommerce elektroninės prekybos platforma.
Svarbiausia „Pro“ versijos nauda – tai Temos kūrėjas (Theme Builder), kuris leidžia su „Elementor“ redaguoti ne tik puslapio turinį, bet ir visos svetainės dalis: antraštę (header), poraštę (footer), straipsnių šablonus ir t.t.
Patarimas: „Elementor“ palaiko ir trečiųjų šalių priedus. Egzistuoja daugybė tiek nemokamų, tiek mokamų įskiepių, kurie prideda dar daugiau valdiklių į Jūsų „Elementor“ redaktorių.
Mokomoji medžiaga (anglų kalba):
https://elementor.com/academy/
https://elementor.com/academy/guides-and-tutorials/
Kitas paplitęs, ypač su „ThemeForest“ pirktose „Premium“ temose, puslapių kūrimo įskiepis yra WPBakery Page Builder (anksčiau žinomas kaip Visual Composer).
Svarbu paminėti, kad, šis įrankis daugeliui vartotojų nėra toks intuityvus ir lengvai perprantamas kaip „Elementor“.
Pagrindinis skirtumas yra redagavimo procesas. Nors WPBakery turi ir vizualų (frontend) redaktorių, didelė dalis darbo dažnai atliekama vidiniame (backend) redaktoriuje, kur puslapio struktūra atvaizduojama kaip tinklelis iš blokų ir eilučių. Tai nėra „realaus laiko“ redagavimas, todėl nematote galutinio vaizdo tol, kol neišsaugote pakeitimų ir neatnaujinate puslapio.
Pagrindiniai WPBakery ypatumai:
- Populiarumas per komplektaciją: Jo paplitimą lėmė tai, kad jis buvo vienas pirmųjų funkcionalių turinio redaktorių ir iki šiol yra komplektuojamas su tūkstančiais mokamų temų.
- Priklausomybė nuo trumpinių (shortcodes): Didžiausias WPBakery trūkumas – jis stipriai remiasi trumpiniais. Jei kada nors nuspręstumėte šį įskiepį išjungti, Jūsų puslapiuose liks matomas ne turinys, o trumpinių kodų „sriuba“, kurią sutvarkyti gali būti labai sudėtinga.
Todėl, nors su WPBakery tikrai galima sukurti puikias svetaines (ypač jei jis jau integruotas į Jūsų temą), naujiems projektams vartotojai dažniausiai renkasi šiuolaikiškesnį redaktorių pavadinimu „Elementor“ arba modernius blokų redaktoriaus sprendimus dėl jų paprastesnio ir intuityvesnio valdymo.
Pamoka (anglų kalba):