teme copil Wordpress

Tema WordPress pentru copii (subtopic) - aceasta este o temă suplimentară care vă permite să modificați / completeze funcția și aspectul temei principale. În acest caz, tema principală rămâne intactă, astfel încât acesta poate fi actualizat fără teama că modificările vor fi pierdute.

Tema pentru copii - o temă dezvoltată pe baza părintelui. „Pe baza“ înseamnă că, în cazul în care temele fișierul solicitat nu este găsit, acesta va fi luat de la tema părinte: subiect părinte, deoarece asigură un subiect filială. Pe partea tehnică, pentru a crea o temă copil, ea devine tema principală și complementară părinte.

De ce o temă copil?

Teme pentru copii necesare pentru dezvoltatorii pot actualiza / îmbunătăți tema, iar utilizatorii pot actualiza tema și nu pierd în același timp schimbări.

Ce poate fi schimbat în tema copilului?

În ea, puteți schimba aproape totul, dar trebuie să înțeleagă ce și cum să lucreze (vezi. De mai jos). Cu toate acestea, pentru a schimba unele lucruri ar trebui să fie creat o temă părinte, ținând seama de posibilele modificări. În cazul în care o temă părinte dezvoltator, nu intenționează modificări, schimbarea va fi unele momente sau dificil sau imposibil.

De aici putem concluziona că tema părinte sunt bune și rele. De multe ori, trebuie să retușați nu este cu mult: stilurile schimba pivnita si alte obiecte mici, dar se poate face pentru orice temă părinte fără nici o problemă.

Crearea unei teme copil

Creați ușor subtopic! Următoarele creează un copil twentyfifteen subiect.

Creați un dosar cu orice nume în directorul: wp-content / teme. Să twentyfifteen-copil

