Cum se creează o temă copil WordPress. Cum se creează o temă copil sau o temă copil wordpress

Conform statisticilor medii, aproximativ 80% dintre site-uri folosesc teme principale WordPress și doar aproximativ 20% folosesc o temă copil. Acest lucru se poate explica prin faptul că majoritatea clienților nu înțeleg ce este o temă copil WordPress sau cred că este dificil de personalizat. În tutorialul de astăzi, vom analiza aspectele practice ale creării și utilizării unei teme pentru copii, precum și importanța acesteia.

De ce să folosiți o temă pentru copii

Crearea unei teme secundare în timp ce editați codul temei vă poate economisi multe bătăi de cap. Temele secundare vă permit să faceți modificări fără a afecta codul temei părinte (principale), ușurează actualizarea temei părinte și vă permite să salvați modificările. Puteți oricând să dezactivați tema copilului și să reveniți la cea originală.

Practică

În exemplul nostru, vom crea o temă copil pentru tema principală sebweo. În primul rând, trebuie să creăm un folder nou pentru tema copil (să-i spunem, de exemplu, sebweo-child). Calea completă de la rădăcina site-ului va fi / wp-content / themes / sebweo-child /. În noul folder de temă, creați un fișier style.css (singurul fișier necesar) și completați informațiile evidențiate cu comentarii (între /* și */ ) ca în exemplul de mai jos. Numele subiectului, URI-ul, Descrierea și Autorul pot fi modificate complet pentru a se potrivi nevoilor dumneavoastră.

Șablon Com: sebweo Versiunea: 1.0.0 * / @import url ("../ sebweo / style.css");

Cele mai importante părți ale acestui fișier sunt secțiuni „Șablon:”(identifică tema părinte) și instrucțiunea @import CSS (importă stiluri CSS din tema originală). Asigurați-vă că calea către fișierul CSS principal al temei părinte este corectă și în parametru „Șablon:” numele temei părinte este corect. Corectează-l pentru a se potrivi cu numele și căile tale. Toate aceste date sunt sensibile la majuscule și minuscule! În exemplul nostru, numele temei (și, în consecință, numele folderului cu tema părinte) este scris cu litere mici, dacă utilizați un nume cu majuscule, trebuie să scrieți astfel (de exemplu, Sebweo ).

Activarea unei teme pentru copil

Odată ce ați creat dosarul cu tema copilului și fișierul style.css, puteți activa noua temă copil. Activarea unei teme secundare este la fel cu activarea unei teme obișnuite: accesați Tabloul de bord WordPress la Aspect> Teme (Apariții> Teme), găsiți tema pe care tocmai ați creat-o și activați-o (faceți clic pe Activati pe blocul tematic).

Editarea stilurilor CSS pentru tema principală

Deci, am creat o temă pentru copii. Acum, stilurile de pe site arată la fel ca în tema originală. Acest lucru se datorează faptului că am importat tot CSS-ul din tema originală (vă amintiți declarația @import?). Pentru a edita stilurile, adăugați orice modificări la fișierul CSS al temei secundare sub instrucțiunea @import. Stilurile din tema copil au prioritate deoarece sunt încărcate după stilurile din tema principală și astfel le suprascriu.

De exemplu, trebuie să schimbăm culoarea de fundal a site-ului de la #fff la # f5f5f5. Pentru a face acest lucru, putem adăuga codul CSS corespunzător în fișierul sebweo-child / style.css:

