Ghidul pentru crearea de coduri scurte personalizate în WordPress

Cel mai simplu mod de a prezenta codurile scurte este să le definiți ca o modalitate ușoară de a adăuga conținut dinamic în postările, paginile și barele laterale dvs. WordPress. O mulțime de pluginuri și teme WordPress au coduri scurte ca mijloc de a adăuga conținut specializat, cum ar fi formulare de contact, galerii de imagini, glisoare și multe altele. Cea mai ușoară modalitate de a începe să creați și să utilizați coduri scurte este cu un plugin pentru coduri scurte. Cu toate acestea, dacă sunteți interesat să creați coduri scurte personalizate în WordPress, legați-vă centura, deoarece acest ghid este pentru dvs. Rețineți, acest lucru va necesita o experiență tehnică în codificare, probabil că știți deja asta.

Deci, există două moduri în care puteți găsi coduri scurte WordPress care să vă fie utile:

1. pot reduce cantitatea de cod pe care trebuie să o scrieți,
2. simplifică utilizarea pluginurilor, temelor și a altor funcții WordPress.

Procesul de pregătire a WordPress pentru coduri scurte personalizate

Deși nu este deloc o necesitate, este, în general, o idee bună să păstrați codurile scurte personalizate în propriul fișier. În caz contrar, puteți alege să le adăugați în fișierul functions.php al temei. Începeți cu crearea unui fișier nou numit „custom-shortcodes.php” și salvați-l în același folder ca fișierul functions.php al temei. Apoi, în interiorul fișierului nou creat, ați adăuga următorul bloc de cod:
<?php
?>
După ce faceți acest lucru, doriți să deschideți fișierul functions.php și să adăugați următoarea linie de cod:
include('custom-shortcodes.php');
Felicitări! Acum sunteți gata să începeți să creați coduri scurte personalizate în WordPress.

Crearea de coduri scurte de bază în WordPress

Vom explica procesul de creare a unui cod scurt WordPress de bază printr-un exemplu de inserare a unei imagini simple avatar. Primul pas este crearea funcției de cod scurt. În interiorul fișierului custom-shortcodes.php, veți adăuga următoarele:

function simpleavatar_function() {
returnează „<img src="https://simpleavatar.com/wp-content/uploads/avatar-simple.png”
alt=”doti-avatar” width=”96″ height=”96″ class=”left-align” />':
}

În exemplul de cod de mai sus, simpleavatar_function returnează o imagine predeterminată numită avatar-simple.png. Următorul pas ar fi să înregistrați codul scurt cu WordPress folosind funcția încorporată add_shortcode. Încă în interiorul custom-shortcodes.php, asigurați-vă că adăugați următoarea linie de cod:

add_shortcode('simpleavatar', 'simpleavatar_function');

După ce ați înregistrat un shortcode utilizând funcția add_shortcode, veți trece eticheta de shortcode ($tag) și funcția corespunzătoare ($func)/hook care se va executa ori de câte ori acea comandă rapidă este utilizată. În acest caz particular, eticheta de comandă rapidă este simpleavatar, iar cârligul este dotiavatar_function.
Asigurați-vă că utilizați numai litere mici atunci când denumiți etichetele , lăsând cratimele afară. Cu toate acestea, sublinierea este acceptabilă.
Deci, acum că ați creat codul scurt și l-ați înregistrat, ar fi grozav să îl încercați. Ori de câte ori doriți ca avatarul simplu să apară în conținutul postării, pur și simplu utilizați codul scurt: [simpleavatar]

Crearea de shortcodes personalizate în WordPress cu parametri (atribute)

În exemplul precedent, nu ai avut prea mult loc să schimbi lucrurile. Și, să presupunem că, în loc să împingeți o singură imagine, ați dori să puteți seta ce imagine să utilizați folosind un parametru. O modalitate excelentă de a face acest lucru este prin adăugarea unor atribute ($atts). Deci, ca și înainte, în interiorul custom-shortcodes.php, adăugați o altă funcție:

function simplating_function( $att=array() ) {

//setează parametrii impliciti

extract(shortcode_atts(array(

„evaluare” => „5”

), $atts));

returnează „<img src=\”http://simpleavatar.com/wp-content/uploads/$raing-star.png\”

alt=\”simple-rating\” width=\”130\” height=\”190\” class=\”left-align\” />”;

}

Ceea ce ai scris mai sus acceptă un singur parametru: rating. Dacă nu este transmisă o valoare de evaluare, va folosi o valoare implicită a șirului de 5. Face acest lucru prin desfacerea matricei de atribute folosind funcția încorporată shortcode_atts și apoi combinând valorile implicite cu valorile care ar fi putut fi trecute în funcție. . Asigurați-vă că nu uitați să înregistrați codul :
add_shortcode('simplerating', 'simplerating_function');

Cu funcția de cod scurt creat și cârligul adăugat, codul scurt este gata să-și găsească locul în conținutul postării dvs.:

[simplificare evaluare=3]

Acesta ar fi esenta creării de coduri scurte WordPress cu auto-închidere. Cu toate acestea, există încă un alt tip pe care îl puteți crea.

Un tip suplimentar de coduri scurte pe care îl puteți crea: coduri scurte care includ

Până în acest punct, am explicat codurile scurte care se înglobează automat. Cu toate acestea, există un alt tip de shortcode pe care am dori să vă prezentăm: includerea de shortcodes.

Acestea vă permit să utilizați un format în stil BBCode. Un astfel de stil ar arăta astfel:

[shortcode]conținut[/shortcode]

Introducerea codurilor scurte este utilă în cazul în care trebuie să manipulați conținutul inclus. Pentru a ilustra mai mult, să presupunem că aveți un anumit stil de buton pe care îl utilizați pentru site-ul dvs. web. Puteți folosi codul HTML pentru a genera acel buton/stil de fiecare dată când trebuie să îl utilizați. Cu toate acestea, puteți, de asemenea, să configurați un shortcode personalizat pentru a face acest lucru pentru dvs.

Utilizând un cod scurt, veți putea să vă concentrați pe conținut în loc de cod.

Crearea codurilor scurte incluse

Veți fi din nou la fișierul custom-shortcodes.php și adăugați următoarele:

function simplefollow_function( $atts, $content = null ) {

returnează „<a href="https://twitter.com/simpleavatar/” target="blank” class="doti-follow">' . $conținut . „</a>”;

}

În acest bloc de cod de mai sus, $content = null este folosit pentru a identifica această funcție ca un shortcode înglobat. În interiorul acestei funcții, vă includeți conținutul în codul HTML. Probabil că puteți ghici următorul pas - înregistrarea codului scurt:

add_shortcode('simplefollow', 'simplefollow_function');

Voila! Shortcode-ul este gata pentru a fi utilizat.

La ce se reduce

Odată ce înțelegeți cum funcționează crearea de coduri scurte personalizate în WordPress, veți descoperi că procesul în sine este simplu și fără efort. Cu toate acestea, dacă acest lucru pare a fi un efort prea mare pentru dvs., amintiți-vă că puteți ocoli procesul cu totul și puteți opta pentru pluginuri, teme și alte caracteristici care vă permit să stilați site-ul după bunul plac.