Krijimi i një faqe interneti me pamje profesionale nuk ishte për të gjithë, veçanërisht pasi të gjithë menduam se ju patjetër që duhej të ishit një profesionist në kodimin dhe krijimin e faqeve në internet. Në ditët e sotme, ne shohim mjete të reja që shfaqen për ekosistemin WordPress, në mënyrë që të ofrojë një zgjidhje gjithnjë e më të lehtë për hartimin e një faqe në internet dhe kjo brenda mundësive të fillestarëve.

Lidhur me hartimin e paraqitjeve të WordPress, ne tashmë duhej të paraqisnim shtojcën Visual Composer, i cili është padyshim një nga mjetet më të mira kur bëhet fjalë për dizajnin e paraqitjes. Sidoqoftë, duhet të theksohet se kjo zgjidhje nuk është e përshtatshme për të gjithë. Kjo është arsyeja pse në këtë tutorial, ne do t'ju prezantojmë më shumë me plugin WordPress Elementor, i cili është një plugin WordPress freemium (falas, por i zgjerueshëm sipas abonimit).

Ku mund të merrni Elementor për WordPress

Ne jemi duke menduar seriozisht që t'ju bëjmë të shihni potencialin e shtojcës dhe zgjidhja falas do t'ju ndihmojë të filloni pa paguar asnjë qindarkë. Kjo zgjidhje falas është në dispozicion në WordPress.org. Duke qenë një plugin WordPress, ky i fundit është i instaluar si çdo tjetër shtojcë nga pulti. 

Nëse shtojca arrin të të kënaqë plotësisht, do të kesh mundësinë të marrësh licencën e plotë me të gjitha funksionalitetet në faqe elementar zyrtar.

Karakteristikat kryesore të Elementor

Para fillimit të udhëzuesit me një përmbledhje të shtojcës, së pari do t'ju njohim me tiparet kryesore të shtojcës (versioni falas dhe versioni i plotë).

Versioni i lirë Versioni i plotë
Kolona të shumta Menuja e navigimit, artikulli
Modulet Tekste, tituj Modulet WooCommerce (produkte, kategori)
Modulet e videos, Imazhi, Carousel, Galeritë, Soundcloud Integrimi në Facebook (faqe, buton, komente)
Moduli i ndarjes Tabela e çmimeve
Moduli HTML Portfolio, Forma
Moduli për widget WordPress Moduli i Kërkimit

 

Vini re se kjo është një listë disi shteruese e karakteristikave të ndryshme të ofruara nga shtojca. Ju do të gjeni më shumë detaje në duke eksploruar faqen e tyre të internetit.

Filloni me Elementorin

Ne nuk do të mbulojmë të gjithë procesin e instalimit këtu. Meqenëse kjo është një shtojcë WordPress, procedura e instalimit tashmë është shpjeguar në një tutorial të mëparshëm. Sidoqoftë, pas instalimit, do të merreni në faqen kryesore të shtojcës.

faqja e prezantimit

Nëse e keni këtë faqe në ekranin tuaj, atëherë e keni instaluar saktë Shtojca e elementit. Aktualisht po përdorim versionin e plotë për këtë tutorial, por ndërfaqja nuk duhet të jetë shumë e ndryshme nga versioni falas.

Para se të shkoj në ndërfaqen e redaktimit, unë do t'ju ftoj të regjistroni licencën tuaj. Kjo është e vlefshme vetëm për ata që kanë zgjedhur versionin e plotë. Nëse keni versionin falas, mund të shkoni në seksionin tjetër. Për të regjistruar licencën tuaj, do të vëreni një njoftim në WordPress që do t'ju nxisë të regjistroni licencën tuaj.

njoftim plugin elementor.png

Thjesht duhet të klikoni mbi të për të shkuar në faqen e regjistrimit dhe të klikoni mbi Aktivizoj.

regjistrimi i licencës elementor.png

Normalisht do të keni nevojë për faqen tuaj të konfirmimit nëse licenca juaj është e vlefshme.

aktive licence elementor.png

Nëse nuk arrini në këtë faqe, ju ftoj të kontaktoni zhvilluesit e shtojcës për më shumë ndihmë për problemin.

Si të përdorni Elementor

Elementor punon në Faqet dhe Postimet në WordPress. Nëse përdorni ndërfaqen klasike ose ndërfaqen e re Gutenberg, do të shihni një buton që do t'ju nxisë të përdorni ndërtuesin Elementor.

konstruktor elementor.png

Në praktikë, nuk do të keni gjithmonë nevojë të redaktoni postimet tuaja duke përdorur Elementor. Prandaj ju ftoj të përdorni shtojcën vetëm në faqe. Duke klikuar në butonin, ju do të keni qasje në ndërfaqen e dizajnit Elementor e cila jep një ajër të déjà vu (për ata që përdorin WordPress Customizer).

Prezantimi interface elementor.png

Kështu që ju keni në të majtë kontrollet e ndryshme të ofruara nga shtojca dhe në të djathtë, keni pamjen paraprake të drejtpërdrejtë të modifikimeve tuaja. Në këtë manual, ne po përdorim temën e njëzet e gjashtëmbëdhjetë WordPress.

Seksionet elementare

Seksionet në Elementor janë grupe blloqesh funksionaliteti që ofron Elementor. Numri i seksioneve varet nëse jeni duke përdorur versionin e plotë dhe nëse jeni duke përdorur WooCommerce, Yoast SEO ose shtojca të tjera të pajtueshme. Në varësi të këtyre kushteve, do të keni më shumë ose më pak seksione në ndërfaqen tuaj. Meqenëse ne po përdorim versionin e plotë me shtojcën WooCommerce aktivizuar, kështu duket ndërfaqja jonë.

seksioni elementor.png

Si të vendosni një bllok Elementor

Sapo të zgjeroni një seksion, do të gjeni Blocks Elementor. Blloqet e ndryshme Elementor vendosen nga "Drag & Drop" në zonën e theksuar me vija me pika.

shto blloqet elementors.png

Si të zgjidhni një plan urbanistik në Elementor

Para se të shtoni një bllok në Elementor, duhet të mbani mend të zgjidhni një paraqitje duke klikuar butonin "+" në seksionin e theksuar.

zgjidhni një layout elementor.png

Në varësi të nevojave tuaja, ju do të zgjidhni paraqitjen më të përshtatshme për ju. Pasi të keni zgjedhur një paraqitje, ju keni theksuar një përfaqësim të atij seksioni në të njëjtën zonë. Ky seksion do të shfaqë të njëjtin numër kolonash që korrespondojnë me zgjedhjen tuaj. Në rastin tim, unë zgjodha një kolonë me 3 kolona.

seksioni elementar me zone.png

Blloqet e ndryshme me një shenjë "+" brenda, janë zonat që mund të pranojnë blloqe Elementor. Nëse shtoni një bllok Elementor pa zgjedhur më parë një paraqitje, paraqitja e kolonës së vetme do të zgjidhet si parazgjedhje.

Seksionet elementare mund të rirenditen ndërmjet tyre, duke ndjekur të njëjtin parim "tërheq dhe lësho". Mund të fshini gjithashtu një seksion, nëse nuk dëshironi ta përdorni më.

lëvizja e një elementi seksion.png

Këtu është një shembull i një seksioni i cili përmban 2 blloqe përkatësisht bllokun e titullit dhe bllokun e tekstit.

element seksion me 2 blocs.png

Si të përdorni mjete të tjera të projektimit

Pasi të keni mbaruar dizajnin tuaj, një nga gjërat që dëshironi të bëni është të kurseni punën tuaj. Këtë opsion do ta gjeni në fund të seksionit ku shfaqen seksionet e ndryshme të Elementorit.

elementor.png backup

Ju keni zgjedhjen midis kursimit të drejtpërdrejtë (Publikimi) dhe kursimit si një draft ose si një model. Këto pika të ndryshme do t'i shqyrtojmë më vonë.

Gjatë dizajnit tuaj, ju gjithashtu mund të dëshironi të shikoni paraprakisht ndryshimet pa ndërfaqen shtesë të Elementor. E tëra çfarë ju duhet të bëni është të klikoni në ikonën e syve.

parapamje e ndryshimeve elementor.png

Ndodh që gjatë projektimit të ndodhë një gabim (një veprim i pavullnetshëm). Në këtë rast, Elementor ofron një histori, e cila ju lejon të lundroni në të gjitha veprimet tuaja.

veprimet elementor.png

Kjo do t'ju lejojë të ktheheni lehtë.

Opsioni "Shfletuesi", i cili vjen pak para butonit të historisë, ju lejon të modifikoni më tej seksionet e ndryshme në lidhje me shfletuesin e përdorur nga vizitorët. Ky opsion ju jep mundësinë e modifikimit të përparuar të strukturave të seksioneve (gjerësia e kolonës). Ju duhet të bëni ndryshime këtu me shumë kujdes.

opsioni i shfletuesit elementor.png

Butoni "Cilësimet" ju lejon të modifikoni disa opsione specifike për faqen, siç janë titulli, imazhi i paraqitur ose statusi ndër të tjera.

elementor.png cilësimet

Kjo është e gjitha për këtë udhëzim, ne do të shqyrtojmë Elementor më shumë në udhëzuesin tonë të ardhshëm. Mos hezitoni të hidhni një vështrim në Faqja zyrtare që ofron shembuj shumë më të suksesshëm.