Cum să folosiți shortcode-uri în temele dvs. WordPress

Folosim shortcode-uri în temele WordPress de ani de zile și acestea au devenit o parte standard a modului în care construim site-uri.

Acestea rezolvă o problemă simplă: cum să adăugați aceeași funcționalitate în mai multe locuri fără a duplica codul sau a face fișierele temei mai greu de gestionat.

Shortcode-urile vă permit să creați fragmente de cod simple, reutilizabile, care funcționează oriunde pe site-ul dvs.

Indiferent dacă trebuie să afișați conținut personalizat, să adăugați formulare sau să creați elemente interactive, shortcode-urile oferă o modalitate curată de a adăuga acea funcționalitate și de a o utiliza oriunde este necesar.

În acest ghid, vă vom arăta cum să utilizați shortcode-uri în temele dvs. folosind diferite metode.

De ce să folosiți shortcode-uri în temele dvs. WordPress?

Shortcode-urile pot adăuga tot felul de funcționalități pe site-ul dvs. web, inclusiv galerii de imagini, formulare, fluxuri de social media și multe altele.

WordPress vine cu câteva shortcode-uri încorporate, dar există și multe pluginuri WordPress populare care adaugă shortcode-uri pe site-ul dvs.

De exemplu, WPForms are blocuri ușor de utilizat, dar oferă și shortcode-uri, astfel încât să puteți adăuga formulare în alte zone ale site-ului dvs. web.

De cele mai multe ori, veți adăuga shortcode-uri în zone de conținut precum postări și pagini.

Pentru a afla mai multe, vă rugăm să consultați ghidul nostru complet despre cum să adăugați un shortcode în WordPress.

Cu toate acestea, uneori, este posibil să doriți să utilizați un shortcode în fișierele temei dvs. WordPress.

Acest lucru vă permite să adăugați elemente dinamice în zone pe care nu le puteți edita folosind editorul standard de postări WordPress, cum ar fi pagina de arhivă. Este, de asemenea, o modalitate ușoară de a utiliza același shortcode pe mai multe pagini.

De exemplu, ați putea adăuga un shortcode în șablonul de pagină sau postare al temei dvs.

Având în vedere acest lucru, să vedem cum puteți utiliza shortcode-uri în tema dvs. WordPress. Pur și simplu utilizați linkurile rapide de mai jos pentru a sări direct la metoda pe care doriți să o utilizați:

• Metoda 1: Utilizarea editorului complet al site-ului (numai teme cu blocuri)
• Metoda 2: Editarea fișierelor temei dvs. WordPress (funcționează cu orice temă WordPress)
• Metoda 3: Adăugarea unui shortcode cu un constructor de pagini (teme personalizate)

Metoda 1: Utilizarea editorului complet al site-ului (numai teme cu blocuri)

Cel mai simplu mod de a adăuga un shortcode WordPress la tema dvs. este prin utilizarea editorului complet al site-ului. Acest lucru vă permite să adăugați un bloc Shortcode în orice parte a site-ului dvs. web.

Cu toate acestea, această metodă funcționează doar cu teme bazate pe blocuri, cum ar fi Hestia Pro. Dacă nu utilizați o temă activată pentru blocuri, va trebui să folosiți o altă metodă.

Pentru a începe, accesați Aspect » Editor în tabloul de bord WordPress.

În mod implicit, editorul complet al site-ului afișează șablonul de pagină principală al temei dvs., dar puteți adăuga shortcode-uri oricărui șablon.

Pentru a vedea toate opțiunile disponibile, selectați „Șabloane”.

Acum puteți face clic pe șablonul de pagină personalizat pe care doriți să îl editați.

Ca exemplu, vom adăuga un shortcode la șablonul paginii 404, dar pașii vor fi exact aceiași, indiferent de șablonul pe care îl selectați.

WordPress va afișa acum o previzualizare a șablonului.

Pentru a adăuga un shortcode, faceți clic pe pictograma mică a creionului.

După ce ați terminat, faceți clic pe pictograma albastră „+” din colțul din stânga sus al editorului de blocuri.

În bara de căutare, trebuie să tastați „Shortcode”.

Când apare blocul corect, trage-l și plasează-l pe șablonul temei.

Acum puteți fie să lipiți, fie să tastați shortcode-ul pe care doriți să îl utilizați.

După aceea, faceți clic pe butonul „Salvează”.

Acum, vizitați pur și simplu blogul dvs. WordPress pentru a vedea shortcode-ul în acțiune.

Metoda 2: Editarea fișierelor temei dvs. WordPress (funcționează cu orice temă WordPress)

Puteți adăuga, de asemenea, shortcode-uri la tema WordPress prin editarea fișierelor temei. Această metodă este mai avansată, dar funcționează atât cu temele clasice, cât și cu cele bazate pe blocuri.

Dacă nu ați adăugat cod pe site-ul dvs. înainte, consultați ghidul nostru pas cu pas despre cum să copiați și să lipiți cod în WordPress.

Puteți modifica fișierele individuale ale temei direct, dar acest lucru face dificilă actualizarea temei WordPress fără a pierde personalizările. Din acest motiv, recomandăm suprascrierea fișierelor temei prin crearea unei teme copil.

Dacă creezi o temă personalizată, poți adăuga sau modifica codul în fișierele temei existente.

Când editați fișierele temei dvs., nu puteți adăuga shortcode-ul în același format pe care îl utilizați cu zonele de conținut standard. În loc să vedeți ieșirea shortcode-ului, veți vedea shortcode-ul în sine pe ecran.

