Cum să adăugați cu ușurință cod personalizat în WordPress (fără a vă strica site-ul)

Când am început să-mi personalizez propriul site WordPress, mi-era teamă să adaug cod personalizat. Un singur punct și virgulă greșit plasat în fișierul functions.php îmi putea bloca întregul site. Gândul singur mă panica.

Așa că atunci când am dat peste tutoriale WordPress, ca multe dintre cele de pe WPBeginner, care îmi spuneau să inserez fragmente de cod în tema mea sau într-un plugin specific site-ului, ideea mi s-a părut și mai intimidantă.

Iată însă vestea bună. Există un plugin gratuit care vă permite să adăugați în siguranță cod personalizat, fără niciun risc de a vă defecta site-ul.

În acest articol, vă voi arăta această metodă ușoară de a adăuga cod personalizat în WordPress în siguranță. Această abordare funcționează perfect atât pentru începători, cât și pentru utilizatorii experimentați care doresc să-și personalizeze site-urile fără stres.

Problema cu fragmentele de cod personalizate (și cum să o rezolvați)

Așa cum am menționat mai devreme, adesea veți găsi fragmente de cod în tutorialele WordPress cu instrucțiuni de a le adăuga în fișierul functions.php al temei dvs. sau într-un plugin specific site-ului.

Cea mai mare problemă este că chiar și o mică greșeală în fragmentul de cod personalizat poate bloca site-ul dvs. WordPress și îl poate face inaccesibil.

Nici să nu mai vorbim de faptul că, dacă actualizați sau schimbați tema WordPress, toate personalizările dvs. vor fi eliminate.

Cealaltă problemă este că dacă adăugați mai multe fragmente de cod într-un plugin specific site-ului, fișierul poate deveni greu de gestionat.

Din fericire, există o modalitate mai ușoară pentru utilizatori de a adăuga și gestiona fragmente de cod personalizate în WordPress.

WPCode este cel mai popular plugin pentru fragmente de cod, utilizat de peste 2 milioane de site-uri WordPress. Facilitează adăugarea de fragmente de cod în WordPress fără a fi nevoie să editați fișierul functions.php al temei dvs.

WPCode face, de asemenea, simplă adăugarea de coduri de urmărire pentru Google Analytics, Facebook Pixel, Google AdSense și altele în zonele de antet și subsol ale site-ului dvs.

Nu va trebui niciodată să vă faceți griji că vă veți strica site-ul, deoarece validarea inteligentă a fragmentelor de cod vă ajută să preveniți erorile comune de cod.

În plus, WPCode vine cu o bibliotecă de fragmente de cod încorporată unde puteți găsi toate cele mai fragmente de cod WordPress populare, cum ar fi permiterea încărcării fișierelor SVG, dezactivarea REST API, dezactivarea comentariilor, dezactivarea Gutenberg, eliminarea și multe altele.

Acest lucru elimină necesitatea de a instala pluginuri separate pentru fiecare solicitare de funcționalitate.

Partea cea mai bună este că puteți gestiona toate fragmentele de cod dintr-un singur ecran central și puteți adăuga etichete pentru a le organiza.

Există, de asemenea, o versiune gratuită a WPCode care are toate funcționalitățile de bază de care aveți nevoie pentru a adăuga cod personalizat în WordPress, inclusiv suport pentru 6 tipuri de cod, logică condițională inteligentă și multe altele.

Acestea fiind spuse, să vedem cum să adăugați cu ușurință fragmente de cod personalizate în WordPress cu WPCode.

• Adăugarea de fragmente de cod personalizate în WordPress
• Gestionarea erorilor în codul personalizat
• Gestionarea fragmentelor de cod personalizate
• Bonus: Generate Custom Code Snippets with AI

Adăugarea de fragmente de cod personalizate în WordPress

Primul lucru pe care trebuie să îl faceți este să instalați și să activați pluginul gratuit WPCode pe site-ul dvs. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

