Meniul
AcasăWindows 10

Instrucțiuni pentru teme pentru copii WordPress. Cum să creezi o temă pentru copii WordPress. Cum se creează o temă pentru copii WordPress

Doriți să creați o temă copil WordPress? După întâlnire Bazele WordPress Există o dorință complet justificată și de înțeles de a schimba designul șablonului site-ului pentru a se potrivi gusturilor și nevoilor dvs. Crearea unei teme copil este locul în care ar trebui să începeți să creați site-uri web. În acest articol vă voi spune cum să creați o temă copil în WordPress.

De ce să creați o temă pentru copii?

Crearea unei teme pentru copil este Cel mai bun mod personalizați-l pe cel ales Șablon WordPress. O temă copil are toate caracteristicile și aspectul temei părinte. Poți face orice setările necesare fără a afecta în vreun fel șablonul principal. De asemenea, puteți actualiza cu ușurință tema părinte fără a vă face griji că vă pierdeți setările.

Cerințe

Pentru a face orice modificare a șablonului, sunt necesare cunoștințe de bază despre CSS/HTML și, de asemenea, ar fi bine să cunoașteți PHP. Veți avea nevoie cu adevărat de abilitățile de a copia și lipi bucăți de cod din alte surse.

Pentru început, te-aș sfătui să exersezi pe localhost. De asemenea, puteți muta site-ul dvs. existent pe server localși exersează-l sau folosește conținut fals.

Începutul lucrării

Orice bun subiect WordPress poate deveni tema părinte. Cu toate acestea, există selecție uriașă teme și unele dintre ele sunt destul de complexe pentru primele experimente de creare a temelor pentru copii, așa că am decis să iau ca exemplu o temă standard Douăzeci Treisprezece, care este una dintre temele implicite din WordPress.

Creează-ți prima temă pentru copil

Pentru a începe, în folderul de instalare, deschideți /wp-content/themes/și creează dosar nou pentru tema copilului. Spune-i cum vrei. De exemplu, îl voi numi wpbdemo.

Deschis Document text ca Notepad și lipiți acest cod acolo:

/* Numele temei: WPB Child Theme URI: http://www.wpbeginner.com/ Autor: WPBeginner Template: twentythirteen Versiune: 1.0.0 */ @import url("../twentythirteen/style.css");

Numele temei: WPB Child Theme

URI temei: http://www.wpbeginner.com/

Descriere: A Twenty Thirteen tema copilului

URI autor: http://www.wpbeginner.com

Şablon: douăzeci şi treisprezece

Versiune: 1.0.0

Salvați acest documentîn folderul cu temă copil nou creat și denumește-l ca style.css.

Liniile de cod de aici se explică de la sine. La ce trebuie cu adevărat să fii atent este linia Șablon: douăzeci şi treisprezece.

Acest lucru îi spune WordPress că tema noastră este o temă secundară, iar folderul cu tema părinte se numește twentythirteen. Vă rugăm să rețineți că numele folderului părinte face distincție între majuscule și minuscule, de exemplu. dacă introduceți „Șablon: TwentyThirteen”, nimic nu va funcționa.

Ultima linie de cod importă foaia de stil a temei părinte în tema copil.

Acest Cerințe minime pentru a crea o temă pentru copil. Acum poți merge la meniu Aspect„Teme, unde veți vedea WPB ca o temă pentru copii. Faceți clic pe butonul Activați pentru a începe să îl utilizați pe site-ul dvs.

Deoarece nu ați schimbat încă nimic în tema copil, site-ul va folosi toată funcționalitatea și aspectul temei părinte.

Configurarea unei teme pentru copil

Fiecare director de temă conține un fișier cu stiluri – style.css. cel mai adesea este fișierul de stil principal, unde există CSS. Cu toate acestea, pentru unele teme, acest fișier conține doar informații despre temă. În acest caz, de regulă, fișiere CSS sunt într-un director separat.

Aici veți avea nevoie de anumite cunoștințe și abilități în lucrul cu .

Google Chromeși Firefox vin cu un instrument de inspecție încorporat care vă permite să vizualizați CSS-ul multor elemente de pe o pagină web.

Daca vrei sa vezi Navigare CSS meniu, apoi mutați pur și simplu cursorul mouse-ului în meniu, faceți clic dreapta și selectați „Vizualizare cod”.

Odată ce faceți acest lucru, fereastra browserului va fi împărțită în două părți. În partea de jos a ecranului, veți vedea HTML și CSS pentru pagină.

