Cum să adăugați un shortcode în WordPress (Ghid pentru începători)

Adesea auzim de la utilizatori care se simt copleșiți de shortcodurile WordPress.

Aceste mici fragmente de cod pot părea confuze la început, dar sunt de fapt una dintre cele mai puternice funcționalități din WordPress atunci când sunt utilizate corect.

Indiferent dacă doriți să adăugați formulare de contact, galerii sau layout-uri personalizate, shortcode-urile oferă o modalitate ușoară de a insera funcționalități complexe fără a atinge niciun cod.

În acest ghid prietenos pentru începători, vă vom arăta exact cum să adăugați shortcode-uri în WordPress, unde să le plasați și cele mai bune moduri de a le utiliza.

Am împărțit totul în pași simpli, ușor de urmărit, pe care oricine îi poate înțelege, chiar dacă sunteți complet nou în WordPress.

Ce sunt Shortcode-urile?

Shortcode-urile în WordPress sunt scurtături de cod care vă ajută să adăugați conținut dinamic la postările, paginile și widgeturile din bara laterală WordPress. Ele sunt afișate între paranteze pătrate, astfel:

[myshortcode]

Pentru a înțelege mai bine shortcode-urile, să aruncăm o privire asupra contextului în care au fost adăugate inițial.

WordPress filtrează tot conținutul pentru a se asigura că nimeni nu folosește postări și conținut de pagină pentru a insera cod malițios în baza de date. Acest lucru înseamnă că puteți scrie HTML de bază în postările dvs., dar nu puteți scrie cod PHP.

Dar dacă ați dori să rulați un cod personalizat în postările dvs. pentru a afișa postări similare, reclame banner, formulare de contact, galerii sau altceva?

Aici intervine API-ul Shortcode.

Practic, permite dezvoltatorilor să adauge codul lor într-o funcție și apoi să înregistreze acea funcție la WordPress ca un shortcode, astfel încât utilizatorii să îl poată folosi cu ușurință fără a avea cunoștințe de codare.

Când WordPress găsește shortcode-ul, va rula automat codul asociat acestuia.

Să vedem cum să adăugăm cu ușurință shortcoduri în postările și paginile tale WordPress.

Poți folosi linkurile de mai jos pentru a sări la metoda preferată:

• Adăugarea unui shortcode în postările și paginile WordPress
• Adăugarea unui Shortcode în Widgeturile din Bara Laterală WordPress
• Adăugarea unui shortcode în vechiul editor clasic WordPress
• Adăugarea unui Shortcode în Fișierele Temelor WordPress
• Adăugarea unui Shortcode în Fișierele Temelor de Bloc Cu Editorul Complet al Site-ului
• Creating Your Own Custom Shortcode in WordPress
• Shortcoduri vs. Blocuri Gutenberg
• Întrebări frecvente despre shortcoduri

Adăugarea unui shortcode în postările și paginile WordPress

Mai întâi, trebuie să editați postarea și pagina unde doriți să adăugați shortcode-ul.

După aceea, trebuie să faceți clic pe butonul de adăugare bloc „+” pentru a insera un bloc Shortcode.

După adăugarea blocului Shortcode, puteți pur și simplu să introduceți shortcode-ul în setările blocului.

Shortcodul va fi furnizat de diverse pluginuri WordPress pe care le-ați putea folosi, cum ar fi WPForms pentru formular de contact.

Pentru a afla mai multe despre utilizarea blocurilor, consultați tutorialul nostru despre editorul de blocuri Gutenberg pentru mai multe detalii.

Acum puteți salva postarea sau pagina și previzualiza modificările pentru a vedea shortcode-ul în acțiune.

Adăugarea unui Shortcode în Widgeturile din Bara Laterală WordPress

Puteți utiliza, de asemenea, shortcoduri în widgeturile barei laterale WordPress.

Pur și simplu vizitați pagina Aspect » Widgeturi și adăugați un bloc widget „Shortcode” într-o bară laterală.

Acum, puteți lipi shortcode-ul în interiorul zonei de text a widget-ului.

Nu uitați să faceți clic pe butonul „Actualizare” pentru a salva setările widgetului dvs.

