Pradedančiųjų vadovas „Elementor“ redaktoriui „WordPress“

„Elementor“ redaktorius yra populiariausias pasaulyje „WordPress“ puslapio statytojo papildinys. Šiuo metu jos rinkos dalis yra 17% ir ją naudoja 12% visų svetainių.

Tai supaprastina svetainės kūrimą naudojant keturis pagrindinius komponentus: bendro išdėstymo šablonai, blokai puslapių skyriams, individualių elementų valdikliai ir pasirinktinis kodas.

Vartotojai gali kurti patrauklias svetaines, neturinčius žinių apie kodavimą, o kūrėjai gali lanksčiai pridėti pasirinktinį „JavaScript“ ir CSS.

Kas yra „Elementor“ redaktorius?

Dažniausiai vadinami „Elementor“, įmonės pavadinimas yra „Elementor“, o redaktorius yra vienas iš jo produktų.

„Elementor“ redaktorius yra patogus „WordPress“ papildinio „Drag-and-Drop“ puslapio „Drag-and-Drop“, kuris suteikia galimybę kurti gražias svetaines, nežinant jokio kodo.

Jos intuityvi sąsaja suteikia vartotojams galimybę suprojektuoti tinklalapius, vilkdami valdiklius, tokius kaip vaizdai, mygtukai ar tekstas, į puslapio skyrius, kur reikia.

Kūrėjams „Elementor“ redaktorius palaiko pasirinktinį CSS, kad sukurtų dar daugiau unikalių dizainų.

Tačiau kodavimo žinios nereikia, nes „Elementor“ teikia išsamias pritaikymo parinktis, leidžiančias vartotojams kurti tikrai unikalius svetainių išdėstymus.

Kaip svetainės dizainas veikia „Elementor“ redaktoriuje

Sukurti svetainę su „Elementor“ redaktoriumi sukasi apie keturis pagrindinius elementus:

1. Šablonai

Šablonai pagreitina tinklalapių ir svetainių kūrimą, kurie yra atspirties taškas kuriant puslapius su iš anksto nustatytais maketais.

Šablonai Apibrėžia bendrą puslapio ar visos svetainės elementų, tokių kaip antraštės ir poraštės, struktūrą, esančią visoje svetainėje.

2. Blokai

Blokai yra iš anksto suprojektuoti tinklalapio skyriai, kuriuos galima vilkti ir numesti į išdėstymą.

Jie atspindi skirtingas puslapio sritis, tokias kaip herojaus skyrius ar atsiliepimų sritis, ir yra identifikuojamos pagal jų išdėstymą ar projektavimo tikslą.

3. Valdikliai

Valdikliai yra atskiri dizaino elementai, teikiantys konkretų turinį ar funkcionalumą, pavyzdžiui, vaizdus, ​​tekstą ar formas.

Valdikliai sujungti, kad būtų sukurti blokai, kurie atitinka bendrą išdėstymą, apibrėžtą šablonu.

4. Pasirinktinis kodas

„Custom Code“ funkcija suteikia galimybę išplėstiems vartotojams pridėti stiliaus pakeitimus, tokius kaip pasirinktiniai šriftai, animacijos ir tarpų koregavimai, naudojant CSS ir „JavaScript“, kad būtų galima modifikuoti puslapio struktūrą, suaktyvinti įvykius ir sukurti dinaminį elgesį, viršijantį „Elementor Editor“ integruotas parinktis.

„Elementor Custom Code“ ekrano kopija, 2025 m. Kovo mėn

Kaip „Elementor“ puslapio dizaino elementai veikia kartu

Trys elementai, kaip sukurti svetainę su „Elementor“, seka aiškią hierarchiją: Šablonai> Blokai> Valdikliai.