Șablon Com: sebweo Versiunea: 1.0.0 * / @import url ("../ sebweo / style.css"); / * rescrie stilurile principale ale temei * / body (culoare de fundal: # f5f5f5;)

Salvați fișierul și reîmprospătați site-ul: veți vedea că culoarea de fundal s-a schimbat (presupunând, desigur, că tema principală a folosit o culoare de fundal albă pentru eticheta body).

Editarea fișierului functions.php

Fișierul functions.php este de obicei folosit pentru a găzdui funcționalitatea principală a unei teme. Când utilizați o temă copil fără acest fișier, aceasta va fi încărcată automat din tema părinte. Dar dacă trebuie să adăugați și alte funcționalități personalizate temei dvs., puteți face acest lucru creând un nou fișier functions.php în folderul cu tema copil. Vă rugăm să rețineți că noile funcții vor fi descărcate direct față funcțiile temei părinte. Fișierul functions.php al temei copilului dumneavoastră trebuie să înceapă cu eticheta... Între aceste etichete puteți adăuga codul php dorit.

Editarea altor fișiere șablon

Pe lângă modificările CSS și ale caracteristicilor, puteți face modificări structurale temei dvs. prin editarea fișierelor șablon php. Acest lucru ar trebui făcut cu grijă, dar vă permite să personalizați orice parte a temei. Spre deosebire de editarea fișierului functions.php, unde funcțiile temei originale sunt importate automat, atunci când editați fișierele șablon ale temei copil, acestea înlocuiesc complet șabloanele din tema părinte. Fișierul cu tema părinte este ignorat și cel nou (din tema copil) este folosit în schimb. Primul lucru pe care trebuie să-l facem este să recreăm fișierul vechi înainte de a începe să-l schimbăm. Pentru a face acest lucru, pur și simplu copiați fișierul șablon din tema părinte și inserați-l în folderul cu tema copil. De exemplu, dacă vrem să schimbăm fișierul șablon pentru antetul site-ului (header.php), pur și simplu îl copiam din / wp-content / themes / sebweo / și îl lipim în / wp-content / themes / sebweo-child / ( înlocuiți-vă pe drum!).

WordPress va folosi acum acest fișier în locul celui vechi, deoarece numele și locația acestuia sunt aceleași. Așa că acum putem deschide fișierul dorit în tema copil și facem modificările necesare.

Avantajele și dezavantajele unei teme de copil

Beneficiile utilizării unei teme pentru copii WordPress

1. Actualizare sigură:

Tema copil moștenește automat funcțiile, stilurile și șabloanele din tema părinte. Acest lucru ne permite să facem modificări site-ului folosind teme secundare fără a schimba tema părinte. Când apare o nouă versiune a temei părinte, o puteți actualiza în siguranță, deoarece toate modificările sunt stocate în tema copil.

1. Usor de extins:

O temă copil vă oferă multă flexibilitate fără a scrie mult cod. Puteți modifica în mod selectiv doar fișierele șablon și funcțiile dorite, fără a edita complet celelalte fișiere șablon. Puteți adăuga funcții noi și multe altele.

1. Backup:

Când creați o temă nouă, trebuie să vă gândiți la toate scenariile posibile și la codul acesteia. Cu toate acestea, atunci când lucrați la o temă copil și ați uitat să scrieți un anumit cod, atunci funcționalitatea temei părinte vă va fi întotdeauna disponibilă ca rezervă.

Dezavantajele utilizării unei teme copii WordPress

1. Unul dintre cele mai mari dezavantaje ale utilizării temelor copil este timpul necesar pentru a învăța codul temei părinte.
2. Un alt dezavantaj este adesea că dezvoltatorii temei părinte ar putea rescrie complet funcția pe care ați folosit-o în tema copilului sau ar putea face modificări care să distrugă complet tema copilului. Deoarece actualizările temelor sunt cheia pentru securitatea site-ului, compatibilitatea cu alte funcții și pluginuri, va trebui să urmăriți modificările semnificative care pot apărea odată cu actualizarea.

Există teme WordPress fantastice, dar există o mulțime de lucruri mici pe care fiecare dintre noi ne-ar plăcea să le schimbe. Culoare, dimensiunea fontului și poate textul butonului?

Problema este că chiar și o mică modificare a temei poate face imposibilă actualizarea acesteia la o versiune ulterioară în viitor, deoarece dacă încercați să faceți acest lucru, este posibil să pierdeți toate modificările.

Și ce se întâmplă dacă trebuie să lucrați cu o temă din depozitul WordPress sau cu cea pe care ați achiziționat-o de la Themeforest, ceea ce, de asemenea, nu ușurează sarcina. Temele pentru copii pot rezolva această problemă, permițându-vă să utilizați toată funcționalitatea temei selectate și să actualizați fără teama de a vă pierde modificările.

Astăzi, în acest articol, voi explica de ce aveți nevoie de teme pentru copii și cum să lucrați cu ele.

Notă: Dacă după ce ați citit această postare încă aveți dificultăți la instalarea unei teme pentru copii, anunțați-mă în comentarii și voi încerca să vă ajut!

Cum funcționează temele pentru copii și de ce ar trebui să le folosiți?

Teme pentru copii Sunt teme separate care moștenesc cea mai mare parte a funcționalității lor de la părintele lor (tema originală). Dacă utilizați o temă copil, WordPress va verifica mai întâi dacă există vreo funcționalitate specifică în temă.

Dacă nu, va folosi tema părinte. Acest lucru este grozav, pentru că în acest caz puteți schimba doar ceea ce aveți nevoie.

Ar trebui să utilizați întotdeauna teme pentru copii, chiar dacă intenționați să schimbați doar un personaj din tema dvs. Există două motive pentru aceasta: actualizări și structură.

Actualizări

Dacă modificați o temă fără a utiliza o temă copil, aveți două opțiuni: fie vă decideți să nu o actualizați în viitor, fie o faceți și pierdeți toate modificările.

Din punct de vedere tehnic, a doua opțiune funcționează, dar nu este recomandat să faceți acest lucru. Chiar dacă modificările dvs. sunt foarte ușor de copiat, de ce să petreceți câteva minute pe acțiuni care ar putea implica erori la fiecare actualizare.

Refuzul actualizărilor este exclus. Aproape orice listă de motive pentru piratarea site-urilor spune că software-ul învechit este o cauză cheie a problemelor de securitate. Prin urmare, ar trebui să fiți mereu la curent cu actualizările pentru WordPress, temele și pluginurile dvs.

Structura

Când adăugați cod la o temă existentă, îi schimbați baza de cod, care poate fi de mii de linii. Dezvoltatorii care vor lucra cu site-ul tău și tu însuți va trebui să lucrezi din greu pentru a urmări toate modificările din cod. Rezultatul evident al acestui lucru ar putea fi o factură uriașă pentru munca lor.

pentru că temele copil depind de temele părinte, cu excepția cazului în care, desigur, au setări speciale, atunci tema copilului dumneavoastră va fi baza modificărilor pentru cea originală. Acest lucru vă va ajuta să faceți modificări semnificative, chiar dacă tema copilului are doar câteva fișiere și 100 de linii de cod.

Crearea unei teme pentru copil

Este foarte ușor să creezi o temă pentru copii. Atât de ușor poți să apuci și să-mi copiați exemplul de mai jos.

Pentru a crea o temă copil, urmați acești pași:

• Creați un director pentru temă
• Creați o foaie de stil cu informații despre tema copilului dvs
• Conectați stilurile temei părinte

Făcând toți acești pași, puteți activa tema copilului și site-ul dvs. va arăta exact la fel ca înainte, dar o va folosi în continuare.

Și, așadar, să aruncăm o privire mai atentă la fiecare pas. Pentru acest exemplu, voi crea o temă secundară pentru tema originală Twenty Fourteen.

1. Mai întâi, creați un folder pentru noua dvs. temă în directorul de teme. Puteți alege un nume pentru ea. Din motive de claritate, o voi numi douăzeci și patru de copii.

2. În acest pas, creați un fișier de foaie de stil. Numele său ar trebui să fie style.css. Copiați și inserați acest cod în fișierul pe care tocmai l-ați creat.

/ * Numele temei: Twenty Fourteen Child Theme URI: http: //yourwebsite..0.0 Etichete: negru, verde, alb, deschis, întunecat, două coloane, trei coloane, bară laterală stânga, bară laterală dreaptă, aspect fix , aspect responsive, fundal personalizat, antet personalizat, meniu personalizat, stil editor, imagini prezentate, antet flexibil, șablon cu lățime completă, microformate, post-formate, rtl-language-support, sticky-post , opțiuni de temă, gata de traducere, gata de accesibilitate, aspect responsive, defilare infinită, post-slider, design, mâncare, jurnal, revistă, știri, fotografie, portofoliu, curat, contemporan, întunecat, elegant, modern, profesional , domeniu text sofisticat: douăzeci și patrusprezece-copil * /

Numele temei: Douăzeci și patruzeci de copii URI temei: http://yourwebsite.com/twentyfourteen-child/ Descriere: Tema primului meu copil, bazată pe Twenty Fourteen URI autor: http:// site Şablon: douăzeci şi patru Versiune: 1.0.0 Etichete: negru, verde, alb, deschis, întunecat, două coloane, trei coloane, bară laterală stânga, bară laterală dreaptă, aspect fix, aspect receptiv, fundal personalizat, antet personalizat, meniu personalizat, editor- stil, imagini prezentate, antet flexibil, șablon pe lățime completă, microformate, post-formate, rtl-language-support, sticky-post, theme-options, translation-ready, accesibility-ready, responsive-layout, infinite- defilare, post-slider, design, alimente, jurnal, revistă, știri, fotografie, portofoliu, curat, contemporan, întuneric, elegant, modern, profesional, sofisticat Domeniul text: douăzeci și paisprezece-copil

Există două linii importante în codul de mai sus care încep cu „Numele temei” și „Șablonul”. „Numele temei” îi spune WordPress cum se numește tema ta și acest nume este afișat în selectorul de teme. „Șablon” îi spune WordPress ce temă să ia în considerare ca temă sursă.

Cele mai multe dintre celelalte sunt intuitive, cu excepția domeniului text și a etichetelor. Domeniul text este folosit pentru a traduce șiruri. Trebuie să fie unic pentru tema dvs. și să fie utilizat de fiecare dată când utilizați funcțiile de traducere. Consultați I18n pentru dezvoltatorii WordPress pentru mai multe informații. Secțiunea de etichete este o listă de etichete care sunt utilizate pentru depozitul de teme WordPress. De exemplu, am copiat etichetele din fișierul style.css al temei originale.

3. Tema copilului tău funcționează bine acum. Dacă îl activezi și încarci pagina, tot conținutul va fi prezent pe ea, dar nu vor fi informații despre stiluri. Am spus mai devreme că WordPress caută mai întâi funcționalitatea temei copil și dacă lipsește, apoi revine la tema originală.

Avem un fișier de foaie de stil, așa că WordPress nu încarcă fișierele temei sursă. Pentru a ne asigura că încărcăm foile de stil ale temei originale, să le includem utilizând sistemul de adăpostire. Acest lucru se poate face în fișierul functions.php al temei, așa că haideți să-l creăm acum prin simpla copiere a codului de mai jos:

add_action ("wp_enqueue_scripts", "enqueue_parent_styles"); funcția enqueue_parent_styles () (wp_enqueue_style ("stil părinte", get_template_directory_uri (). "/ style.css");)

add_action ("wp_enqueue_scripts", "enqueue_parent_styles"); funcția enqueue_parent_styles () ( wp_enqueue_style ("stil părinte", get_template_directory_uri (). "/style.css");

Cum funcționează temele pentru copii?

Deci, cum funcționează de fapt temele pentru copii? Temele copil operează la nivel de fișier. Când un fișier este utilizat în procesul de încărcare a unei teme, acesta verifică dacă fișierul se află în tema copil. Dacă da, conținutul conținutului acestui fișier va fi utilizat. Dacă nu, va fi folosit același fișier din tema părinte.

Cu toate acestea, există o excepție de la această regulă - fișierul de funcție pentru temă. Fișierul functions.php din temele părinte și copil vor fi prieteni. Dacă funcțiile din tema copil le înlocuiesc pe cele părinte, atunci fie veți obține un site multifuncțional, fie va trebui să copiați întregul conținut al fișierului cu funcțiile temei părinte în tema copil - la urma urmei, ceea ce aveți nu pot face pentru a extinde tema.

Procesul de modificare a funcționalității este următorul. Dacă trebuie să schimbați antetul, copiați fișierul header.php din tema părinte în tema secundară. Modificați fișierul, salvați-l și bucurați-vă de rezultatele muncii dvs.

Mici note pentru dezvoltatorii de teme

Dacă creați teme, există câteva tutoriale pe care le puteți folosi pentru a ușura acest proces. Cele mai importante două descriu diferența dintre get_stylesheet_directory () și get_template_directory () și procesul de creare funcții conectabile.

Directorul este corect

Când accesați active folosind aceste funcții, ar trebui să vă amintiți întotdeauna că funcțiile de tip get_template_ vor indica directorul temei părinte, în timp ce funcțiile de tip get_stylesheet_ vor indica directorul temei copil.

/images/twitter.png "alt =" (! LANG: sigla Twitter">Follow Me!} /images/github.png "alt =" (! LANG: Sigla Github">On Github!}

< a href = „http://twitter.com/danielpataki”> < img src = "/images/twitter.png " alt = "(! LANG: Logo Twitter" > Follow Me !}< / a > < a href = „http://github.com/danielpataki”> < img src = "/images/github.png " alt = "(! LANG: Logo Github" > On Github !}< / a >

Unul dintre avantajele utilizării get_stylesheet_directory_uri () este că dezvoltatorii de teme pentru copii își pot folosi propria imagine prin simpla plasare a acesteia în locul corect. Pe de altă parte, dacă imaginea nu există în tema copilului, atunci nu va fi afișată deloc.

Acest lucru se datorează faptului că, dacă tema copil este activă, funcția get_stylesheet_directory_uri () nu verifică (nu știe) ce fișier încărcați, așa că nu va verifica existența acestuia și va returna întotdeauna URI-ul pentru tema copil.

Funcții variabile

Mai există o metodă de utilizat - funcțiile conectabile WordPress. Permite autorilor temelor copil să suprascrie funcțiile definite în tema părinte. Aceasta înseamnă împachetarea funcțiilor în function_exists ().

Să presupunem că creați o funcție pentru a afișa un meta post personalizat numit my_meta (). Tema copil nu poate schimba în niciun fel această funcție, deoarece nu poate fi specificat de două ori. Soluția la această problemă poate fi doar crearea unei funcții care nu este definită (rețineți că fișierul cu funcțiile temei copil este încărcat primul).

Nu știu exact din ce motive șabloanele WordPress sunt numite în mod persistent teme, dar asta este ceea ce în introducerea acestui articol dă naștere tautologiei: subiectul acestui articol este cum să creezi o temă WordPress pentru copii. Mai simplu spus, cum să vă asigurați că modificările făcute în șablonul site-ului nu dispar după fiecare actualizare a șablonului de către autor.

De ce este nevoie

De ce ai nevoie de o temă pentru copil, am explicat în introducere. Să explic în practică. Nu am folosit de mult timp șabloane în versiunea autorului, schimb constant ceva în fișierul responsabil de design (style.css), elimin link-urile din subsol, schimb locurile de introducere și anunțuri la articolele din arhive. Pe scurt, fac editări în fișierele șablon. De fiecare dată când autorul actualizează șablonul, aș pierde și mi-aș restabili editările dacă nu aș folosi teme secundare.

De remarcat că recent, situația cu pierderea editărilor a fost oarecum simplificată. În toate temele moderne, există o editare personalizată a fișierului de stil (style.css), care nu se modifică după actualizarea temei, însă acest lucru nu rezolvă scopul general al articolului, de a crea o temă WordPress pentru copii.

Creați manual o temă copil WordPress

• Să presupunem că aveți o temă „tată”, creați o temă copil pentru aceasta;
• Creați un director pentru tema copilului, spuneți „fiică”;
• În Notepad ++ creați un fișier .css cu următorul conținut:

/ * Numele temei: Fiica Șablon: tată * /

Rețineți că directiva Template specifică tema părinte și este obligatorie.

Important! Acum, când plasați un fișier în directorul fiicei, acesta înlocuiește fișierul părintelui. Această regulă NU funcționează pentru fișierul functions.php.

Dar asta nu este tot. Este necesar să se transfere stilurile „părintelui” la stilurile „fiicei”. Acest lucru se face în două moduri:

Metoda 1. Transferați doar conținutul foii de stil (style.css) într-un fișier părinte similar;

Metoda 2. Sau adăugați fișierul style.css al copilului următoarea linie:

@import url ("../ tată / stil.css");

Atenție la adresa relativă care indică șablonul părinte (tată).

Pluginuri de temă pentru a crea o temă copil

Despre pluginuri pentru crearea unei teme copil, voi spune asta, dacă aveți nevoie de o temă copil, instalați un plugin, creați o „fiică”, eliminați pluginul și nu suferiți de lucru manual. Funcționarea cu oricare dintre pluginurile enumerate mai jos va dura 10-15 secunde, cu excepția cazului în care creați o temă secundară a unui șablon deja modificat.

Vrăjitor cu tema copiilor

Vă permite să creați o nouă temă copil fără a fi nevoie de instrumente suplimentare chiar din interfața de administrare WordPress.

Configurator teme pentru copii

https://ru.wordpress.org/plugins/child-theme-configurator/

Un utilitar rapid și ușor de utilizat, care vă permite să analizați orice temă de lucru și să creați o temă copil pentru a o personaliza. Child Theme Configurator facilitează identificarea și înlocuirea atributelor CSS exacte pe care doriți să le personalizați. Analizorul scanează tema furnizată și configurează automat tema copilului.

Copilizează-mă

https://ru.wordpress.org/plugins/childify-me/

Vă permite să creați o temă copil pentru orice temă instalată, direct din panoul Aspect >>> Tema.

Creați o temă secundară a șablonului modificat

Să ne imaginăm o situație, lucrezi cu site-ul tău și te-ai săturat să editezi constant șablonul după actualizare. Ce să fac? Trebuie să creați o temă secundară a șablonului deja modificat. Cum să o facă?

Opțiunea 1. Instalați pluginul Child Theme Configurator, acesta vă va „lumina” șablonul și va transfera fișierele modificate pe tema copil;

Opțiunea 2. Faceți o „fiică” în modul manual și mai departe: transferați fișierele modificate din tema părinte în tema copil.

Tot! Acum lucrați la o temă copil pe care ați modificat-o mai devreme.

concluzii

Acum știi cum să creezi o temă copil WordPress. Utilizarea acestei funcționalități simplifică lucrul cu șabloane și elimină sarcina de a monitoriza temele în schimbare constantă. Cu o temă copil, vă puteți edita șablonul fără teama de a vă elimina corecțiile după actualizare. Întrebări în comentarii.

Salutare tuturor, astăzi vreau să vă spun despre o caracteristică minunată a motorului wordpress - o temă pentru copii. La sfârșitul postării, îți voi arăta un exemplu despre cum să faci o temă wordpress copil bazată pe un șablon gata făcut, acum vreau să explic de ce ai nevoie de o temă copil wordpress.

Navigare în pagină:

Ce este o temă pentru copii wordpress și de ce este necesară

O temă wordpress copil este o temă folosită de wordpress pentru a modifica sau extinde funcționalitatea temei părinte (principale).

Folosirea temei wordpress child vă permite să schimbați complet stilurile CSS, codul HTML și javascript, precum și codul PHP sau unele dintre funcțiile sale, fără a interfera cu tema autorului. Mai simplu spus, după editările noastre, vom putea actualiza tema descărcată sau achiziționată fără a ne pierde editările și funcționalitatea.

Să presupunem că am cumpărat o temă plătită cu actualizări gratuite și asistență timp de un an. Trebuie să ne creăm site-ul pe baza unei teme gata făcute + să facem modificări minore la stiluri.

Primul lucru care vă vine în minte (și acest lucru este greșit): trebuie să luați și să scrieți stilurile dvs. în fișierul style.css. Astfel, vom obține rezultatul dorit, DAR:

când vom actualiza, toate stilurile noastre vor zbura. Dacă cerem sprijin pentru ajutor, ei vor refuza să ne ajute, iar dacă chiar ne ajută, atunci va trebui să actualizăm automat...

Cerc vicios? - nu chiar, nu trebuie să actualizați tema sau să contactați asistența 🙂

Un sfat frumos, nu??

În această situație, tema wordpress copil ne poate ajuta. Pur și simplu plasăm o temă achiziționată curată (fără modificări) în wp-content / teme și, de asemenea, creăm un copil și plasăm un singur fișier: style.css (este necesar).

Beneficiile utilizării temei wordpress copil

(click pe numere pentru a vedea toate beneficiile)

• Tema copil Wordpress moștenește toate funcțiile și capacitățile temei părinte + vă permite să le adăugați pe ale dvs. sau să le înlocuiți pe cele existente.

  După activarea temei copil în panoul de administrare, vom vedea că funcționează la fel ca și părintele.

• Pentru a adăuga propriile noastre stiluri, trebuie doar să le înregistrăm în tema copil, părintele va rămâne neschimbat.
• Când adăugați un nou tip personalizat sau taxonomie, putem adăuga fișiere lipsă la temă fără a interfera cu actualizarea temei principale.
• Un avantaj impecabil al folosirii temei wordpress copil este capacitatea de a actualiza tema.

  De exemplu, dacă un dezvoltator găsește o vulnerabilitate sau un conflict de temă cu o nouă versiune de WordPress, el va lansa o actualizare, iar tu o poți instala ușor și simplu.

Cum se creează o temă wordpress pentru copii

Pentru a crea o temă WordPress pentru copii, trebuie să îndeplinim doar câteva condiții:

1. Creați un director cu un nume arbitrar.
2. În acest folder, creați un fișier style.css cu text personalizat. (voi arăta mai jos)

Iată un tutorial rapid despre cum să creați o temă copil wordpress pentru tema Twenty Sixteen care vine cu noul WP.

Un ghid rapid despre cum să faci o temă pentru copii wordpress

Făcând clic pe numerele de mai jos, puteți trece la pasul următor.

Crearea unei teme pentru copii pentru wordpress

Iată cum arată acum site-ul nostru:

Vă sugerez să schimbați culoarea titlurilor din widgetul din dreapta. Pentru a face acest lucru, trebuie să adăugăm următorul cod la stilurile temei copil:

Widget h2.widget-title (culoare: # 228E4F;)

Iată cum arată editările:

Și iată rezultatul editărilor noastre:

De asemenea, sugerez să creați și alte modificări. De exemplu, toți dezvoltatorii SEO se plictisesc de faptul că widget-urile afișează anteturi în h2. Este destul de ușor să remediați această problemă prin tema copilului wordpress. Pentru a face acest lucru, trebuie să:

1) Creați fișierul functions.php.

2) Scrieți următorul cod în el:

__ ("Sidebar", "twentysixteen"), "id" => "sidebar-1", "description" => __ ("Adăugați aici widget-uri pentru a apărea în bara dvs. laterală.", "Twentysixteen"), "before_widget" = > "", "after_widget" => "", "before_title" => "

",)); unregister_sidebar (" sidebar-2 "); register_sidebar (matrice (" nume "=> __ (" Content Bottom 1 "," twentysixteen ")," id " =>" sidebar-2 "," descriere " => __ ("Apare în partea de jos a conținutului în postări și pagini.", "Twentysixteen"), "before_widget" => "", "after_widget" => "", "before_title" => " ",)); unregister_sidebar (" sidebar-3 "); register_sidebar (matrice (" nume "=> __ (" Content Bottom 2 "," twentysixteen ")," id " =>" sidebar-3 "," descriere " => __ ("Apare în partea de jos a conținutului în postări și pagini.", "Twentysixteen"), "before_widget" => "", "after_widget" => "", "before_title" => " ",)); } ?>

Aici facem un lucru foarte simplu, eliminăm toate barele laterale înregistrate de tema părinte unregister_sidebar ("sidebar-3"); și introduceți noul cod pentru crearea barelor laterale, pe care l-am preluat din tema părinte. Asta e tot. Sa vedem rezultatul:

În mod similar, puteți modifica conținutul oricărui fișier temă, sau puteți adăuga altele noi, cu singura diferență că functions.php nu este suprascris, ci sunt adăugate funcții noi. Pentru fișierele cu temă, atunci când adăugați un fișier, de exemplu, footer.php - acest fișier din tema părinte va fi dezactivat și vom folosi acest fișier din tema copil.

Diferențele dintre temele WordPress pentru părinți și copii

Diferența dintre aceste subiecte în logica muncii:

dacă fișierul nu este inclus în tema copil, atunci WordPress încearcă să-l găsească în tema părinte

dacă un fișier altul decât functions.php este în tema copil, atunci înlocuiește un fișier similar în părinte

Vă mulțumesc tuturor pentru atenție, probabil că asta este tot pentru mine, împărtășim articolul prietenilor noștri

, scrie comentarii 🙂

În următoarea actualizare a platformei, se adaugă mereu noi funcții, protecția este îmbunătățită, apar noi oportunități. Deci, una dintre mai multe posibilități poate fi remarcată un instrument atât de util ca. Și aceasta este doar una dintre numeroasele funcții. Și există altele mai semnificative, de exemplu - o temă pentru copii.

Ce este o temă copil WordPress?

Nu aș dori să aprofundez acest subiect, având în vedere că site-ul oficial are un manual bun în limba rusă (). Permiteți-mi să spun doar câteva cuvinte despre beneficiile unei teme de copil și despre ce este aceasta.

Sens: tema copil (DT) este destinată în principal editării corecte a temei părinte (cea care este activată în prezent). Utilizarea acestei metode va salva orice modificări aduse temei părinte (PT) data viitoare când o actualizați.

Beneficiu: Colosal. Pentru că aceasta este decizia corectă în orice modificare a RT.

Cum se creează o temă copil în WordPress

Codexul WordPress (link de mai sus) oferă o descriere detaliată pas cu pas a pașilor pentru a crea o temă copil. În esență, nu este nimic complicat aici. Mai degrabă, este adevărat invers: totul este foarte simplu. Dar nu toată lumea are dorința de a schimba fișierele (nu le vom condamna - aceasta este o chestiune personală). Pentru un astfel de caz, există plugin-uri care vor face aproape toată munca pentru tine.

Vom vorbi pe scurt despre această opțiune. În depozit, ca întotdeauna, există o selecție mare de plugin-uri pentru implementarea soluțiilor pentru orice sarcină. Alegerea mea a căzut pe plugin " Tema copilului cu un singur clic», Care va crea o temă copil cu un singur clic.

După activarea modulului „One-Click Child Theme”, accesați fila „Appearance - Child Theme”. Această pagină conține trei câmpuri de completat:

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 un bloc nou, ștergeți un bloc etc.), de dragul păstrării sau chiar al securității, cel mai bine este să faceți acest lucru prin tema copil.

Fișiere tematice. Un fișier este copiat din RT, în care doriți să faceți ceva propriu, și este transferat în DT (rețineți că dacă fișierul se află într-un subfolder al subiectului, atunci în DT creați și același folder ). Apoi începeți să lucrați cu el, schimbați-l, adăugați ceea ce aveți nevoie și verificați rezultatul.

Stiluri (style.css). Pentru a putea edita stilurile temei părinte direct în tema copil, mai întâi trebuie să le importați prin fișierul style.css sau fișierul functions.php. În caz contrar, nu vor avea loc modificări. Ș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 ("stil părinte", get_template_directory_uri (). "/style.css");)

funcții.php. spre deosebire de cele anterioare, nu este modificat sau importat, ci încărcat ca o completare la fișierul părinte. Nu trebuie să fie copiat din RT, doar creați un fișier în RT numit functions.php. Și apoi, în modul obișnuit pentru noi, adăugați-i funcțiile de care aveți nevoie. Astfel, va exista o abordare corectă a modificării și extinderii capacităților temei părinte.

Conectarea fișierelor dintr-o temă copil. Pentru a conecta fișiere de la DT, trebuie să utilizați anumite funcții care indică calea corectă.