După aceea, poți vizita site-ul tău WordPress pentru a vedea previzualizarea live a shortcode-ului în widget-ul din bara laterală.

Adăugarea unui shortcode în vechiul editor clasic WordPress

Dacă încă folosești vechiul editor clasic, poți adăuga shortcoduri direct în zona de conținut.

Editează pur și simplu postarea sau pagina și lipește shortcodul acolo unde dorești să apară funcționalitatea.

Pentru cele mai bune rezultate, recomandăm plasarea lui pe o linie separată, mai ales pentru shortcodurile care adaugă elemente mari precum formulare sau galerii. Acest lucru ajută la prevenirea oricăror probleme de formatare.

Nu uita să salvezi modificările. Apoi poți previzualiza postarea pentru a vedea shortcodul în acțiune.

Adăugarea unui Shortcode în Fișierele Temelor WordPress

Shortcodurile sunt destinate utilizării în postări, pagini și widgeturi WordPress. Cu toate acestea, uneori, este posibil să doriți să utilizați un shortcode într-un fișier de temă WordPress.

WordPress face acest lucru ușor, dar va trebui să editați fișierele temei dvs. WordPress. Dacă nu ați mai făcut acest lucru înainte, consultați ghidul nostru despre cum să copiați și să lipiți cod în WordPress.

Practic, puteți adăuga un shortcode la orice șablon de temă WordPress prin simpla adăugare a următorului cod:

<?php echo do_shortcode('[your_shortcode]'); ?>

WordPress va căuta acum shortcode-ul și va afișa rezultatul acestuia în șablonul temei tale.

Adăugarea unui Shortcode în Fișierele Temelor de Bloc Cu Editorul Complet al Site-ului

Dacă utilizați o temă de bloc, atunci veți găsi mai ușor să adăugați shortcode-uri în fișierele temei WordPress utilizând editorul complet al site-ului.

Puteți accesa acest instrument selectând Aspect » Editor din tabloul de bord WordPress.

În mod implicit, vi se va afișa șablonul de pagină principală al temei dvs. și puteți comuta la alte șabloane selectând opțiunea „Șabloane”.

Odată ce ați ales un șablon, puteți începe să îl editați făcând clic în panoul din dreapta al editorului. Editorul va umple acum ecranul.

Acum puteți face clic pe pictograma inserare bloc „+” și căutați blocul shortcode. După aceea, pur și simplu trageți-l pe șablon și introduceți shortcode-ul pe care doriți să îl utilizați.

Nu uitați să faceți clic pe butonul „Salvare” din partea de sus a ecranului pentru a salva modificările.

Crearea propriului shortcode personalizat în WordPress

Shortcode-urile pot fi foarte utile atunci când doriți să adăugați conținut dinamic sau cod personalizat în postările și paginile WordPress. Cu toate acestea, dacă doriți să creați un shortcode personalizat, atunci este necesară o anumită experiență de codare.

Dacă sunteți confortabil cu scrierea codului PHP, iată un exemplu de cod pe care îl puteți folosi ca șablon:

// function that runs when shortcode is called
function wpb_demo_shortcode() { 
 
// Things that you want to do.
$message = 'Hello world!'; 
 
// Output needs to be return
return $message;
}
// register shortcode
add_shortcode('greeting', 'wpb_demo_shortcode');

În acest cod, am creat mai întâi o funcție care rulează un cod și returnează ieșirea. După aceea, am creat un nou shortcode numit „greeting” și am spus WordPress să ruleze funcția pe care am creat-o.

Puteți adăuga acest cod manual în fișierul functions.php al temei dvs. sau puteți folosi un plugin pentru fragmente de cod, cum ar fi WPCode (recomandat).

Îl recomandăm pe acesta din urmă, deoarece WPCode este cea mai sigură și mai ușoară modalitate de a adăuga cod pe site-ul dvs. Pentru a afla mai multe, consultați recenzia noastră despre WPCode.

Pentru mai multe detalii, puteți consulta ghidul nostru despre adăugarea de cod personalizat în WordPress fără a strica nimic.

