Una dintre cele mai frecvente întrebări pe care le auzim de la utilizatorii WordPress este: „Vreau să personalizez tema, dar nu știu ce fișier să editez.”
Și sincer, acea confuzie are perfect sens. Editarea fișierului greșit poate defecta site-ul dvs. sau poate face ca modificările dvs. să dispară la următoarea actualizare a temei.
În plus, nu ajută faptul că majoritatea temelor conțin zeci de fișiere cu nume misterioase. Acest lucru poate fi copleșitor atunci când încercați doar să schimbați un singur lucru.
De-a lungul anilor, am lucrat la tot felul de proiecte WordPress și a trebuit să găsim fișierele șablon potrivite de mai multe ori decât putem număra. Acesta este exact motivul pentru care am creat acest ghid.
Vă vom ghida prin pașii exacți pe care îi folosim pentru a afla ce fișier șablon să editați, cum funcționează ierarhia șabloanelor WordPress și cum să faceți modificări care să rămână. 🎨
Înțelegerea fișierelor șablon WordPress
Înainte de a începe editarea, este util să știi cum sunt construite temele. Teme WordPress constau din mai multe fișiere, inclusiv fișiere șablon, etichete și funcții personalizate de șablon, părți de șablon, imagini, JavaScript și fișiere CSS.
Majoritatea temelor clasice urmează ierarhia oficială a șabloanelor WordPress. (Temele bloc, pe de altă parte, funcționează diferit și vă permit să editați aspectele paginilor vizual, folosind șabloane HTML în Editorul de site.)
Aceasta înseamnă că organizează codul într-un mod standard. Fiecare fișier este utilizat ca un șablon pentru a afișa o anumită zonă a site-ului dvs. WordPress.
Iată câteva dintre cele mai comune fișiere șablon pe care le veți vedea într-o temă clasică:
| Fișierele temei | Ce fac ele |
|---|---|
functions.php | Adaugă caracteristici și funcționalități, cum ar fi crearea de noi dimensiuni pentru imagini, tipuri de postări personalizate sau widget-uri |
single.php | Afișează un singur post de blog |
page.php | Afișează o pagină statică (cum ar fi pagina Despre noi sau pagina de Contact) |
archive.php | Afișează o listă de postări, cum ar fi categorii sau etichete |
header.php | Conține secțiunea antet (logo, meniu) afișată pe fiecare pagină |
footer.php | Conține secțiunea subsol afișată pe fiecare pagină |
Înțelegerea acestei ierarhii vă ajută să identificați ce fișier controlează o anumită pagină. Dacă vreodată va trebui să adăugați sau să editați cod pe tema WordPress, acest lucru vă va ajuta, de asemenea, să determinați ce fișiere trebuie să editați.
Pentru mai multe detalii, consultați fișa de referință pentru ierarhia șabloanelor WordPress.
Având în vedere acest lucru, vă vom arăta cum să găsiți cu ușurință ce fișiere să editați într-o temă WordPress. Iată ce vom acoperi:
Să începem imediat!
Găsirea fișierelor șablon pentru editare într-o temă WordPress
Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul What The File. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
Pluginul funcționează imediat, iar setările pe care trebuie să le configurezi nu există.
🚨 Important: Este posibil să vedeți un avertisment că acest plugin este învechit. Dar am testat acest plugin pe mediile noastre de staging și am confirmat că funcționează corect pentru temele clasice.
Cu toate acestea, este posibil să nu ofere date utile pentru temele moderne de blocuri care utilizează șabloane HTML. Dacă aveți nelămuriri, consultați ghidul nostru pentru a vedea dacă este sigur să folosiți pluginuri învechite pentru mai multe informații.
După activare, trebuie să vizitezi partea frontală a site-ului tău și vei observa un nou meniu „What The File” în bara de administrare WordPress.
Acum, va trebui doar să plasați cursorul mouse-ului peste elementul de meniu. Aceasta va afișa un meniu derulant care listează fișierele șablon utilizate pentru a afișa această pagină.
Făcând clic pe numele fișierului veți fi direcționat către editorul de fișiere WordPress implicit, unde puteți edita fișierul respectiv.
Cu toate acestea, nu recomandăm utilizarea editorului de fișiere WordPress pentru a edita fișierele temei, deoarece acesta nu are o opțiune de anulare. Dacă faceți o greșeală și vă blocați accesul la site-ul dvs. web, va trebui să utilizați un client FTP pentru a o remedia.
În schimb, vă sugerăm să folosiți un client FTP sau aplicația File Manager din panoul de control al găzduirii WordPress.
Cu aceste instrumente, puteți edita fișierele temei folosind orice editor de text simplu, cum ar fi Notepad. Efectuarea de modificări directe la tema WordPress este o idee proastă, deoarece acele modificări vor dispărea atunci când actualizați tema.
Dacă trebuie doar să schimbați culorile sau fonturile, nu trebuie să editați fișiere PHP. În temele clasice, puteți accesa Aspect » Personalizare » CSS suplimentar pentru a adăuga CSS personalizat.
Pentru modificări mai extinse, ar trebui să creezi o temă copil. Pluginul „What The File” te poate ajuta să localizezi fișierele temei pe care trebuie să le copiezi și să le editezi în tema ta copil.
☝ Notă: Elementul de meniu adăugat de plugin în bara de administrare va fi vizibil pentru toți utilizatorii conectați și va lega direct către editorul de fișiere al temei. Recomandăm să folosești acest plugin doar într-un mediu de dezvoltare, cum ar fi un site de staging.
Sfat bonus: Adăugarea de cod personalizat pentru antet și subsol în WordPress
Uneori, s-ar putea să crezi că trebuie să editezi header.php sau footer.php doar pentru a adăuga un script de urmărire sau un cod de verificare. Cu toate acestea, editarea directă a acestor fișiere poate fi riscantă și greu de gestionat.
În schimb, poți folosi un plugin gratuit precum WPCode. Acesta îți permite să inserezi în siguranță fragmente de cod în antetul sau subsolul tău, fără a deschide un singur fișier șablon.
De fapt, folosim WPCode pe unele dintre site-urile partenere. Acesta ne păstrează personalizările în siguranță în timpul actualizărilor temei și previne erorile de cod care ar putea afecta site-ul.
Dacă sunteți curioși despre experiențele noastre, consultați recenzia noastră detaliată despre WPCode.
WPCode are o interfață simplă pentru a lipi codul. Astfel, fișierele temei tale rămân neatinse, iar modificările tale rămân în siguranță în timpul actualizărilor.
De exemplu, iată cât de ușor este să adăugați un script de urmărire:
Utilizarea unor pluginuri precum acesta economisește timp și reduce erorile. Este o modalitate mai sigură de a adăuga noi funcționalități pe site-ul dvs. Pentru mai multe detalii, puteți consulta ghidul nostru despre cum să adăugați cod în antet și subsol în WordPress.
Întrebări frecvente: Ce fișiere să editați în tema dvs. WordPress
Încă nu sunteți siguri de unde să începeți sau cum să evitați greșelile comune? Iată câteva răspunsuri rapide la întrebări frecvente despre editarea fișierelor de temă WordPress.
De ce nu ar trebui să editez fișierele principale ale temei mele WordPress?
Editarea directă a fișierelor temei principale este riscantă, deoarece orice modificări pe care le faceți vor fi suprascrise data viitoare când tema se actualizează. Actualizările WordPress înlocuiesc de obicei întregul folder al temei, ceea ce înseamnă că personalizările dvs. ar putea dispărea fără avertisment.
Ce este o temă copil și de ce este importantă?
O temă copil este o temă separată care moștenește funcționalitatea și stilizarea unei teme părinte. Este cea mai sigură modalitate de a vă personaliza site-ul, deoarece păstrează modificările dvs. separate de fișierele temei originale. Astfel, puteți actualiza în siguranță tema părinte fără a pierde modificările.
Pot previzualiza modificările înainte de a le face publice?
Absolut. Utilizarea unui site de testare este una dintre cele mai bune modalități de a previzualiza modificările fără a afecta site-ul dvs. live. Puteți folosi, de asemenea, Personalizatorul de teme sau Editorul complet de site (dacă tema dvs. îl suportă) pentru a testa modificări simple de design în timp real înainte de a le publica.
Am nevoie de abilități de codare pentru a edita fișierele temei WordPress?
Dacă doriți să editați direct fișierele temei precum header.php, functions.php sau single.php, atunci da, o înțelegere de bază a HTML, CSS și PHP este importantă pentru a evita deteriorarea site-ului dvs.
Cu toate acestea, pentru personalizări simple, cum ar fi schimbarea culorilor, fonturilor sau aspectelor, multe teme oferă opțiuni de personalizare încorporate în Personalizator temă sau Editorul complet al site-ului. Puteți utiliza, de asemenea, constructori de pagini precum SeedProd și Elementor pentru a face modificări vizuale fără a atinge codul.
Există instrumente care să mă ajute să găsesc fișierul temei WordPress pe care să-l editez?
Da! Instrumente precum pluginul What The File vă pot spune exact ce fișier șablon este utilizat pe orice pagină. Puteți, de asemenea, să consultați ierarhia șabloanelor WordPress pentru a înțelege cum sunt încărcate diferite fișiere de temă în funcție de tipul de conținut afișat.
Cum adaug în siguranță CSS personalizat pe site-ul meu WordPress?
Una dintre cele mai ușoare modalități de a adăuga CSS personalizat este prin intermediul Personalizatorului de temă, sub Aspect » Personalizare » CSS suplimentar.
Alternativ, puteți folosi un plugin pentru fragmente de cod, cum ar fi WPCode, sau foaia de stil a unei teme copil. Aceste metode asigură că stilurile dvs. nu se vor pierde în timpul actualizărilor temei, mai ales dacă folosiți o temă de bloc unde meniul Personalizare ar putea fi ascuns.
Resurse suplimentare: Mai multe sfaturi și trucuri pentru temele WordPress
Sperăm că acest articol v-a ajutat să găsiți ce fișiere să editați în tema dvs. WordPress. În continuare, poate doriți să consultați și ghidurile noastre despre:
- Cum să folosiți personalizatorul de teme WordPress ca un profesionist
- Un ghid complet pentru începători despre editarea completă a site-ului WordPress
- Cum să afișați informații despre pluginuri și teme în WordPress
- Fișă de referință pentru dezvoltarea temelor WordPress
- Teme WordPress gratuite vs. premium (avantaje și dezavantaje pentru proprietarii de site-uri)
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.
Dennis Muthomi
Apreciez în mod deosebit accentul pus pe utilizarea temelor copil pentru modificări extinse.
Acesta este un sfat crucial pe care mulți începători îl ignoră.
Din experiența mea, crearea unei teme copil mi-a economisit nenumărate ore de frustrare la actualizarea temelor.
kzain
Există o modalitate de a previzualiza modificările aduse fișierelor temei înainte de a le face publice pe site? Acest lucru ar fi foarte util pentru a evita orice întreruperi neintenționate. Mulțumesc pentru sfaturile clare și practice!
Comentarii WPBeginner
O opțiune ar fi să folosiți un site de testare sau un server local pentru a testa tema înainte ca modificările să devină publice.
Moinuddin Waheed
Aceasta este o sarcină orientată spre dezvoltatori, dar da, uneori ajungem la întrebarea de a edita fișierul și intrăm în dilema căruia să-i facem modificări pentru a obține schimbările dorite.
Obișnuiam să cred că întotdeauna fișierul functions.php este cel care trebuie modificat, dar nu, schimbarea trebuie făcută acolo unde este dorită.
Voi explora plugin-ul pentru a vedea unde va trebui să facem editarea și modificările.
Mulțumesc pentru acest ghid tutorial. Este cu adevărat util pentru a înțelege mai bine aceste concepte.
Suport WPBeginner
You’re welcome
Admin
Jiří Vaněk
Mulțumesc pentru pont. Uneori, trebuie să fac o modificare pe un site web și nu știi imediat ce fișier să editezi. Acest plugin poate fi un mare ajutor pentru a afla ce fișier șablon este utilizat în prezent.
Suport WPBeginner
Glad we could share this plugin
Admin
Riyaz
Instalarea acestui plugin mi-a ușurat viața. Cu toate acestea, unele dintre teme lasă pur și simplu ceva de genul acesta:
$has_sidebar = is_active_sidebar( ‘single-blog’ );
do_action( ‘mytheme_page_header’ );
și chiar unele funcții pe care nu le pot găsi nicăieri:
mytheme_get_listings_image(‘mytheme-list’)
Există vreo modalitate de a găsi aceste lucruri?
Suport WPBeginner
Ar trebui să parcurgeți manual fișierele, în mod normal acestea s-ar găsi în fișierul functions.php
Admin
mark Swift
Salut,
articol frumos,
Dar ce se întâmplă dacă fișierele nu sunt disponibile în tema copil, pe care trebuie să o editez??
Cos
Dacă copiați fișiere șablon (.php) în tema copil (pentru a le putea edita și a nu pierde modificările atunci când tema este actualizată), ce se întâmplă dacă fișierul pe care l-ați copiat și editat este actualizat de dezvoltatorul temei? Pierdeți atunci beneficiul actualizării lor?
Susan Sheridan
Ce zici de acest gen de instrument pentru a afla ce foi de stil sunt aplicate?
Bond Shands
Speram să folosesc aceste instrucțiuni pentru a schimba linia Adresa poștală a oficiului poștal de la sfârșitul blogului meu. Cu toate acestea, instalarea și activarea pluginului What The File nu a produs rezultate discernabile. Nimic nou nu a apărut pe bara mea de meniu. De asemenea, sincer să fiu, instrucțiunile dvs. m-au lăsat în întuneric cu privire la modul în care aș vedea pluginul afișat atunci când vizualizam pagina de blog pe care doream să o văd. (De asemenea, sunt deja un abonat printr-o adresă de e-mail alternativă).
Suport WPBeginner
Salut Bond Shands,
Fiecare site WordPress folosește câteva șabloane care sunt încărcate pe fiecare pagină. De exemplu, șabloanele de antet și de subsol. Pentru a vă schimba adresa poștală, va trebui să editați fișierul footer.php. Cu toate acestea, asigurați-vă că faceți o copie de rezervă a temei WordPress înainte de a face orice modificări directe.
Mulțumesc
Admin