• Šablonai: Šablonai Apibrėžia bendrą puslapio ar visos svetainės elementų, tokių kaip antraštės ir poraštės, išdėstymo visoje svetainėje išdėstymas. Šablonai yra sudaryti iš blokų, kurie yra iš anksto suprojektuoti skyriai išdėstyme.
• Blokai: Blokai yra iš anksto suprojektuoti tinklalapio skyriai, tokie kaip herojaus skyrius ar atsiliepimų sritis. Jie identifikuojami pagal jų išdėstymą ar projektavimo tikslą ir yra sudaryti iš valdiklių, kuriuos galima sujungti įvairiais būdais, kad būtų sukurtos konkretūs blokų tipai.
• Valdikliai: Valdikliai yra atskiri elementai, teikiantys konkretų turinį ar funkcionalumą, pavyzdžiui, vaizdus, ​​mygtukus ar formas. Šie valdikliai naudojami blokuose, kurie savo ruožtu tinka išdėstymui, apibrėžtam šablonu.

„Elementor“ temos kūrėjo ekrano kopija, 2025 m. Kovo mėn

1. Šablonai

Šablonai yra bendras „Elementor“ dizaino lygis, teikiantis iš anksto suprojektuotus viso puslapio išdėstymą arba visos svetainės puslapio elementus, tokius kaip antraštės ir poraštės.

Jie kontroliuoja bendrą tinklalapių dizainą ir gali būti pritaikyti naudojant blokus ir valdiklius, kad atitiktų specifinius poreikius.

Šablonai parodo bendrą puslapio išdėstymą, o blokai yra iš anksto suprojektuoti turinio skyriai (pvz., Atsakymai ar kainų lentelės), kuriuos galima pridėti prie išdėstymo.

Kai pradedate nuo šablono, jis dažnai apima kelis blokus kaip savo dizaino dalį. Vartotojai gali vilkti ir mesti papildomus blokus į šabloną, kad pritaikytų išdėstymą ir padidintų jo funkcionalumą.

Kaip šablonai tinka „Elementor“ redaktoriaus darbo eigai

Šablonai tinka „Elementor“ svetainės projektavimo darbo eigai, pateikiant pradinį tašką kuriant puslapius.

Vartotojai gali pasirinkti iš anksto suprojektuotą šabloną, atitinkantį jų poreikius, tada tinkinti jį pertvarkydami, pakeisdami ar redaguodami jame esančius blokus.

Šablonai leidžia vartotojams sutaupyti laiko, tuo pačiu užtikrinant nuoseklumą visoje svetainėje, nes jie apibrėžia atskirų puslapių ar visos svetainės elementų, tokių kaip antraštės ir poraštės, struktūrą ir dizainą.

Nukreipimo puslapio šablono bibliotekos ekrano kopija, 2025 m. Kovo mėn.

2. Blokai

Blokas yra iš anksto sukurtas valdiklių derinys, pavyzdžiui, medijos valdiklio su teksto valdikliu pora.

Bloko išdėstymas nustato, kaip išdėstyti valdikliai, įskaitant tai, kaip jie suderinami vienas su kitu, kiek vietos užima kiekvieną vietą, ir tarpus tarp jų.

Ši informacija užtikrina, kad bloko dizainas yra ir funkcinis, ir vizualiai patrauklus.

Blokai yra tinklalapio projektavimo darbo eigos dalis. Pvz., Jei jums reikia kontaktinės formos konkrečioje šablono skyriuje, galite vilkti iš anksto priskirtą kontaktinės formos bloką ir ją įterpti.

Pats kontaktinės formos blokas yra pagamintas iš valdiklių. Individualus šablonas sukuriamas keičiant panašius blokus, juos modifikuojant arba pridedant visiškai naujų blokų, kad būtų galima pridėti naujų funkcijų tinklalapyje.

„Elementor“ siūlo daugybę iš anksto suprojektuotų blokų, kad atitiktų skirtingus dizaino poreikius, tokius kaip:

• Apie.
• Raginimas veikti.
• Klientai/draugai.
• Kontaktai.
• Atgalinis skaičiavimas.
• DUK.
• Savybės.
• Poraštė.
• Formos.
• Antraštė.
• Portfelis/galerija.
• Kaina.
• Pažangos juosta.
• Paslaugos.
• Prenumeruokite.
• Komanda.
• Liudijimai.