Odată ce ați făcut acest lucru, puteți adăuga acest shortcode la postările, paginile și widget-urile dvs. folosind următorul cod:

[greeting]

Acesta va rula funcția pe care ați creat-o și va afișa rezultatul dorit.

Deși acest exemplu este simplu, adevărata putere a shortcodurilor este pentru reutilizarea codului complex.

Prin înfășurarea unui script lung într-un shortcode, păstrați editorul de conținut curat și faceți actualizările la nivelul întregului site mult mai ușoare. Trebuie să editați codul doar într-un singur loc.

Exemplu practic: Shortcode Google AdSense

Acum, să analizăm un exemplu mai practic.

Puteți folosi un shortcode pentru a afișa ușor un banner Google AdSense oriunde pe site-ul dvs.

// The shortcode function
function wpb_demo_shortcode_2() { 
 
// Advertisement code pasted inside a variable
$string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-format="fluid"
     data-ad-layout="in-article"
     data-ad-client="ca-pub-0123456789101112"
     data-ad-slot="9876543210"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>';
 
// Ad code returned
return $string; 
 
}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2'); 

Asigurați-vă că înlocuiți codul de reclamă placeholder cu codul dvs. Puteți folosi acum shortcode-ul [my_ad_code] pentru a afișa reclama în orice postare, pagină sau zonă de widget.

Shortcoduri vs. Blocuri Gutenberg

Blocurile Gutenberg și shortcode-urile permit ambele adăugarea de conținut dinamic pe site-ul dvs. WordPress. Principala diferență este că blocurile oferă o interfață vizuală, în timp ce shortcode-urile sunt fragmente bazate pe text pe care le lipiți într-un bloc specific.

Multe pluginuri populare WordPress au început să folosească blocuri în locul shortcode-urilor. Acest lucru se datorează faptului că blocurile sunt adesea mai ușor de utilizat pentru începători și vă permit să vedeți o previzualizare a rezultatului final direct în editor.

Am pregătit o listă cu cele mai utile pluginuri de blocuri Gutenberg pentru WordPress pe care ați putea dori să le încercați.

Dacă doriți să creați propriile blocuri Gutenberg personalizate, puteți urma tutorialul nostru pas cu pas despre cum să creați blocuri Gutenberg personalizate în WordPress.

Întrebări frecvente despre shortcoduri

Aici, la WPBeginner, primim adesea întrebări despre cum funcționează shortcode-urile. Mai jos sunt răspunsuri la unele dintre cele mai frecvente.

Sunt shortcode-urile încă relevante odată cu editorul de blocuri?

Da, absolut. În timp ce multe pluginuri mai noi folosesc blocuri dedicate, mii de alte pluginuri încă folosesc shortcode-uri pentru a vă permite să adăugați funcționalități la conținutul dvs. Le veți găsi utile pentru mult timp, motiv pentru care WordPress include un bloc dedicat Shortcode.

Pot shortcode-urile să încetinească site-ul meu?

Un shortcode este la fel de rapid ca și codul pe care îl rulează. Un shortcode bine codificat de la un plugin de renume va avea un impact minim asupra performanței site-ului dvs.

Cu toate acestea, utilizarea prea multor shortcode-uri care încarcă multe scripturi pe o singură pagină poate cauza uneori o încetinire.

Cum găsesc shortcode-ul pentru un plugin?

Majoritatea pluginurilor își vor afișa shortcode-ul în pagina lor de setări, documentație sau chiar în interfața editorului. De exemplu, WPForms face ușor copierea shortcode-ului unui formular imediat ce îl salvați.

Pot folosi shortcode-uri în page buildere precum SeedProd?

Da, toți page builderele majore precum SeedProd au un bloc sau widget dedicat pentru ‘Shortcode’. Puteți pur și simplu să trageți blocul pe layout-ul dvs. și să lipiți shortcode-ul pe care doriți să îl afișați.

Sperăm că acest articol v-a ajutat să învățați cum să adăugați un shortcode în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să afișați și să ascundeți text în postările WordPress cu efectul de comutare și tutorialul nostru despre cum să copiați și să lipiți în WordPress fără probleme de formatare.

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.