Creați un nou dosar în fișierul style.css. Cu conținutul:

  • Du-te la Aspect> Teme și activați noua temă „Tema mea copil.“
  • Asigurați-vă că pentru a specifica linia Format: twentyfifteen. (String este sensibil la caz), indică faptul că acest subiect secundar twentyfifteen fire.

    Directiva @import ar trebui să fie prima regulă în style.css. Dacă scrieți o regulă în fața ei, ea nu lucrează și stiluri tematice părinte nu sunt conectate.

    Directiva @import încetinește încărcarea paginii, astfel încât stilul de subiecte de parinti mai bine conecta diferite.

    Ca urmare, ar trebui să luăm această structură:

    twentyfifteen-copil poate conține alte fișiere, inclusiv:

    style.css - (obligatoriu) înlocuiește complet părintele aceluiași fișier temă.

    functions.php - completează functions.php fire părinte (încărcate în fața lui).

    Fișierele șablon - index.php. home.php etc. care este / nu este în subiect părinte. Dacă fișierul este în tema copilului, atunci acest fișier va înlocui fișierul părinte. De exemplu: crearea footer.php și copia conținutul footer.php de tema părinte, putem schimba de ieșire, fără a schimba fișierul tema părinte.

  • Alte fișiere - orice alte fișiere / foldere / indiferent. De exemplu, sub-tema pot utiliza noile imagini care sunt conectate la alte reguli CSS.
  • Sus

    style.css - numai de fișier necesar în sub-temă. WordPress oferă informații pentru a identifica subiectul filialei.

    Tema copil style.css style.css înlocuiește complet părintele unui subiect, părinte fișier temă stylesheet nu se încarcă.

    În informațiile antet, care ar trebui să fie la începutul fișierului este Template parametru obligatoriu. Este pentru el WP înțelege că este o temă filială și numele părintelui.

    Un exemplu de style.css tema copilului.

    • Tema Nume - (obligatoriu) numele temei copilului.

    Format - (obligatoriu) un nume sensibil caz directorului tema părinte.

    Notă: când schimbați doriți să resetați, are nevoie pentru a comuta la un alt subiect și să vină înapoi.

    Spre deosebire de alte fișiere de sub-temă, functions.php nu înlocuiește fișierul părinte, ci o completează: ea este încărcată direct în fața părinților și a altor fișiere subiectele secundare.

    Acest lucru înseamnă că, pentru a schimba tema părinte, în functions.php pot folosi cârlige și poate „suprascrie“ funcția, în cazul în care au fost calculate.

    Utilizarea cârlige

    În fișierul footer.php în tema twentyfifteen un twentyfifteen_credits eveniment. La aceasta se adaugă următorul cod în tema functions.php copil pentru a adăuga propriul text la subsol, puteți utiliza acest eveniment:

    funcție de corecție

    Cele twentyfifteen fișier părinte tema functions.php au funcția twentyfifteen_fonts_url () - jurnalele fonturi Google. Se pare ca acest lucru:

    Stare. function_exists ( „twentyfifteen_fonts_url“) - în cazul în care funcția nu există, pentru a determina aceeași funcție în tema functions.php copil.

    În acest caz, declanșatorul este doar funcția noastră definită și nu o funcție de tema părinte - nu se înregistrează în PHP din cauza condițiilor.

    De exemplu, adăugând următorul cod în tema functions.php filială, vom dezactiva conexiunea fonturi:

    Notă către dezvoltatorii, să capacitatea de a trece peste funcții în subiecte filiale pentru această temă pentru a crea înveliți funcția în stare:

    În acest caz, tema copil poate trece peste tema parentală, pur și simplu prin declararea acesteia în functions.php dumneavoastră.

    Fișierul șablon în tema copilului ca style.css. înlocuiește fișierul tema parentală. Ie în sub-tema poate fi înlocuită cu orice fișier părinte, trebuie doar să creați un fișier cu același nume.

    Câteva exemple sunt crearea fișierului șablon în subiect subsidiar:

    # 1 Adăugarea unui șablon care nu se află în tema părinte

    Crearea unui șablon pentru o „harta site“ pagina. În acest scop, sub-tema a crea un fișier de pagină-sitemap.php, iar site-ul va crea o pagină cu sitemap etichetă. Gata!

    # 2 Editare șablon, disponibil în tema părinte

    Să presupunem că avem home.php în subiect părinte și trebuie să-l schimbe.

    Crearea home.php în sub-temă.

    Apoi, copiați codul de fișier al temei părinte.

    Cum funcționează: pas cu pas

    Procesul de lucru din partea unui copil temă WordPress:

    WP teme style.css deschide sistemul și citește titlurile din configurare.

    Directiva Format: anunță că firele au un subiect părinte, și indică numele acestuia. Acum, WP funcționează cu tema atât filialei.

  • Apoi, toate fișierele cu excepția functions.php. conectat prin intermediul locate_template (). verifică dacă fișierul există în sub-tema, dacă există, este conectat la tema părinte.






  • Pentru a localiza WP va folosi tema părinte fișiere de traducere. Și, desigur, trebuie să traducă siruri de caractere nu pot fi acolo. Prin urmare, pentru sub-subiectele pe care doriți să creați un fișier de traducere și conectați-l la codul de sub-temă.

    Pentru conectarea există oferte speciale. Funcția: load_child_theme_textdomain (). Noi le folosim în functions.php sub-teme:

    De asemenea, trebuie să creați fișierul de traducere într-un subiect filială: limbi / en_US.mo.

    Acum puteți utiliza WordPress localizare a funcției în sub-tema:

    De exemplu, pentru o temă copil vom transfera unele fișiere, și vor fi utilizate pentru fișierele native părinte.

    Funcția WordPress asociată cu teme pentru copii

    get_stylesheet_directory_uri () - devine adresa URL a temei curente (filială, nu-mamă).

    get_template_directory_uri () - primeste adresa URL a subiectelor curente (părinte, nu copilul).

    get_stylesheet_directory () - devine calea către tema curentă (filială, nu-mamă).

    get_template_directory () - devine calea spre tema curentă (părinte, nu copilul).

    get_stylesheet () - devine numele directorului curent temă (filială, nu-mamă).

    get_template () - devine numele directorului curent tema (părinte, nu copilul).

  • get_stylesheet_uri () - devine URL-ul gata la stilul style.css fișier al temei curente. Dacă utilizați o temă copil, veți primi un link de stiluri RON. temă. În acest caz, subiectele părinte astfel de funcție în WordPress acolo.






  • Ie dacă doriți să obțineți o referință la fișierul temă, dar folosește un subiect subsidiar, URL-urile de la: get_stylesheet_directory_uri () și get_template_directory_uri () vor fi diferite: prima va fi un subiect subsidiar, iar al doilea părinte.

    Plugin pentru crearea rapidă a filialelor

    Pentru a nu te pui cu crearea de foldere și fișiere, puteți utiliza plug-in-One clic pe Tema Child.

    Acesta vă permite să creați o temă copil al curentului într-un singur clic. După ce creați un plugin temă poate fi îndepărtată. Plugin-ul o mulțime de recenzii bune.

    formate de înregistrare

    Funcția add_theme_support ( „post-formate“) are prioritate față de formatele stabilite de tema părinte, mai degrabă decât la completarea acesteia.

    @import în temă style.css copil

    În ciuda faptului că peste tot scrie utilizați în foi de subpuncte style.css. Nu-l recomand. Pentru că, în acest caz, browser-ul nu se poate încărca ambele stiluri de fișiere paralele de la tema părinte și de la filiala. Va trebui să le descarce secvențial: stiluri tematice primul copil, în cazul în care el vede @import și abia apoi începe să se descarce stiluri tematice parentale. Rezultatul este că pierdem în ordinea de 200ms viteza de încărcare. Atât de mult este cheltuit pe fișier de încărcare CSS. Sub sarcină este menit să trimită o cerere la server, de așteptare pentru un răspuns, descărcați fișierul.

    Este mai bine să se conecteze fișierele de stil separat în HTML: primul stil de teme de educație parentală, iar apoi copilul că acestea sunt mai mici decât în ​​codul HTML și întrerupe stiluri parentale. Iată cum:

    Ca rezultat, în partea HEAD a unui document HTML vom primi două link-uri către două fișiere de stiluri care vor fi încărcate la pornirea sistemului, în paralel, mai degrabă decât secvențial. Aceasta ne va economisi timp pe o singură cerere la server de la brazuera.