Kaip blokai tinka „Elementor“ darbo eigai

Blokai tinka „Elementor“ tinklalapio projektavimo darbo eigai, veikdami kaip paruošti naudojami skyriai, sudarantys konkrečias puslapio dalis.

Kiekvieną bloką sudaro valdikliai, apibrėžiantys jo turinį ir funkcionalumą.

Vartotojai gali pritaikyti šabloną pakeisdami panašius blokus, modifikuodami jų turinį arba pridėdami visiškai naujus blokus, kad pagerintumėte tinklalapio funkcionalumą.

3. Valdikliai Puslapių pastato sistema

„Elementor“ šablonus sudaro blokai, o blokai yra sukurti iš valdiklių.

Valdikliai yra mažiausi „Elementor“ redaktoriaus dizaino elementai, teikiantys konkrečias funkcijas (pvz., Mygtukus ir formas) arba turinio tipus (pvz., Vaizdus, ​​antraštes ir tekstą).

Valdikliai atitinka atskirus tinklalapio komponentus, apibrėždami puslapio struktūrą ir funkcionalumą.

Pvz., Kontaktų skyriuje gali būti antraštės valdiklis, teksto valdiklis ir kontaktinės formos valdiklis.

Kaip valdikliai tinka „Elementor“ darbo eigai

Valdikliai tinka darbo eigai kaip mažiausios iš anksto suprojektuotų ar pasirinktinių blokų dalys.

Vartotojai gali modifikuoti valdiklius bloke arba sujungti juos, kad sukurtų visiškai naujus pasirinktinius blokus. Šiuos pasirinktinius blokus, savo ruožtu, galima surinkti, kad būtų sudarytas pasirinktinis šablonas.

Vieno pašto dizaino redaktoriaus animacija

4. Pasirinktinis kodas

„Custom Code“ suteikia vartotojams galimybę pritaikyti stiliaus ir interaktyvius elementus, ne tik „Elementor Editor“ įmontuotus įrankius.

Skirtingai nuo šablonų, blokų ir valdiklių, kurie siūlo iš anksto nustatytas struktūras, pasirinktinis kodas suteikia tiesioginį dizaino ir funkcionalumo valdymą.

CSS leidžia tiksliai suderinti išdėstymą, tipografiją ir animaciją. „JavaScript“ prideda dinaminius efektus, tokius kaip slinkties animacijos ar užrištos sąveikos. HTML į puslapį integruoja trečiųjų šalių įrankius, tokius kaip išorinės formos ar stebėjimo scenarijai.

Pasirinktinis kodas yra naudingas, kai nepakanka įmontuoti „Elementor Editor“ nustatymų, siūlančių papildomą lankstumą tobulinant dizainus, kad būtų pasiektas didesnis specifiškumas, sudėtingumas ir valdymas dizaino ir funkcionalumo srityse.

Vartotojai taip pat gali pridėti kodą prie svetainės galvos skyriaus, kad įkeltų stiliaus lapus, scenarijus ar stebėjimo kodus visoje svetainėje.

Kaip pasirinktinis kodas tinka „Elementor“ redaktoriaus darbo eigai

„Custom Code“ telpa į „Elementor“ redaktoriaus darbo eigą, suteikdamas vartotojams galimybę patobulinti stilių, pridėti interaktyvumo ir pridėti sudėtingumo, kurio nėra per standartinius šablonus, blokus ir valdiklius.

Vartotojai gali pritaikyti CSS naudodamiesi „Elementor Editor“ pasirinktine kodo funkcija, kad atliktų visos svetainės stiliaus koregavimus nekeisdami atskirų elementų.

„JavaScript“ gali pridėti dinaminį elgesį, pavyzdžiui, lipnią navigaciją ar užrištą animaciją. HTML įterpia išorinį turinį, pavyzdžiui, pasirinktinės formos ar stebėjimo scenarijai.

Modifikavimui visoje svetainėje „Elementor Pro“ įgalina pasaulinę pasirinktinį kodo programą, užtikrinant, kad pakeitimai išliks vienodi keliuose puslapiuose.

