Tema copil gata făcută pentru WordPress. Tema copil WordPress. Scurtă recenzie. Cum funcționează o temă copil WordPress?
ÎN următoarea actualizare platformele adaugă mereu noi funcții, îmbunătățesc protecția și apar noi oportunități. Deci, una dintre mai multe posibilități poate fi remarcată după cum urmează unealtă folositoare, Cum . Și aceasta este doar una dintre multele funcții. Și există și altele mai semnificative, de exemplu, tema copilului.
Ce este o temă copil WordPress?
Nu aș dori să aprofundez prea mult acest subiect, având în vedere că există un manual bun în limba rusă pe site-ul oficial (). Voi spune doar câteva cuvinte despre beneficiile unei teme de copil și despre ce este aceasta.
Sens: tema copil (CT) este concepută în principal pentru a edita corect tema părinte (cea activată în acest moment). Folosirea acestei metode va salva totul modificările efectuate tema părinte (PT) data viitoare când este actualizată.
Beneficiu: Colosal. Pentru că asta solutie corectaîn orice modificare a RT.
Cum se creează o temă pentru copii în WordPress
Codul WordPress (link de mai sus) intră în detalii descriere pas cu pas pași pentru a crea o temă copil. În esență, nu este nimic complicat aici. Dimpotrivă: totul este foarte simplu. Dar nu toată lumea are dorința de a schimba fișierele (nu le vom judeca - aceasta este o chestiune personală). În astfel de cazuri, există plugin-uri care vor face aproape toată munca pentru tine.
Vom vorbi pe scurt despre această opțiune. În depozit, ca întotdeauna, mare alegere plugin-uri în implementarea soluțiilor la orice problemă. Alegerea mea a căzut pe plugin " Un click Tema Copilului ", care va crea o temă copil cu un singur clic.
După activarea modulului „One-Click Child Theme”, accesați fila „Appearance – Child Theme”. Există trei câmpuri de completat pe această pagină:
Cum să lucrezi cu o temă de copil
Când trebuie să editați tema părinte (de exemplu, faceți unele modificări, adăugați bloc nou, ștergeți un bloc etc.), apoi în scopul păstrării sau chiar al securității, cel mai bine este să faceți acest lucru printr-o temă copil.
Fișiere tematice. Un fișier în care trebuie să faceți ceva propriu este copiat din RT și transferat în DT (rețineți că, dacă fișierul se află într-un subdosar al subiectului, atunci creați și același folder în DT). Apoi începeți să lucrați cu el, schimbați-l, adăugați ceea ce aveți nevoie și verificați rezultatul.
Stiluri de design (style.css). Pentru a putea edita stilurile temei părinte direct în tema copil, trebuie mai întâi să le importați prin fișierul style.css sau fișierul functions.php. În caz contrar, modificările nu vor avea loc. Și asta se face așa:
CSS @import
/* Numele temei: child-my-theme Descriere: Tema copilului
Funcţie
Add_action("wp_enqueue_scripts", "my_theme_enqueue_styles"); funcția my_theme_enqueue_styles() ( wp_enqueue_style("parent-style", get_template_directory_uri() . "/style.css"); )
funcții.php. spre deosebire de cele anterioare, nu se modifică sau importă, ci este încărcat ca o completare la fișierul părinte. Nu trebuie să-l copiați din RT, doar creați un fișier în DT numit functions.php. Și apoi, în modul obișnuit, îi adăugăm funcțiile de care aveți nevoie. Așa va fi abordarea corectă pentru a modifica și extinde capacitățile temei părinte.
Inclusiv fișiere dintr-o temă copil. Pentru a conecta fișiere de la DT, trebuie să utilizați anumite funcții care indică calea corectă.
Temele pentru copii din WordPress vă permit să faceți modificări subiecte existente, și în așa fel încât astfel de modificări să nu se piardă la actualizarea temei originale (sau părinte). Pe lângă aspect, temele copil vă permit să schimbați marcajul și chiar funcționalitatea temei părinte, extinzându-l pentru a se potrivi propriilor nevoi.
Suportul pentru temele pentru copii în WordPress a apărut cu mult timp în urmă, dar majoritatea utilizatorilor de astăzi preferă să facă modificări direct codului temei sursă. În acest articol, vom aborda modul în care funcționează temele copil în WordPress și de ce ar trebui folosite temele pentru a face modificări temelor existente.
Ce este o temă de copil
O temă copil în WordPress este o temă care moștenește aspectși toate funcționalitățile temei părinte (originale). Această moștenire face ușor de schimbat și completat zone separate tema părinte fără a modifica tema originală în sine. Datorită acestei abordări, actualizarea temei părinte nu va afecta astfel de modificări.
Tema părinte poate fi orice altă temă WordPress (cu excepția temelor copil), iar pentru ca tema copil să funcționeze, ambele teme trebuie instalate, dar trebuie activată cea copil.
Cum se creează o temă pentru copil
Cea mai simplă temă copil constă dintr-un singur fișier style.css, care specifică numele temei copil și numele directorului care conține tema părinte. Același fișier conține adesea un link către foaia de stil a temei părinte cu folosind CSS directive @import.
De exemplu, vom crea o temă copil, Tema Copilul meu, și vom folosi tema Twenty Twelve implicită ca temă părinte.
Mai întâi asigură-te că tema părintelui există - găsiți directorul douăzeci și douăsprezece în wp-content/themes. Apoi creați un director nou în wp-content/themes și numiți-l my-child-theme . În acest director nou, creați un fișier style.css și inserați următorul antet în el:
/** * Numele temei: Tema copilului meu * Șablon: twentytwelve */ @import url("../twentytwelve/style.css");
Folosind acest antet, am determinat numele noului nostru subiect și l-am indicat și pe cel părinte. directiva @import în acest caz,încarcă toate stilurile din tema Twenty Twelve, pe deasupra cărora ne vom face modificările. Fără această directivă, tema noastră copil va moșteni doar șabloanele (markup) ale temei părinte, și nu stilul.
După aceasta, directorul de teme ar trebui să arate cam așa:
Accesând secțiunea Aspect → Teme, veți vedea că dvs subiect nou este deja disponibil pentru activare.
Dacă îl activezi și mergi la pagina principala a site-ului dvs., veți vedea că tema copilului dvs. arată exact ca tema standard Doua zeci doisprezece.
Lucrul cu stiluri
Stilurile CSS ale temei secundare pot fi setate direct în fișierul style.css imediat după directiva @import. De exemplu, pentru a seta culoarea de fundal și culoarea linkului în tema dvs., adăugați următorul cod la sfârșitul foii de stil:
Corp ( fundal: roșu; ) a ( culoare: verde; )
În acest fel, puteți schimba stilurile oricăror elemente ale temei părinte și puteți găsi cu ușurință elementul necesar folosind instrumentele pentru dezvoltatori din browser. Google Chrome sau folosind extensia Firebug pentru browserul Firefox.
Lucrul cu șabloane
Cu o temă copil, puteți schimba cu ușurință șabloanele temei părinte. Pentru a face acest lucru, trebuie doar să creați un fișier în tema copil cu același nume ca șablonul din tema părinte. De exemplu, pentru a înlocui șablonul footer.php cu al dvs., creați un fișier footer.php în directorul cu tema copilului: