Cum să utilizați widgetul Elementor Shortcodes [Ghid pentru începători]

Recent, am făcut tranziția la Elementor ca generator de drag și plasare. De la început, curba de învățare a fost atât de ușoară și distractiv din punct de vedere vizual – ceva ce puteam folosi pentru a face o pagină web perfectă vizual, împreună cu acuratețea maximă.

Câteva zile mai târziu, în WordPress Elementor, mi-am dat seama că pot escalada procesul de construire de zece ori pur și simplu folosind „Shortcodes Elementor”.

Pentru început, optimizarea unui site web pentru a-l face rapid este un lucru, iar pe de altă parte, construirea rapidă și ușoară a unui site web este alta. Deci, haideți să vorbim despre cum să utilizați codurile scurte WordPress Elementor foarte ușor și dacă este o idee bună să utilizați codurile scurte Elementor pentru proiectul dvs.

Ce sunt codurile scurte Elementor?

Codurile scurte Elementor sunt un șir de caractere sau un fragment care poate fi copiat și lipit pentru a duplica o anumită componentă a site-ului dvs. Cu alte cuvinte, shortcode-urile sunt etichete speciale; ceva, când este introdus, va genera o componentă diferită odată ce îl vizualizați.

Dacă asta sună complicat, atunci lasă-mă să-l detaliez pentru tine. Biblioteca Elementor are o colecție enormă de widget-uri pre-construite pe care le puteți folosi pentru a accelera procesul de construire a site-ului dvs.

Acum, dacă sunteți aproape de dezvoltare și aveți nevoie să duplicați o componentă, atunci shortcode-urile sunt cea mai bună modalitate de a face acest lucru în câteva secunde.

În primul rând, trebuie să copiați fragmentul componentei selectate și să-l inserați oriunde doriți să o duplicați.

Să presupunem că lucrați la construirea unui formular pe care îl veți utiliza pe o altă pagină. De obicei, ați construi exact aceeași formă folosind Elementor și v-ar lua câteva minute pentru a face acest lucru.

Cu toate acestea, codurile scurte ale șablonului Elementor vă permit să selectați o componentă prefabricată la alegere de pe o pagină web și apoi să o duplicați în alte locuri.

Aceasta este una dintre cele mai de bază utilizări ale codurilor scurte de widget și, sincer, există o utilizare mai eficientă a acesteia. Deci, dacă deja te gândești...

Când și cum să utilizați codurile scurte Elementor?

Iată un caz real pe care l-am găsit că este cel mai potrivit pentru utilizarea codurilor scurte WordPress Elementor:

Codurile scurte Elementor sunt alegerea ideală pentru a adăuga rapid mai mult conținut pe site-ul dvs., dacă este proiectat parțial folosind Elementor.

Dacă doriți să ajustați conținutul vechi și să adăugați widget-uri pre-proiectate pe pagina dvs., atunci sugestia expertului spune că shortcode-urile sunt calea de urmat. Așa că introduceți codurile scurte pentru șablonul dorit și voila!

Este cea mai bună alegere să injectați coduri scurte Elementor pentru ajustare. Un scenariu comun în care puteți întâlni această situație este lucrul pe paginile implicite ale unei teme alese.

Nu toate temele sunt concepute folosind Elementor, așa că încercarea de a le converti într-o pagină web Elementor ar putea rupe structura paginii.

În plus, alte plugin-uri care nu acceptă Elementor nu vă vor da acces la editarea acestor elemente și vă vor lăsa astfel într-o stare de dezastru.

Dar, nu-ți face griji…

Cu ajutorul codurilor scurte Elementor, puteți adăuga noi componente sau elemente pe site-ul dvs. web fără riscul unui conflict cu alți creatori de pagini și/sau pluginuri. Și, în plus, vă permite să adăugați propriul șablon personalizat.

Cum se instalează shortcodes pentru Elementor?

Instalarea shortcode-urilor este foarte ușoară și durează doar 3 pași pentru a o face. Iată cum puteți instala coduri scurte pentru Elementor.

Un memento blând – toți cei trei pași din acest ghid de instalare necesită să aveți Elementor instalat în WordPress. Deci, dacă nu ați făcut asta până acum, faceți-o rapid și revizuiți pașii mai târziu.

Există două procese în acest ghid de instalare – Instalare automată și Instalare manuală

Instalare automată

1. Mergeți la „Plugin-uri” și urmați „Adăugați nou” din același ecran.
2. Căutați coduri scurte WordPress pentru Elementor.
3. Instalează pluginul și activează-l.

Instalare manuală

1. Descărcați RS<a href=" #”> Elementor Shortcode.
2. Extrageți fișierul shortcode.zip. Fișierele plugin vor fi în directorul numit rselements-lite.
3. Încărcați fișierele plugin în locația instalării dvs. WordPress. Directorul ar trebui să fie cam așa – /wp-content/plugins/elementor-short-code.
4. Activați pluginul din secțiunea „Plugins” din meniul WordPress.

Instalarea manuală este doar un exemplu de un anumit plugin, iar procesul este similar pentru orice plugin pe care doriți să îl instalați manual.

Cum să introduceți șabloanele Elementor folosind coduri scurte?

Iată cum puteți introduce un șablon Elementor pre-proiectat folosind coduri scurte. Iată cum o poți face. Mergi la -

WordPress -> Șabloane -> Șabloane salvate

Aici, veți putea verifica codul scurt pentru fiecare widget din bibliotecă. În plus, vă puteți crea propriul șablon și puteți genera un shortcode unic pentru acesta.

Fiecare șablon salvat are propriul cod scurt unic, care este întotdeauna disponibil pentru utilizare pe alte pagini.

De exemplu, doriți să creați o fereastră pop-up WooCommerce în care clienții dvs. pot vedea starea comenzii lor.

Pentru aceasta, tot ce trebuie să faceți este să trageți și să plasați un widget pop-up din bara laterală de pe pânză. Acum, generați codul scurt din pop-up-ul original și inserați-l în noul pop-up și va genera exact același widget pop-up în cel mai scurt timp.

Acum că știți despre coduri scurte și cum funcționează acestea, s-ar putea să vă întrebați dacă Elementor convertește fiecare conținut de pe o pagină web în coduri scurte? Ei bine, dacă întrebi deja asta, iată răspunsul tău.

Elementor introduce conținut în paginile web cu sau fără coduri scurte?

Pentru a vă curăța confuzia, Elementor nu inserează conținut într-o pagină web folosind coduri scurte. Mai simplu spus, nu convertește un șablon într-un cod scurt unic și apoi îl pune pe pagina web. Iata de ce…

Dacă Elementor ar folosi coduri scurte pentru fiecare șablon generat din bibliotecă, elementele din bibliotecă ar depinde foarte mult de pluginul Elementor.

Și din anumite motive, dacă trebuie să eliminați Elementor din lista de pluginuri instalate pentru pagina dvs. web, veți pierde tot suportul pentru componentele existente ale bibliotecii Elementor și shortcode-urile sunt asociate acestora. Ca și cum s-ar transforma într-un coșmar absolut dacă s-ar întâmpla.

Dar nu este cazul cu Elementor, deoarece rezolvă problema simplu. Elementor generează un cod scurt pentru șablonul selectat pe care doriți să-l copiați.

Dar înainte de a face asta, face o copie a șablonului proiectat ca cod pe pagină.

Și astfel, data viitoare când copiați ceva dintr-un loc în altul, lipiți codul în spate. Dar vizual, utilizați coduri scurte pentru a face acest lucru.

Creatorii de pagini anteriori aveau astfel de dependențe de anumite plugin-uri și șabloane, pentru care era greu să folosești alte plugin-uri pe un site web.

Dar acum, fără dependențe, puteți modifica cu ușurință o pagină web indiferent dacă folosește generatorul de pagini Elementor sau nu.

Rezumând

Până acum, aveți toate ideile de care aveți nevoie pentru a începe să utilizați codurile scurte Elementor pe site-ul dvs. WordPress. În plus, primele ori sunt întotdeauna puțin confuze. Așadar, asigură-te că vezi câteva videoclipuri în timp ce o faci, pentru a te asigura că învățarea ta este perfecționată.