Prieš puslapio turinį vartotojai taip pat gali pridėti kodą prie galvos skyriaus, kad įkeltų stiliaus lapus ir scenarijus.

„Custom Code“ suteikia lankstumo, kai blokai ir valdikliai neturi, leisdami vartotojams tiksliai suderinti savo dizainą, išlaikant struktūrizuotą darbo eigą.

„Elementor“ redaktorius AI

„Elementor“ redaktoriaus AI suteikia vartotojams galimybę generuoti ir patobulinti tekstą tiesiogiai teksto valdiklyje.

Vartotojai gali pasiekti AI teksto rašytoją spustelėdami rausvą „Wirt With Ai“ nuorodą.

AI sukurtas turinys siūlomas atsižvelgiant į kontekstą ir gali būti pakoreguotas supaprastinant, plečiant, sutrumpinant ar pritvirtinant gramatiką.

Vartotojai taip pat gali modifikuoti toną arba išversti tekstą į kelias kalbas.

Election redaktoriaus AI Knivethelt.

Pridedant pasirinktinį kodą su „Elementor AI“

„Elementor“ redaktoriaus pasirinktinio kodo funkcija taip pat siūlo AI, kad vartotojai galėtų generuoti ir pritaikyti pasirinktinį kodą rankiniu būdu nerašant CSS, „JavaScript“ ar HTML.

Konkrečiam elementams būdingam stiliui „Elementor AI“ gali generuoti pasirinktines CSS tokiems efektams kaip užvedimo animacijos, lipnios antraštės ar teksto transformacijos. AI sukurtas kodas apima jo funkcijos paaiškinimą, padedantį vartotojams suprasti jo poveikį prieš jį pritaikant.

Nors „Elementor“ redaktoriaus AI supaprastinama kodavimas, vartotojai yra atsakingi už sugeneruoto kodo tikrinimą, kad užtikrintų, jog jis veikia taip, kaip numatyta.

Kiek tai kainuoja

„Elementor“ redaktorius yra nemokama versija, kuri yra naudinga, tačiau atnaujinus į „Premium“ mokamus lygius, atrakina platesnį dizaino parinkčių spektrą.

Redaktorius yra stebėtinai prieinamas, atsižvelgiant į jo teikiamą vertę ir plačias jos galimybes.

Aprašomai nurodytas „Essential Tier“ kainuoja mažiau nei 60 USD per metus. Kitas žingsnis, vadinamas „Advanced Solo“, kainuoja mažiau nei 80 USD per metus. Abi pakopos siūlo licencijas naudoti vieną svetainę.

Pagrindinis skirtumas tarp dviejų pakopų yra tas, kad išplėstinė versija siūlo el. Prekybos funkcijas, galimybę pridėti pasirinktinį kodą ir gali būti naudojama bendradarbiaujant su bendradarbiavimo pastabų funkcija.

Viršutinės pakopos siūlo tas pačias galimybes, tačiau su licencijomis, leidžiančiomis diegti daugiau svetainių.

„Elementor“ redaktorius demokratizuoja profesionalų svetainių dizainą

„Elementor“ redaktorius yra universalus „WordPress“ puslapio kūrėjas, padedantis vartotojams kurti svetaines naudojant tris lengvai suprantamus elementus: šablonus, blokus ir valdiklius.

Šablonai kontroliuoja bendrą puslapio išdėstymą, blokai yra iš anksto suprojektuoti šablono išdėstymo skyriai, o valdikliai yra granuliuoto dizaino elementai, tilpti į blokus, atitinkančius konkrečius turinio tipus (pvz., Tekstą ir vaizdus) ir funkcionalumą (pvz., Formos ir mygtukai).

Kartu šie elementai sudaro intuityvios darbo eigos, kuri demokratizuoja interneto dizainą, pagrindą, leidžiantį vartotojams kurti patrauklias svetaines, tokias kaip profesionalas.

Daugiau išteklių:

Teminis vaizdas: „ICO Maker“/„Shutterstock“