La activare, pluginul va adăuga un nou element de meniu numit „Fragmente de cod” în bara de administrare WordPress. Făcând clic pe el, veți vedea o listă cu toate fragmentele de cod personalizate pe care le-ați salvat pe site-ul dvs.

Deoarece tocmai ați instalat pluginul, lista dvs. va fi goală.

Continuă și apasă pe butonul „Adaugă nou” pentru a adăuga primul tău fragment de cod personalizat în WordPress.

Acest lucru vă va aduce pe pagina „Add Snippet”. Aici puteți alege un fragment de cod din biblioteca predefinită sau puteți adăuga codul dvs. personalizat.

Pentru a adăuga cod personalizat, faceți clic pe butonul „+ Adăugare fragment de cod personalizat” sub opțiunea „Adăugați codul dvs. personalizat (Fragment nou)”.

Apoi, alegeți tipul de cod din lista de opțiuni care apar pe ecran.

Pentru acest tutorial, vom face clic pe opțiunea „PHP Snippet”.

Veți fi acum direcționat către pagina Creare fragment de cod personalizat.

Puteți începe prin a introduce un titlu pentru fragmentul de cod personalizat. Acesta poate fi orice lucru care vă ajută să identificați codul.

După aceea, puteți copia și lipi fragmentul de cod în caseta „Code Preview”.

În captura de ecran de mai sus, am adăugat o secțiune de cod personalizat pentru a elimina numărul versiunii WordPress de pe site-ul meu de test.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Sub caseta de cod, veți vedea opțiunile de inserare. Există două opțiuni principale de inserare: Inserare automată și Shortcode.

Dacă ați ales metoda „Inserare automată”, secțiunea va fi inserată și executată automat pe site-ul dvs.

Puteți rula automat fragmentul doar în zona de administrare WordPress, pe partea vizibilă a site-ului dvs. sau peste tot. Puteți chiar alege să inserați fragmentul în locații specifice paginii, cum ar fi înainte sau după postări sau în conținutul postărilor.

Dacă nu sunteți sigur, selectați opțiunea implicită „Run snippet everywhere”.

Cu metoda „Shortcode”, fragmentul nu este inserat automat. După ce salvați fragmentul, veți primi un shortcode specific fragmentului pe care îl puteți utiliza oriunde pe site-ul dvs.

Când derulați mai jos, puteți limita unde doriți ca fragmentul să fie încărcat în funcție de tipul dispozitivului. Implicit, fragmentele sunt încărcate pe toate tipurile de dispozitive, dar le puteți seta să se încarce doar pe desktop sau doar pe mobil.

Apoi, puteți utiliza secțiunea puternică „Logica condițională inteligentă” pentru a afișa sau ascunde fragmentele inserate automat pe baza unui set de reguli.

De exemplu, puteți afișa fragmente de cod doar utilizatorilor conectați, puteți încărca fragmente de cod doar pe URL-uri specifice de pagină și multe altele.

În cele din urmă, veți vedea o zonă de „Informații de bază”. Puteți adăuga aici orice ajută la înțelegerea a ceea ce face acest cod, de unde l-ați găsit și de ce îl adăugați pe site-ul dvs.

Puteți, de asemenea, să atribuiți etichete fragmentului dvs. de cod. Acest lucru vă va ajuta să sortați fragmentele de cod după subiect și funcționalitate.

Câmpul de prioritate vă permite să controlați ordinea în care fragmentele de cod sunt executate atunci când doriți să afișați mai multe fragmente în aceeași locație. Implicit, toate fragmentele de cod primesc o prioritate de 10. Dacă doriți ca un fragment de cod să fie afișat mai devreme decât altele, pur și simplu setați prioritatea fragmentului de cod la un număr mai mic, cum ar fi 5.

Când ați terminat de ales opțiunile, comutați comutatorul de la „Inactiv” la „Activ” în colțul din dreapta sus, apoi faceți clic pe butonul „Salvare fragment”.

Dacă doriți să salvați fragmentul de cod și să nu îl activați, pur și simplu faceți clic pe butonul „Save Snippet”.

