Adăugarea de cod la un antet sau subsol WordPress

Dintr-o mare varietate de motive, este posibil ca la un moment dat să doriți sau să aveți nevoie să adăugați cod la antetul sau subsolul site-ului dvs. WordPress. Din păcate, platforma nu oferă o modalitate simplă sau directă de a face acest lucru din cutie.

Vestea bună este că puteți remedia cu ușurință acest lucru cu ajutorul unei teme copil și al fișierului dumneavoastră functions.php sau al unui plugin WordPress. Indiferent de metoda pe care o alegeți, vă veți putea îmbunătăți cu ușurință site-ul cu funcții personalizate, date despre utilizatori și strategii de creștere a performanței.

În această postare, vom explica câteva cazuri în care ați putea avea nevoie sau doriți să adăugați cod la antetul și subsolul site-ului dvs. WordPress. Apoi, vom împărtăși instrucțiuni pas cu pas pentru două metode care vă permit să editați aceste elemente pentru a crea un antet sau un subsol personalizat. Să începem!

De ce să vă editați codul de antet și subsol WordPress?

Motivele pentru care poate doriți să editați antetul sau subsolul WordPress sunt multe și variate. Probabil cel mai evident este că uneori doriți să vă stilați site-ul prin utilizarea unui cod personalizat și aveți nevoie de o modalitate de a adăuga acest cod la antetul și/sau subsolul dvs.

Totuși, acestea sunt și locații principale pentru codurile de urmărire, cum ar fi cea folosită pentru Google Analytics. Aceste coduri pot oferi informații valoroase despre comportamentul utilizatorilor pentru a vă îmbunătăți strategiile de marketing și de conținut.

În plus, WordPress nu include metaetichete în mod implicit. Acestea sunt adăugate la antetul site-ului dvs. pentru a ajuta motoarele de căutare să vă acceseze cu crawlere paginile. Deși nu sunt la fel de relevante acum ca înainte, nu este rău să le adaugi la antetul tău - pot ajuta doar vizibilitatea site-ului tău.

În cele din urmă, este posibil să fiți familiarizat cu practica de a muta JavaScript-ul de blocare a randării „sub fold”. Acest lucru înseamnă de obicei să îl adăugați la subsolul dvs. WordPress, ceea ce va necesita editarea codului său. Această tehnică poate ajuta la îmbunătățirea performanței site-ului dvs. prin reducerea timpilor de încărcare.

Cum să adăugați manual codul la antetul sau subsolul dvs. WordPress (în 2 pași)

Există două metode principale pentru a adăuga cod la antetul sau subsolul WordPress. Primul este să editați manual tema site-ului dvs., iar al doilea este să utilizați un plugin. Deși editarea manuală a fișierelor temei este mai riscantă și mai dificilă, pentru unii utilizatori mai avansați este metoda preferată.

Pasul 1: Creați o temă pentru copii

Adăugarea manuală a codului la antetul sau subsolul dvs. WordPress implică editarea unora dintre fișierele temei dvs. Când trebuie să faceți acest lucru, este întotdeauna înțelept să editați o temă secundară în loc să vă încurcați direct cu fișierele temei părinte. În acest fel, puteți evita pierderea modificărilor când vă actualizați tema.

Din fericire, procesul de a crea manual o temă copil este destul de simplu și puteți accesa tutorialele WordPress de care veți avea nevoie pentru a personaliza anteturile. Cu toate acestea, dacă trebuie să creați o temă copil într-un pic, un plugin pentru generarea de teme, cum ar fi Child Theme Configurator, vă poate ajuta.

Cu un plugin de constructor de teme, puteți genera cu ușurință o temă copil cu un clic pe un buton, deși abordarea complet manuală ar putea fi la fel de rapidă odată ce ați oprit metoda.

Pasul 2: Editați fișierul functions.php al temei copilului

Odată ce tema copilului dvs. este configurată, va trebui să accesați și să editați fișierul functions.php . Înainte de a începe, este întotdeauna înțelept să faceți o copie de rezervă a site-ului dvs., doar în cazul în care faceți vreo greșeală și doriți să reveniți cu ușurință la o stare anterioară.

Modul obișnuit de a edita fișierul functions.php este prin Protocolul de transfer de fișiere (FTP) și un client FTP, cum ar fi FileZilla. Cu toate acestea, puteți edita și anumite fișiere din tabloul de bord WordPress. Pentru a-l accesa, navigați la Aspect > Editor de teme .

Veți primi un avertisment că sunteți pe cale să editați fișierele temei dvs. - faceți clic pe butonul Înțeleg pentru a continua. În continuare, veți dori să vă asigurați că ați selectat fișierul corect. În bara laterală din dreapta editorului site-ului, asigurați-vă că este selectată Funcții tematice (functions.php) .

Acum puteți adăuga codul personalizat la sfârșitul acestui fișier și faceți clic pe Actualizare fișier când ați terminat.

Cum să adăugați cod la antetul sau subsolul dvs. WordPress cu un plugin (în 2 pași)

În timp ce în unele cazuri poate fi mai ușor să editați manual fișierele temei WordPress pentru a adăuga cod la subsolul sau la secțiunea antet, utilizarea unui plugin este de obicei calea mai sigură. În sensul acestui articol, vom folosi unul dintre cele mai populare și bine cotate pluginuri pentru sarcină, Antet, Subsol și Post Injecții.

Cu toate acestea, există multe pluginuri disponibile în Directorul de pluginuri WordPress și în alte părți care pot ajuta la această sarcină.

Pasul 1: Instalați și activați pluginul dvs. la alegere

Pentru început, va trebui să instalați și să activați pluginul pe care doriți să îl utilizați. Puteți face acest lucru descărcând fișierul .zip al pluginului din Directorul de pluginuri sau din altă piață online și apoi încărcându-l pe site-ul dvs. Alternativ, navigați la Plugin-uri > Adăugați nou în tabloul de bord.

Aici puteți căuta pluginul de subsol sau antet pe care doriți să îl utilizați. Indiferent de metoda pe care o alegeți, veți finaliza acest pas făcând clic pe butonul Instalare , apoi Activați când este prezentată opțiunea.

Pasul 2: Adăugați fragmentele dvs. de cod la antet, subsol și post injecții

Odată ce pluginul este instalat, ar trebui să puteți naviga la Setări > Antet și subsol în tabloul de bord.

Aici veți găsi un editor de text pentru adăugarea fragmentelor de cod – cum ar fi un cod de urmărire Google Analytics sau JavaScript personalizat – pe care doriți să le includeți în antet și/sau subsol.

Sunt multe pe care le poți realiza pe această pagină. În primele două câmpuri puteți adăuga cod la secțiunea antet. Câmpul din stânga adaugă codul la fiecare pagină de pe site-ul dvs. – acest lucru este util pentru Google Analytics, de exemplu. Câmpul din dreapta va adăuga codul numai pe pagina dvs. de pornire.

Următoarele câmpuri adaugă cod la codul corpului și al subsolului paginilor dvs. Câmpurile din stânga sunt pentru vizualizarea pe desktop, în timp ce cele din dreapta sunt pentru versiunile mobile ale codului dvs. După ce ați terminat de editat, nu uitați să faceți clic pe butonul Salvare din partea de jos a ecranului.

Îmbunătățiți experiența site-ului dvs. cu WP Engine

Nu există nicio îndoială că doriți ca site-ul dvs. WordPress să ofere utilizatorilor dvs. o experiență digitală de top. Adăugarea de cod la subsolul sau antetul WordPress este o tactică utilă pentru personalizarea site-ului, implementarea Google Analytics sau îmbunătățirea performanței.

La WP Engine, avem o mare varietate de resurse pentru dezvoltatori care vă pot ajuta să duceți experiența site-ului dvs. WordPress la noi culmi. Verificați-le astăzi!