Ghidul final pentru temele WordPress pentru copii

Ați găsit vreodată o temă WordPress aproape perfectă pentru site-ul dvs. web, dar ați decis să nu mergeți cu ea din cauza unui element de design minuscul, care distruge nervii, pe care nu l-ați putea trece cu vederea? Este stilul fontului, paleta de culori sau plasarea elementelor de design, probabil?

Piața temelor WordPress este saturată cu atât de multe teme grozave, atât gratuite, cât și premium, dar în lipsa angajării unui dezvoltator pentru a crea o temă personalizată pentru site-ul dvs., există puține șanse să găsiți una perfectă până la ultimul pixel.

Temele pentru copii WordPress permit webmasterilor să modifice fișierele unei teme, păstrând în același timp funcționalitatea sa de bază, fără a risca să piardă modificările de fiecare dată când tema este actualizată. Acestea vă oferă puterea de a modifica aspectul unei teme de la ceva la fel de mic precum îndemnul la acțiune de pe un buton la schimbarea completă a fiecărui element de design.

În acest articol, vom acoperi tot ce trebuie să știți despre temele pentru copii, de la ce sunt acestea la motivele pentru care sunt atât de importante. Vom încheia cu un tutorial despre cum să utilizați temele pentru copii pe propriul site WordPress - în modul corect.

Suna bine? Să începem!

Teme pentru copii WordPress: Noțiuni de bază

Temele pentru copii sunt teme separate care moștenesc activ funcționalitatea din temele lor părinte. Odată ce activați o temă pentru copii, WordPress va verifica dacă are anumite funcționalități codificate în ea. Funcționalitatea unei teme pentru copii prevalează asupra temei părinte, ceea ce înseamnă că funcționalitatea temei pentru copii va fi aplicată site-ului dvs. web. Cu toate acestea, dacă funcționalitatea nu există, va căuta în fișierele părintelui și va merge cu cea codificată acolo.

În limba engleză simplă, temele copil sunt fișiere tematice duplicate și de fiecare dată când simțiți nevoia de a modifica aspectele de proiectare sau unele funcționalități, le editați în fișierele temei copil. Aceasta este o caracteristică excelentă, deoarece permite webmasterilor să modifice tema fără teama persistentă de a încurca fișierele originale.

În prezent, majoritatea temelor WordPress vin cu temele lor pentru copii (sau variante ale temelor lor pentru copii) chiar din cutie.

De ce ar trebui să utilizați teme pentru copii?

Efectuarea de modificări și modificări temei dvs. prin temele pentru copii este o bună practică acceptată (și recomandată) pe scară largă. Gândiți-vă în acest fel: dacă vă deranjați prima dată, puteți încerca întotdeauna din nou. În afară de acest beneficiu important, temele pentru copii au o importanță majoră pentru întreținerea și dezvoltarea site-ului dvs. WordPress.

Eliminați riscul pierderii modificărilor

Efectuarea modificărilor temei părinte (fișierelor tematice originale) înseamnă că atunci când actualizați tema, modificările se vor pierde. Acest lucru vă lasă într-un fel de impas; dacă actualizați tema, pierdeți toate modificările, dar dacă nu actualizați tema, veți avea erori pe site-ul dvs. care ar putea să o afecteze negativ.

Este discutabil că puteți copia-lipi codul asociat cu modificările în tema părinte odată ce ați terminat actualizarea. Deși acest lucru este complet posibil, de ce să petreceți timpul localizând modificările pe care le-ați făcut și să le copiați-lipiți în fișierele tematice actualizate de fiecare dată când vă actualizați tema? Este un proces ușor, dar greșit.

Aici se realizează pentru prima dată importanța temelor pentru copii. Utilizând teme pentru copii, puteți păstra toate modificările și puteți actualiza în siguranță tema site-ului dvs.

Mențineți organizarea codului

O temă WordPress este formată de obicei din câteva mii de linii de cod și mai multe fișiere diferite - HTML, CSS, PHP, JavaScript și multe altele. Și din această cauză, orice ușoară modificare făcută ici și colo devine greu de urmărit. Când va veni timpul să reveniți și să editați tema sau să remediați erori neprevăzute, se va dovedi destul de costisitor (atât în ​​ceea ce privește timpul, cât și bugetul).

Așa cum am discutat mai sus, temele pentru copii sunt moștenite activ de la temele lor părinte. Orice modificare pe care o faceți temei copil rămâne acolo (ceea ce se întâmplă în temele copil rămâne în temele copil!) Și sunt mai ușor de urmărit, deoarece va avea doar câteva sute de linii de cod (în cele mai agresive circumstanțe), spre deosebire de un câteva mii.

După cum vă puteți da seama, nu există dezavantaje în utilizarea temelor pentru copii. În realitate, acestea vă protejează site-ul de erori accidentale.

Cum să creați o temă pentru copii în WordPress

Cele mai multe teme vin cu teme pentru copii, dar dacă găsești una pe placul tău, nu creează singură o temă pentru copii, nu este dificilă. Voi demonstra tutorialul prin crearea unei teme copil pentru tema noastră Spumante.

Pasul 1: Creați un director pentru tema copil în instalarea WordPress.

1. Navigați la directorul temelor site-ului dvs. WordPress ( /wp-content/themes ).
2. Creați un folder nou și denumiți-l spumant-copil . Este o bună practică să oferiți temei copilului același nume cu părintele cu -child atașat la sfârșit.

Vom adăuga toate fișierele temei copil în acest dosar. Acestea fiind spuse, singurul fișier pe care o temă copil îl necesită pentru a funcționa corect este fișierul style.css .

Pasul 2: creați un fișier style.css pentru noua temă copil.

1. Navigați la directorul temei copil creat la pasul 1 ie /wp-content/themes/sparkling-child .
2. Creați un nou fișier .css în director și denumiți-l style.css .
3. Copiați și lipiți următorul cod în noul fișier style.css :

https://gist.github.com/rafaysansari/59ab402cffc540d050ed

În codul dat mai sus, cele mai importante linii sunt cele care încep cu numele temei , șablonul și @import . Este foarte important să completați corect aceste rânduri dacă creați o temă copil pentru o altă temă părinte. Linia @import vă asigură că nu trebuie să rescrieți de la zero regulile CSS ale temei părinte. Fără linia @import , noul site va avea doar conținutul încărcat pe el, fără stil.

Dacă tema părinte are mai multe foi de stil, omiteți acest pas. Vă vom arăta cum să importați mai multe foi de stil folosind o funcție nativă WordPress în pașii următori.

Pasul 3: Creați fișierul functions.php (opțional).

Fișierul functions.php permite dezvoltatorilor web să adauge funcționalitate site-urilor web WordPress utilizând funcții native WordPress și cod PHP.

1. Navigați la folderul temei copilului dvs., adică sparkling-child .
2. Creați un fișier .php și denumiți functions.php .
3. Adăugați următorul cod în fișierul functions.php:

https://gist.github.com/rafaysansari/6c3cc1606823d56388f4

Este important să rețineți că o temă copil nu necesită un fișier functions.php pentru a funcționa. De fapt, ar trebui să adăugați acest fișier numai dacă intenționați să modificați funcționalitatea temei părinte. În majoritatea cazurilor, o foaie de stil este suficientă, dar dacă tema părinte are mai multe foi de stil, atunci va trebui să creați un fișier functions.php .

Pasul 4: Importați mai multe foi de stil (opțional).

Dacă, de exemplu, tema părinte pe care ați selectat-o ​​vine cu mai multe foi de stil, importarea acestora pe tema copilului dvs. utilizând @import va încetini site-ul dvs. web cu câteva secunde - ceea ce nu este bine. Nu doriți să măriți timpul de încărcare a paginii site-ului dvs. dacă poate fi evitat cu câteva linii de cod.

1. Navigați la directorul temei copilului dvs. și deschideți fișierul functions.php într-un editor de text.
2. Adăugați următoarele linii de cod în fișierul functions.php sub eticheta de deschidere <?php :

https://gist.github.com/rafaysansari/9535343506d670226f4e

Funcția wp_enqueue_style() utilizată în codul de mai sus va importa mai multe foi de stil în tema copilului dvs. fără a încetini site-ul.

Notă: Cele mai bune practici pentru crearea temelor copil sugerează că, indiferent de câte foi de stil are tema părinte, trebuie să le importați întotdeauna folosind codul de mai sus.

Pasul 5: încărcați tema copil.

Acum că ați creat cu succes tema copil, este timpul să o încărcați pe site-ul dvs. WordPress și să o activați.

1. Comprimă directorul temei copil într-un fișier .zip .
2. Conectați-vă la panoul de administrare WordPress și navigați la Aspect > Teme .
3. Faceți clic pe butonul Adăugați nou din ecranul următor.

   

4. Faceți clic pe butonul Încărcare temă pentru a continua.

   

5. Căutați fișierul .zip al temei copilului dvs. și încărcați-l.
6. După ce tema copilului este încărcată, faceți clic pe Activați .

De asemenea, puteți încărca tema copil prin intermediul clientului dvs. FTP copiind direct lipirea fișierului .zip în directorul temelor. Dacă creați o temă copil pentru o altă temă, asigurați-vă că faceți modificările necesare codului de mai sus.

Acest tutorial este menit doar să demonstreze modul în care este creată o temă pentru copii. Am creat o temă pentru copii pentru Sparkling pe care o puteți descărca direct dacă preferați să nu petreceți timp creând propria dvs.

Personalizarea temei copilului tău

Presupunând că totul a decurs așa cum era planificat, atunci când activați tema copil, site-ul dvs. web ar trebui să arate exact la fel ca atunci când tema părinte este activată. Dar stai! Nu este tot scopul de a crea o temă pentru copii pentru a face site-ul dvs. să arate diferit?

În această secțiune, vă vom arăta cum puteți începe să personalizați tema copil pentru a face modificări.

Aplicarea stilurilor personalizate

Deoarece primul fișier (și fișierul obligatoriu) pe care l-am creat a fost, style.css , este logic să începeți prin adăugarea de stiluri personalizate la tema copil folosind-o. Adăugând cod CSS personalizat la foaia de stil, veți putea înlocui foaia de stil a temei părinte.

Cu CSS, puteți modifica aproape orice aspect de design și stil al temei activate, de la culori și butoane la dimensiuni și stiluri de font. Dezvoltatorii web cu un adevărat talent pentru CSS modifică întregul aspect al temei copil pentru ao face unică.

Tot ce trebuie să faceți este să adăugați cod CSS personalizat în partea de jos a fișierului style.css al temei copilului dvs. și sunteți bine să mergeți. Cei dintre voi care nu doresc să acceseze clientul FTP al site-ului lor de fiecare dată când trebuie făcută o simplă modificare, pot naviga la editorul implicit WordPress ( Aspect > Editor ) și pot adăuga cod CSS direct de acolo.

Tehnici alternative de modificare a temei

Adăugarea codului CSS la fișierul style.css este cel mai simplu mod de a face modificări în tema copilului. Cu toate acestea, dacă doriți să duceți lucrurile la nivelul următor și, probabil, să adăugați funcționalități noi, personalizate la tema copilului, atunci lucrurile devin serioase. Există diferite tipuri de modificări pe care le puteți face (în afară de schimbarea elementelor de proiectare), cum ar fi:

• Adăugați funcții noi în fișierul functions.php . Am creat deja fișierul functions.php pentru tema copilului dvs., așa că tot ce trebuie să faceți acum este să adăugați câteva funcții personalizate în funcție de funcționalitatea pe care doriți să o realizați. Puteți codifica în PHP sau puteți utiliza funcții native WordPress.
• Editați fișierele șablon. Dacă style.css și functions.php pur și simplu nu o taie și totuși trebuie să modificați tema, puteți copia lipiți fișierele șablon din tema părinte și le puteți edita în consecință.
• Adăugați fișiere șablon noi. Dacă ați găsit șabloane care vă plac în altă parte (nu în directorul temei părinte) sau dacă doriți să creați propriile șabloane, le puteți adăuga direct la tema copil și puteți merge de acolo.

Puteți fi sigur că știți că site-ul dvs. WordPress va fi în siguranță împotriva erorilor dăunătoare, neintenționate, indiferent de metodele pe care le adoptați pentru a aduce modificări temei dvs. activate. Dacă este posibil, ceva cu codul nu merge bine, veți ști exact unde a apărut greșeala și veți putea să o corectați. (Sfat: este de obicei în ultimele rânduri pe care le-ați adăugat!)

Unul dintre cele mai bune lucruri despre temele pentru copii este acela că le permite utilizatorilor să personalizeze pe deplin tema părinte pentru a se potrivi cu marca site-ului lor, ceea ce este deosebit de util atât pentru întreprinderile noi, cât și pentru cele consacrate. Și dacă doriți să vă reproiectați complet site-ul ulterior pe baza aceleiași teme părinte sau a unei teme părinte noi, puteți oricând să creați o nouă temă copil și să mergeți de acolo!

Înfășurându-l

Temele pentru copii sunt modalitatea recomandată de a face modificări la o temă WordPress. Îi salvează pe utilizatori de a face greșeli potențial dăunătoare asupra fișierelor tematice originale și riscă să piardă modificările de fiecare dată când tema se actualizează.

Am acoperit tot ce trebuie să știți despre temele pentru copii în WordPress, am discutat de ce sunt atât de importante și v-am prezentat un tutorial detaliat despre cum să creați propria temă pentru copii de la zero. Pentru a vă ajuta să începeți cu modificările, am încheiat cu o scurtă secțiune despre modul în care puteți începe cu personalizarea temei copil.

Sunteți de acord ca toate modificările de design și funcționalitate să fie făcute prin teme secundare? Ați reușit să creați o temă pentru copii și să o activați cu succes pe site-ul dvs. WordPress? Ne-ar plăcea să aflăm despre experiența dvs., așa că anunțați-ne comentând mai jos!