Acest lucru se întâmplă deoarece WordPress nu execută shortcode-uri în fișierele de temă. În schimb, va trebui să îi spuneți explicit WordPress-ului să ruleze shortcode-ul folosind funcția do_shortcode.

Pentru mai multe informații, consultați ghidul nostru despre cum să adăugați ușor cod personalizat.

Iată un exemplu de cod pe care îl veți adăuga în fișierele temei WordPress:

echo do_shortcode('[gallery]');

Pur și simplu înlocuiți „gallery” cu shortcode-ul pe care doriți să îl utilizați.

Dacă nu sunteți sigur unde să adăugați shortcode-ul, consultați ghidul nostru pentru începători despre ierarhia șabloanelor WordPress.

Dacă adăugați un shortcode cu parametri suplimentari, atunci va trebui să utilizați un fragment de cod ușor diferit.

Imaginați-vă că ați creat un formular de contact folosind WPForms. În acest caz, va trebui să utilizați shortcode-ul standard WPForms plus ID-ul formularului:

echo do_shortcode("[wpforms id='92']");

Depanare: Ce să faceți când do_shortcode nu funcționează

Uneori, este posibil să adăugați un shortcode la un fișier de temă, dar ieșirea codului nu apare pe site-ul dvs. WordPress. Acest lucru înseamnă, de obicei, că shortcode-ul depinde de un plugin WordPress sau de un alt cod de pe site-ul dvs.

Dacă funcția do_shortcode nu funcționează, asigurați-vă că pluginul care oferă shortcode-ul este instalat și activat accesând Plugin-uri » Plugin-uri instalate.

În imaginea următoare, WPForms este instalat, dar dezactivat, așa că codul echo do_shortcode nu va funcționa.

Puteți verifica, de asemenea, dacă un shortcode este disponibil adăugând funcția shortcode_exists() în fișierul dvs. index.php.

În următorul fragment, verificăm dacă fragmentul WPForms este disponibil pentru utilizare pe site-ul nostru:

if ( shortcode_exists( 'wpforms' ))  {
  echo do_shortcode("[[wpforms id='147']]");
}

Dacă tot nu vedeți ieșirea shortcode-ului pe site-ul dvs. web, atunci încercați să ștergeți memoria cache a WordPress-ului, deoarece este posibil să vedeți o versiune învechită a site-ului dvs.

Metoda 3: Adăugarea unui shortcode cu un constructor de pagini (teme personalizate)

O altă opțiune este crearea unei teme WordPress personalizate. Aceasta este o metodă mai avansată, dar vă permite să adăugați oricâte shortcode-uri doriți în orice zonă a temei dvs. WordPress. Puteți, de asemenea, să faceți alte modificări pentru a crea exact funcționalitățile și designul dorit.

În trecut, în mod obișnuit, trebuia să urmați un tutorial complicat sau să scrieți cod personalizat pentru a crea o temă WordPress personalizată. Cu toate acestea, acum puteți crea o temă personalizată fără a scrie o singură linie de cod folosind SeedProd.

SeedProd este cel mai bun constructor de pagini WordPress și vine, de asemenea, cu un constructor de teme, împreună cu întregi kituri de site și șabloane. Îți permite să-ți creezi propriile teme folosind un editor drag-and-drop.

Mai multe dintre brandurile noastre partenere și-au proiectat întregul site web cu acesta, iar echipele lor au apreciat cât de ușor de utilizat și direct este.

Pentru instrucțiuni pas cu pas, vă rugăm să consultați ghidul nostru despre cum să creați o temă WordPress personalizată (fără cod).

După crearea unei teme, puteți adăuga shortcode-uri în orice parte a site-ului dvs. WordPress accesând SeedProd » Theme Builder.

Aici, găsiți șablonul unde doriți să utilizați shortcode-ul.

Apoi, pur și simplu treceți mouse-ul peste acel șablon și faceți clic pe „Edit Design” când apare.

Aceasta va deschide șablonul în constructorul de teme SeedProd.

În meniul din stânga, derulați la secțiunea „Avansat”. Aici, găsiți blocul Shortcode și trageți-l pe aspectul dvs.

În previzualizarea live, pur și simplu dă clic pentru a selecta blocul Shortcode.

Acum puteți adăuga shortcode-ul dvs. în caseta „Shortcode”.

Implicit, SeedProd nu afișează ieșirea shortcode-ului în previzualizarea live.

Pentru a vedea shortcode-ul dvs. în acțiune, faceți clic pe comutatorul „Afișați opțiunea shortcode”.

După aceea, s-ar putea să doriți să adăugați stiluri la ieșirea shortcode-ului selectând fila „Avansat”.

Aici, poți schimba spațierea, adăuga CSS personalizat și chiar adăuga efecte de animație CSS.

Când sunteți mulțumit de cum arată pagina, faceți clic pe butonul „Salvare”.

După aceea, selectează „Publică” pentru a face shortcode-ul live.

Acum puteți vizita site-ul dvs. web pentru a vedea shortcode-ul personalizat în acțiune.

Sperăm că acest tutorial v-a ajutat să învățați cum să utilizați shortcode-urile WordPress în temele dvs. De asemenea, ați putea dori să consultați ghidul nostru despre cum să creați o pagină de destinație în WordPress și ghidul nostru complet despre cele mai eficiente elemente de design WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.