Odată ce ați salvat și activat fragmentul de cod, acesta va fi adăugat automat pe site-ul dvs., dacă aceasta este metoda de inserare pe care ați ales-o, sau va fi afișat ca un shortcode.

Gestionarea erorilor în codul personalizat

Adesea, dacă faceți o greșeală la adăugarea codului personalizat în pluginul specific site-ului sau în fișierul temei, acesta va face imediat site-ul dvs. inaccesibil.

Veți începe să vedeți o eroare de sintaxă sau o eroare de server intern 500 pe site-ul dvs. Pentru a remedia acest lucru, va trebui să anulați manual codul utilizând un client FTP.

Partea interesantă a pluginului WPCode este că va detecta automat o eroare de sintaxă în cod și îl va dezactiva imediat.

De asemenea, vă va afișa un mesaj de eroare util, astfel încât să puteți depana eroarea.

Validarea inteligentă a fragmentelor de cod WPCode va detecta, de asemenea, orice erori pe măsură ce adăugați codul personalizat.

Trecerea cursorului peste eroare va afișa instrucțiuni pentru a vă ajuta să o remediați.

Gestionarea fragmentelor de cod personalizate

Pluginul WPCode oferă o interfață de utilizator ușoară pentru a gestiona fragmentele de cod personalizate în WordPress.

Puteți salva fragmente de cod fără a le activa pe site-ul dvs., apoi puteți activa sau dezactiva fragmentul oricând doriți. De asemenea, este posibil să filtrați fragmentele de cod după tip și locație și să utilizați etichete pentru a vă organiza cu ușurință fragmentele de cod.

Puteți, de asemenea, să exportați fragmente de cod specifice sau să le exportați pe toate în bloc.

Pur și simplu accesați Code Snippets » Tools și faceți clic pe fila „Export”.

Dacă mutați site-uri web pe un server diferit, puteți importa cu ușurință fragmentele de cod pe noul site.

Pur și simplu accesați pagina Code Snippets » Tools » Import și încărcați fișierul de export.

Bonus: Generați fragmente de cod personalizate cu AI

Chiar dacă nu știți să programați, puteți crea cu ușurință fragmente personalizate pentru site-ul dvs. WordPress folosind Generatorul de Fragmente AI al WPCode. Deci, în loc să vă chinuiți cu PHP, HTML sau CSS, puteți descrie ceea ce doriți pentru site-ul dvs. în limbaj simplu.

Din pagina „Adăugare fragment”, plasați cursorul peste opțiunea „Generare fragment folosind AI”. Apoi, faceți clic pe butonul „+ Generare fragment”.

Apoi, va apărea o casetă de text unde puteți descrie ce doriți să facă fragmentul dvs. de cod. Încercați să fiți specific cu privire la ceea ce doriți, dar nu o faceți prea lungă, puteți folosi oricând funcția AI Improve pentru a face modificări suplimentare mai târziu.

După ce ați tastat solicitarea, faceți clic pe butonul „Generate”.

AI-ul va scrie acum noul fragment de cod, precum și va selecta locația de auto-inserare și va seta logica condițională, dacă este necesar.

Dacă doriți să ajustați noul fragment, puteți face clic pe butonul „AI Improve”, care vă va permite să descrieți modificările pe care doriți să le faceți.

Puteți utiliza, de asemenea, funcția Îmbunătățire AI pentru a îmbunătăți oricare dintre fragmentele de cod existente.

Tutorial video

Dacă nu vă plac instrucțiunile scrise, puteți urmări tutorialul nostru video despre cum să adăugați ușor cod personalizat în WordPress:

Sper că acest articol v-a ajutat să învățați cum să adăugați cu ușurință cod personalizat în WordPress. Doriți să experimentați cu câteva fragmente de cod pe site-ul dvs.? Consultați lista noastră de trucuri extrem de utile pentru fișierul de funcții WordPress și nu uitați să consultați ghidul nostru complet pentru accelerarea site-ului dvs. 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.