Când treceți mouse-ul peste diferite linii HTML, instrumentul de inspecție din partea de sus a ecranului va evidenția elementul corespunzător. După cum puteți vedea din captura de ecran, am ales meniu de navigatie.

Instrumentul Chrome va afișa, de asemenea, regulile CSS legate de elementul selectat în partea dreaptă.

Puteți încerca să editați CSS-ul chiar aici pentru a vedea imediat cum va arăta totul. Să schimbăm culoarea de fundal . bara de navigare pe #e8e5ce .

Culoare de fundal Bara de navigare s-a schimbat. Dacă vă place, puteți copia asta regula CSSși lipiți fișierul cu tema copil style.css.

Bara de navigare (culoare de fundal: #e8e5ce; )

Bara de navigare (

Salvați modificările în fișierul style.css și previzualizați site-ul.

Repetați procesul pentru orice doriți să schimbați în foaia de stil a temei.

Aici lista plina stiluri pe care le-am creat pentru tema copilului. Nu vă fie teamă să experimentați - schimbați-l la discreția dvs.

/* Numele temei: WPB Child Theme Theme URI: http://www.wpbeginner.com Descriere: A Twenty Thirteen Child theme Autor: WPBeginner Autor URI: http://www.wpbeginner.com Șablon: twentythirteen Versiunea: 1.0.0 */ @import url("../twentythirteen/style.css"); .site-title (padding: 30px 0 30px; ) .site-header .home-link (min-height: 0px; ) .navbar (culoare fundal: #e8e5ce; ) .widget (culoare fundal: #e8e5ce; ) .site-footer ( culoare de fundal: #d8cdc1; ) .site-footer .sidebar-container ( culoare de fundal:#533F2A )

Numele temei: WPB Child Theme

URI temei: http://www.wpbeginner.com

Descriere: O temă de copii Douăzeci și treisprezece

URI autor: http://www.wpbeginner.com

Şablon: douăzeci şi treisprezece

Versiune: 1.0.0

@ import URL ("../twentythirteen/style.css" );

Titlul Site-ului (

umplutură: 30px 0 30px;

Antetul site-ului. home - link (

min - inaltime : 0px ;

Bara de navigare (

fundal - culoare : #e8e5ce;

Widget (

fundal - culoare : #e8e5ce;

Site - subsol (

fundal - culoare : #d8cdc1;

Site - subsol. bară laterală - container (

fundal - culoare: #533F2A

Fiecare temă WordPress are un aspect diferit. Să aruncăm o privire asupra structurii temei Twenty Thirteen. Există: antet, meniu de navigare, parte de conținut, zonă de widget de jos, a doua zonă de widget (laterală), subsol.

Fiecare dintre aceste secțiuni este procesată diverse fișiereîn dosarul douăzeci şi treisprezece. Aceste fișiere se numesc șabloane.

De regulă, aceste fișiere au numele secțiunii căreia îi aparțin. De exemplu, subsolul este servit de fișierul footer.php, antetul și meniul de navigare sunt servite de fișierul header.php. Unele secțiuni, cum ar fi zona de conținut, sunt deservite de mai multe fișiere - „șabloane de conținut”.

Deci, trebuie să începeți selectând fișierul temă pe care doriți să îl schimbați; copiați-l pe tema copilului dvs.

De exemplu, să presupunem că doriți să eliminați textul „Powered by WordPress” din zona de subsol și să introduceți acolo informații despre drepturile de autor. Pentru a face acest lucru: copiați fișierul footer.php în tema copil, deschideți-l simplu editor de text, cum ar fi Notepad. Găsiți linia pe care doriți să o eliminați și înlocuiți-o cu ceea ce doriți. Ar putea arăta astfel:

© Drepturi de autor Toate drepturile rezervate.

< ? php

* Șablon pentru afișarea subsolului

* Conține conținutul subsolului și închiderea elementelor #main și #page div.

* @pachet WordPress

* @subpachet Twenty_Thirteen

* @de la Twenty Thirteen 1.0

? >

< /div> < ! -- #principal -->

< id de subsol = „colophon” class = „site-footer” rol = „contentinfo” & gt ;

< ? php get_sidebar("principal"); ? >

< div class = "site-info" & gt ;

< p> & copie; Drepturi de autor< ? data echo php(Y); ? > < ? php bloginfo(„nume”); ? > Toate drepturile rezervate. < /p>

< /div> < ! -- . site - info -- & gt ;

< /footer> < ! -- #colofon -->

< /div> < ! -- #pagina -->

< ? php wp_footer(); ? >

< /body>

< /html>

Apropo, depanarea este mult mai ușoară în temele pentru copii. De exemplu, dacă ați șters din greșeală ceva de care aveți nevoie subiect părinte, apoi puteți pur și simplu să ștergeți fișierul din tema copil și să o luați de la capăt. De exemplu, în acest cod, am înlocuit legenda temei Twenty Thirteen cu o notificare privind drepturile de autor.

Adăugarea de noi funcționalități la o temă copil

Există multe tutoriale online despre cum să copiați și să lipiți bucăți de cod în fișierul functions.php al temei.

Adăugarea fragmentelor de cod în fișierul părinte functions.php înseamnă că modificările dvs. vor fi suprascrise, indiferent dacă tema părinte este actualizată. Acesta este motivul pentru care este întotdeauna recomandat să lucrați într-o temă copil și să adăugați toate codurile în fișierul functions.php.

Să creăm un fișier în folderul cu tema copil și să-l numim functions.php. În acest exemplu, vreau să adaug o bucată de cod care se va schimba imagine standardîn antetul imaginii dvs.

Am creat deja o imagine de antet și o miniatură prin editarea imaginii de antet implicite în tema Twenty Thirteen. Urmatorul pas– încărcați-le pe tema copilului la interior/imagini/anteturi/dosar .

Î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, alegere mare plugin-uri în implementarea soluțiilor la orice problemă. Alegerea mea a căzut pe plugin " Tema pentru copii 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”. 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 aspectul și toată funcționalitatea 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.

În primul rând, asigurați-vă că tema părinte există - găsiți directorul twentytwelve î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 de dezvoltare 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:

Text de subsol

Astfel, am înlocuit textul din subsolul temei Twenty Twelve cu al nostru.

Adesea, atunci când lucrați cu șabloane în teme copil, este mai ușor să copiați un șablon existent din tema părinte și să faceți modificări la acesta în tema copil, menținând astfel structura tuturor document HTML. Dacă faceți o greșeală, puteți oricând să ștergeți șablonul și să începeți din nou.

De asemenea, puteți crea fișiere șablon noi care nu sunt prezente în tema părinte, iar WordPress le va include conform ierarhiei șablonului. De exemplu, dacă tema părinte nu are un fișier page.php, puteți crea un fișier cu acel nume în tema copilului și WordPress îl va include atunci când afișați orice pagină.

De asemenea, este de remarcat faptul că nu toate fișierele cu tema părinte pot fi modificate în acest fel. De exemplu, nu veți putea modifica un fișier care a fost apelat de PHP include funcția sau cere .

Lucrul cu functions.php

Dacă aveți întrebări despre modificarea temelor WordPress existente, lăsați un comentariu și vă vom răspunde.

Nu știu exact de ce șabloanele pentru site-urile WordPress sunt numite în mod persistent teme, dar aceasta este ceea ce dă naștere unei tautologii în introducerea acestui articol: subiectul acestui articol este cum să creezi o temă copil WordPress. Pentru a spune simplu, cum să vă asigurați că modificările aduse unui șablon de site web nu dispar după fiecare actualizare a șablonului de către autor.

De ce este necesar acest lucru?

De ce este nevoie de o temă 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 introduceri și anunțuri cu 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ă în ultima perioadă, situația cu pierderea editărilor a devenit oarecum mai simplă. In toate subiecte moderne, există o editare personalizată a fișierului de stil (style.css), care nu se schimbă după actualizarea temei, cu toate acestea, acest lucru nu se rezolvă sarcină comună articole, creați o temă copil WordPress.

Creați manual o temă pentru copii WordPress

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

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

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

Dar asta nu este tot. Este necesar să transferați stilurile „părinte” la stilurile „fiică”. Acest lucru se face în două moduri:

Metoda 1. Pur și simplu transferați conținutul fișierului de stil (style.css) într-un fișier părinte similar;

Metoda 2. Sau adăugați fișierul style.css al unei fiice rândul următor:

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

Vă rugăm să rețineți: adresa relativa indicând șablonul părinte.

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 pluginul, creați o „fiică”, ștergeți pluginul și nu vă faceți griji lucrate manual. Funcționarea oricărui plugin enumerat mai jos va dura 10-15 secunde, cu excepția cazului în care creați o temă secundară a unui șablon deja modificat.

Vrăjitorul temei pentru copii

Vă permite să creați o nouă temă copil fără a fi nevoie să o utilizați instrumente suplimentare direct 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 subiect de lucruși creați o temă copil și personalizați-o. Child Theme Configurator facilitează identificarea și înlocuirea exactă Atributele CSS pe care doriți să le configuraț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 tema instalată, direct din panoul Aspect>>>Temă.

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

Să ne imaginăm o situație: lucrezi cu site-ul tău web și te-ai săturat să editezi constant șablonul după o actualizare. Ce să fac? Trebuie să creați o temă secundară a unui șablon 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 în tema copil;

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

Toate! 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 monitorizare a temelor aflate în schimbare constantă. Cu o temă copil, puteți edita șablonul fără teama de a pierde corecțiile după actualizare. Întrebări în comentarii.

Salutare tuturor, astăzi vreau să vă povestesc despre o caracteristică minunată motor wordpress– tema copilului. La sfârșitul postării, voi arăta un exemplu despre cum să faci o temă copil WordPress bazată pe șablon gata făcut, acum vreau să explic de ce avem nevoie de o temă copil WordPress.

Navigare în pagină:

Ce este o temă copil WordPress și de ce este necesară?

O temă copil wordpress este o temă care este utilizată în wordpress pentru a modifica sau extinde funcționalitatea temei părinte (principale).

Utilizarea temei wordpress copil vă permite să vă schimbați complet Stiluri CSS, HTML și cod javascript, precum și codul PHP sau funcțiile sale individuale fără a interfera cu tema autorului. Pur și simplu, 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 sprijin timp de un an. Trebuie să ne creăm site-ul web pe baza tema gata+ depozit modificări minoreîn 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:

La actualizare, toate stilurile noastre se vor pierde. Dacă cerem sprijin pentru ajutor, ei vor refuza să ne ajute și, chiar dacă ne ajută, vor trebui să actualizeze automat...

Cerc vicios? – nu chiar, nu trebuie să actualizați subiectul și nu contactați asistența :)

Un sfat bun, nu??

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

Beneficiile utilizării temei copil WordPress

(click pe numere pentru a vedea toate beneficiile)

Cum se creează o temă pentru copii wordpress

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

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

Vă prezint atenției instructiuni scurte De crearea de wordpress tema copil pentru tema Twenty Sixteen, care vine la baza noului WP.

Scurte instrucțiuni despre cum să creați o temă copil WordPress

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

Crearea unei teme pentru copii pentru wordpress

Iată cum arată site-ul nostru acum:

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 de stil:

Și acesta este rezultatul editărilor noastre:

De asemenea, sugerez să creați și alte editări. De exemplu, toți dezvoltatorii SEO s-au săturat de faptul că titlurile widget-urilor sunt afișate în h2. Este destul de simplu să tratezi această problemă folosind tema copil WordPress. Pentru a face acest lucru trebuie:

1) Creați un fișier functions.php.

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

__(„Bară laterală”, „douăzeci și șaisprezece”), „id” => „bară laterală-1”, „descriere” => __(„Adăugați widget-uri aici pentru a apărea în bara laterală.”, „douăzeci și șaisprezece”), „before_widget” = > "", "after_widget" => "", "before_title" => "

", "after_title" => "
",)); unregister_sidebar("sidebar-2"); register_sidebar(array("nume" => __("Conținut de jos 1", "douăzeci și șaisprezece"), "id" => "bara laterală-2", "descriere" => __("Apare în partea de jos a conținutului pe postări și pagini.", "twentysixteen"), "before_widget" => "", "after_widget" => "", "before_title" => "
", "after_title" => "
",)); unregister_sidebar("sidebar-3"); register_sidebar(array("nume" => __("Conținut de jos 2", "douăzeci și șaisprezece"), "id" => "bara laterală-3", "descriere" => __("Apare în partea de jos a conținutului pe postări și pagini.", "twentysixteen"), "before_widget" => "", "after_widget" => "", "before_title" => "
", "after_title" => "
",)); } ?>

Aici facem un lucru foarte simplu, eliminăm toate barele laterale înregistrate de tema părinte unregister_sidebar("sidebar-3"); și aruncă-l înăuntru cod nou crearea de bare laterale, pe care le-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, singura diferență fiind 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 este î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, asta este probabil tot ce am, împărtășiți articolul prietenilor voștri

, scrie comentarii :)