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
Teme WordPress constau din mai multe fișiere. Acestea includ fișiere șablon, etichete și funcții șablon personalizate, părți de șablon, imagini, fișiere JavaScript și CSS.
Toate temele WordPress de top respectă cele mai bune practici oficiale. Aceasta înseamnă că organizează tot codul folosind structura standard de fișiere și șabloane.
De exemplu, toate temele WordPress au fișierele archive.php, single.php, functions.php și altele.
Fiecare fișier este folosit ca un șablon pentru a afișa o anumită zonă a site-ului dvs. WordPress.
De exemplu, șablonul single.php afișează postările individuale. Între timp, șablonul page.php afișează o pagină individuală.
Înțelegerea ierarhiei șabloanelor WordPress îți oferă o mai bună înțelegere a modului în care funcționează WordPress. Dacă vreodată vei avea nevoie să adaugi sau să editezi cod în tema ta WordPress, acest lucru te va ajuta, de asemenea, să determini ce fișiere trebuie să editezi.
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:
- Găsirea fișierelor șablon pentru editare în tema WordPress
- Sfat bonus: Adăugarea de cod personalizat pentru antet și subsol în WordPress
- Întrebări frecvente: Ce fișiere să editați în tema dvs. WordPress
- Resurse suplimentare: Mai multe sfaturi și trucuri pentru temele WordPress
Să începem imediat!
Găsirea fișierelor șablon pentru editare în tema 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: Vă rugăm să rețineți că acest plugin este puțin învechit și nu a fost testat cu cele mai recente actualizări WordPress. Cu toate acestea, l-am testat recent pe site-urile noastre de test și am constatat că funcționează în continuare perfect.
Dacă aveți nelămuriri, vă recomandăm să 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.
Modificările directe ale temei dvs. WordPress nu sunt recomandate. Aceste modificări vor fi șterse atunci când actualizați tema.
Efectuarea de modificări directe la tema WordPress este, de asemenea, o idee proastă. Acest lucru se datorează faptului că acele modificări vor dispărea atunci când vă actualizați tema.
Dacă ai nevoie doar să adaugi niște CSS, o poți face ca CSS personalizat în WordPress.
Pentru modificări mai extinse ale fișierelor temei tale, 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 face legătura către un site extern. Ar trebui 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, nu este necesar să editați fișierele temei pentru a adăuga funcționalitate site-ului dvs. WordPress.
De exemplu, s-ar putea să doriți doar să adăugați cod personalizat în zona antetului sau subsolului site-ului dvs. pentru a insera scripturi de urmărire sau coduri de verificare.
În astfel de cazuri, puteți utiliza pluginuri pentru a adăuga fragmente de cod fără a edita fișierele temei, cum ar fi WPCode.
Folosim WPCode pentru a gestiona fragmente de cod pe mai multe dintre site-urile noastre web și ne place. Dacă sunteți curios 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, aici adăugăm un cod de urmărire personalizat în antetul site-ului nostru demo:
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 ești sigur de unde să începi sau cum să eviți greșelile comune? Aceste întrebări frecvente te pot ajuta să iei decizii mai inteligente și mai sigure atunci când îți personalizezi tema 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, poți folosi un plugin pentru fragmente de cod, cum ar fi WPCode, sau fișierul stylesheet al unei teme copil. Aceste metode asigură că stilurile tale nu vor fi pierdute în timpul actualizărilor temei.
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
- Cum să adăugați un efect parallax la orice temă WordPress
- Cum să adăugați un efect de derulare lină în sus în WordPress folosind jQuery
- Ce este un framework de temă WordPress?
- Fișă de referință pentru dezvoltarea temelor WordPress
- Clase CSS generate de WordPress pentru stilizarea temelor dvs.
- Teme WordPress gratuite vs. premium (avantaje și dezavantaje pentru proprietarii de site-uri)
- Cele mai bune teme WordPress simple pe care ar trebui să le încerci
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