Cum să creezi o temă copil WordPress (Ghid pentru începători)

Teme copil sunt unul dintre acei termeni WordPress care sunt folosiți des și îi lasă pe începători confuzi. S-ar putea chiar să fi auzit de ele și să fi decis săriți peste crearea lor din cauza cât de complicate par.

Înțelegem asta. Dar, din experiența noastră, temele copil vă pot scuti de o mulțime de bătăi de cap pe viitor. Ele vă protejează personalizările prețioase, vă permit să experimentați fără a vă strica site-ul și fac actualizarea temei o joacă.

Dacă sunteți interesat, am explicat cum funcționează o temă copil, cum să o personalizați și cum să o modificați în acest ghid prietenos pentru începători.

Cum funcționează o temă copil și de ce ai nevoie de ea?

O temă copil moștenește toate caracteristicile, funcțiile și stilurile unei alte teme WordPress. Când creați o temă copil, tema originală se numește tema părinte.

Moștenirea include fișierul style.css al temei părinte, care definește stilul principal al temei. Tema copil poate suprascrie sau extinde proprietățile moștenite prin adăugarea propriilor fișiere sau prin modificarea celor existente.

Deși este posibil să personalizezi tema WordPress fără a instala o temă copil, există mai multe motive pentru care ai putea avea totuși nevoie de una:

• Temeile copil protejează personalizările tale în timpul actualizărilor de temă, păstrându-le în siguranță de a fi suprascrise. Dacă modifici direct tema părinte, acele ajustări s-ar putea să dispară la actualizare.
• Teme copil vă permit să testați în siguranță noi designuri sau funcționalități fără a afecta tema originală a site-ului, similar cu un mediu de staging.
• Dacă știți cum să codați, atunci temele copil pot face procesul de dezvoltare mai eficient. Fișierele unei teme copil sunt mult mai simple decât cele ale unei teme părinte. Puteți să vă concentrați pe modificarea doar a părților din tema părinte pe care doriți să le schimbați sau să le extindeți.

Ce să faci înainte de a crea o temă copil WordPress

Am văzut mulți utilizatori WordPress entuziasmați să se implice în aspectele tehnice, doar pentru a fi descurajați când apar erori. Înțelegem. De aceea este important să știți în ce vă implicați înainte de a crea o temă copil.

Iată câteva lucruri pe care vă recomandăm să le faceți înainte de a continua cu acest ghid pas cu pas:

1. Fiți conștienți că veți lucra cu cod. Cel puțin, veți avea nevoie de o înțelegere de bază a HTML, CSS, PHP și, opțional, JavaScript pentru a înțelege ce modificări trebuie să faceți. Puteți citi mai multe despre acest lucru în ghidul temelor WordPress.
2. Alegeți o temă părinte care are designul și funcționalitățile dorite pentru site-ul dvs. web. Dacă este posibil, găsiți una la care trebuie să faceți doar câteva modificări. Puteți urma lista noastră de verificare a lucrurilor de făcut înainte de a schimba temele WordPress dacă este necesar.
3. Utilizați un site local sau un site de staging pentru dezvoltarea temelor. Nu doriți să creați erori neintenționate pe site-ul dvs. live.
4. Fă backup site-ului tău mai întâi. Recomandăm utilizarea unui plugin de backup precum Duplicator dacă este prima dată.

Există mai multe moduri de a crea o temă copil din tema dvs. existentă. Una este cu cod manual, în timp ce altele necesită un plugin, ceea ce este mult mai prietenos pentru începători.

Prima metodă poate părea intimidantă dacă nu aveți experiență tehnică. Acestea fiind spuse, chiar dacă alegeți una dintre metodele cu plugin, vă recomandăm totuși să citiți metoda manuală pentru a vă familiariza cu procesul și fișierele implicate.

Având toate acestea în vedere, să trecem la crearea unei teme copil în WordPress. Puteți sări la metoda preferată folosind linkurile de mai jos:

• Metoda 1: Crearea manuală a unei teme copil WordPress
• Metoda 2: Crearea unei teme clasice copil cu un plugin
• Metoda 3: Crearea unei teme bloc copil cu un plugin
• Sfat bonus: Află dacă tema ta are un generator de teme copil
• Cum să vă personalizați tema copil clasică
• Cum să personalizați tema copil Block
• Cum să editați fișierele șablon ale unei teme copil
• Cum să adăugați funcționalități noi la tema copil
• Cum să depanați tema copil WordPress

Metoda 1: Crearea manuală a unei teme copil WordPress

Mai întâi, trebuie să deschideți /wp-content/themes/ în folderul de instalare WordPress.

Puteți face acest lucru folosind managerul de fișiere al găzduirii dvs. WordPress sau un client FTP. Considerăm prima opțiune mult mai ușoară, așa că o vom folosi.

Dacă sunteți client Bluehost, atunci vă puteți conecta la tabloul de bord al contului dvs. de găzduire și puteți naviga la fila „Site-uri web”. După aceea, faceți clic pe „Setări”.

În fila Prezentare generală, derulați în jos la secțiunea „Linkuri rapide”.

Apoi, selectați „Manager fișiere”.

În această etapă, trebuie să accesați folderul public_html al site-ului dvs. web și să deschideți calea /wp-content/themes/.

Aici, faceți clic pe butonul „+ Folder” din colțul din stânga sus pentru a crea un nou folder pentru tema copil.

Puteți numi folderul cum doriți.

Pentru acest tutorial, vom folosi doar numele folderului twentytwentyone-child, deoarece vom folosi Twenty Twenty-One ca temă părinte. Odată terminat, faceți clic pe „Creare folder nou”.

Apoi, trebuie să deschideți folderul pe care tocmai l-ați creat și să faceți clic pe „+ Fișier” pentru a crea primul fișier pentru tema copil.

Dacă folosiți un client FTP, atunci puteți folosi un editor de text precum Notepad și încărcați fișierul mai târziu.

Continuați și denumiți acest fișier „style.css”, deoarece este foaia de stil principală a copilului dvs. și va conține informații despre tema copil.

Apoi, faceți clic pe „Creare fișier nou”.

Acum, faceți clic dreapta pe fișierul style.css.

După aceea, faceți clic pe „Editare” pentru a deschide o nouă filă, ca în captura de ecran de mai jos.

În această nouă filă, puteți lipi următorul text și îl puteți ajusta în funcție de nevoile dvs.:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Twenty Twenty-One child theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  twentytwentyonechild
*/

Odată terminat, faceți clic pe „Salvați modificările”.

Următorul pas pe care trebuie să-l faceți este să creați un al doilea fișier și să-l numiți functions.php. Acest fișier va importa sau va înregistra foile de stil din fișierele temei părinte.

După ce ați creat documentul, adăugați următorul cod wp_enqueue:

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    $parenthandle = 'twenty-twenty-one-style'; // This is 'twenty-twenty-one-style' for the Twenty Twenty-one theme.
    $theme = wp_get_theme();
    wp_enqueue_style( $parenthandle, get_template_directory_uri() . '/style.css', 
        array(), // if the parent theme code has a dependency, copy it to here
        $theme->parent()->get('Version')
    );
    wp_enqueue_style( 'custom-style', get_stylesheet_uri(),
        array( $parenthandle ),
        $theme->get('Version') // this only works if you have Version in the style header
    );
}

Odată terminat, salvați fișierul ca în pasul anterior.

Acum ați creat o temă copil foarte simplă. Când accesați Aspect » Teme în panoul de administrare WordPress, ar trebui să vedeți opțiunea Twenty Twenty-One Child.

Faceți clic pe butonul „Activate” pentru a începe să utilizați tema copil pe site-ul dvs.

Metoda 2: Crearea unei teme clasice copil cu un plugin

Următoarea metodă folosește pluginul Child Theme Configurator. Acest plugin WordPress ușor de utilizat vă permite să creați și să personalizați rapid teme copil WordPress fără a folosi cod, dar funcționează bine doar cu o temă clasică (non-bloc).

Primul lucru pe care trebuie să-l faci este să instalezi și să activezi pluginul WordPress. La activare, trebuie să navighezi la Instrumente » Teme copil în tabloul de bord WordPress.

În fila Parent/Child, vi se va cere să alegeți o acțiune. Selectați pur și simplu „CREATE a new Child Theme” pentru a începe.

Apoi, selectați o temă părinte dintr-un meniu derulant. Vom selecta tema Hestia.

După aceea, faceți clic pe butonul „Analizează” pentru a vă asigura că tema este potrivită pentru a fi utilizată ca temă părinte.

Apoi, vi se va cere să denumiți folderul în care va fi salvată tema copil. Puteți folosi orice nume de folder doriți.

Sub aceasta, trebuie să selectați unde să salvați noile stiluri: în foaia de stil primară sau într-una separată.

Foaia de stil principală este foaia de stil implicită care vine cu tema copil. Când salvați noi stiluri personalizate în acest fișier, modificați direct stilurile principale ale temei copil. Fiecare modificare va suprascrie stilul temei originale.

Opțiunea separată vă permite să salvați un nou stil personalizat într-un fișier stylesheet separat. Acest lucru este util dacă doriți să păstrați stilul temei originale și să nu îl suprascrieți.

În scopuri demonstrative, vom alege prima opțiune. Dar pe măsură ce deveniți mai creativi cu personalizările temei copil, puteți repeta întotdeauna acest proces și selecta a doua opțiune.

Coborând, trebuie să alegeți cum va fi accesat fișierul de stil al temei părinte.

Vom merge pur și simplu cu opțiunea implicită „Utilizați coada de stiluri WordPress”, deoarece va permite pluginului să determine automat acțiunile corespunzătoare.

Când ajungeți la pasul 7, va trebui să faceți clic pe butonul etichetat „Click to Edit Child Theme Attributes”.

Puteți apoi completa detaliile temei dvs. copil.

Când creați manual o temă copil, veți pierde meniurile și widgeturile temei părinte. Child Theme Configurator le poate copia de la tema părinte la tema copil. Bifați căsuța de la pasul 8 dacă doriți să faceți acest lucru.

În final, faceți clic pe butonul „Create New Child Theme” pentru a crea noua temă copil.

Pluginul va crea un folder pentru tema ta copil și va adăuga fișierele style.css și functions.php pe care le vei folosi pentru a personaliza tema mai târziu.

Înainte de a activa tema, ar trebui să faceți clic pe linkul din partea de sus a ecranului pentru a o previzualiza și a vă asigura că arată bine și nu vă strică site-ul.

Dacă totul pare să funcționeze, faceți clic pe butonul „Activate & Publish”.

Acum, tema dvs. copil va deveni activă.

În această etapă, tema copil va arăta și se va comporta exact ca tema părinte.

Metoda 3: Crearea unei teme bloc copil cu un plugin

Dacă folosiți o temă de bloc, atunci WordPress oferă o modalitate ușoară de a crea o temă copil cu pluginul Create Block Theme.

Mai întâi, va trebui să instalezi și să activezi pluginul WordPress. După aceea, accesează Aspect » Creare temă bloc.

Aici, pur și simplu selectați „Creați o temă copil a [numele temei curente].”.

Apoi, completați informațiile temei copil. Folosim Twenty Twenty-Four în acest exemplu, așa că o vom numi Twenty Twenty-Four Child.

Am oferit, de asemenea, o descriere și un autor pentru tema copil. Odată ce ați terminat, faceți clic pe butonul „Creare temă copil”.

Pluginul va crea și instala fișierul zip al temei WordPress în zona dvs. de administrare.

Odată terminat, site-ul dvs. va activa automat această temă copil nou creată. Puteți confirma acest lucru accesând Aspect » Teme.

Sfat bonus: Află dacă tema ta are un generator de teme copil

Dacă aveți noroc, atunci tema dvs. WordPress ar putea avea deja o funcționalitate existentă pentru a crea o temă copil.

De exemplu, dacă folosiți Astra, atunci puteți accesa site-ul web Generator de teme copil Astra. După aceea, completați doar numele temei copil și faceți clic pe butonul „Generate”.

Browserul dvs. va descărca automat tema copil pe computer, pe care o puteți apoi instala singur pe WordPress.

Am găsit și alte teme WordPress populare care au un generator de teme copil:

• OceanWP
• Ultra
• Nozama
• Eclipse

Cum să vă personalizați tema copil clasică

Tehnic, puteți personaliza tema copilului dvs. fără cod, folosind Personalizatorul de Teme. Modificările pe care le faceți acolo nu vor afecta tema părinte. Dacă nu vă simțiți confortabil cu codarea încă, atunci nu ezitați să folosiți Personalizatorul.

Acestea fiind spuse, recomandăm, de asemenea, personalizarea temei copil cu cod.

Pe lângă învățarea mai multor despre dezvoltarea temelor WordPress, personalizarea codului permite ca modificările să fie documentate în fișierele temei copil, făcând mai ușoară urmărirea lor.

Acum, cea mai de bază modalitate de a personaliza o temă copil este prin adăugarea de CSS personalizat în fișierul style.css. Pentru a face acest lucru, trebuie să știți ce cod trebuie să personalizați.

Puteți simplifica procesul prin copierea și modificarea codului existent din tema părinte. Puteți găsi acel cod folosind instrumentul Chrome sau Firefox Inspect sau prin copierea directă din fișierul CSS al temei părinte.

Metoda 1: Copierea codului din Inspectorul Chrome sau Firefox

Cel mai ușor mod de a descoperi codul CSS de care ai nevoie pentru a modifica este să folosești instrumentele de inspecție care vin cu Google Chrome și Firefox. Aceste instrumente îți permit să examinezi HTML-ul și CSS-ul din spatele oricărui element al unei pagini web.

Puteți citi mai multe despre instrumentul inspector în ghidul nostru despre bazele inspectării elementului: personalizarea WordPress pentru utilizatorii DIY.

Când faceți clic dreapta pe pagina web și folosiți inspectarea elementului, veți vedea codul HTML și CSS al paginii.

Pe măsură ce mișcați mouse-ul peste diferite linii HTML, inspectorul le va evidenția în fereastra de sus. De asemenea, vă va afișa regulile CSS legate de elementul evidențiat, astfel:

Puteți încerca să editați CSS-ul chiar acolo pentru a vedea cum ar arăta. De exemplu, să încercăm să schimbăm culoarea de fundal a corpului temei la #fdf8ef. Găsiți linia de cod care spune body { și în interiorul ei, codul care spune color:.

Pur și simplu faceți clic pe pictograma selectorului de culori de lângă color: și lipiți codul HEX în câmpul corespunzător, astfel:

Acum, știți cum să schimbați culoarea de fundal folosind CSS. Pentru a face modificările permanente, puteți deschide fișierul style.css din directorul temei copil (folosind managerul de fișiere sau FTP).

Apoi, lipiți următorul cod sub informațiile temei copil, astfel:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Twenty Twenty-One child theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  twentytwentyonechild
*/

body {
    background-color: #fdf8ef
}

Iată cum va arăta dacă accesați panoul de administrare WordPress și deschideți Aspect » Editor fișier temă:

Dacă sunteți începător și doriți să faceți alte modificări, vă recomandăm să vă familiarizați cu HTML și CSS, astfel încât să știți exact la ce element se referă fiecare cod. Există multe foi de referință HTML și CSS online la care puteți apela.

Iată foaia de stil completă pe care am creat-o pentru tema copil. Simțiți-vă liber să experimentați și să o modificați:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Twenty Twenty-One child theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  twentytwentyonechild
*/

.site-title {
color: #7d7b77;
}
.site-description {
color: #aba8a2;
}
body {
background-color: #fdf8ef;
color: #7d7b77;
}
.entry-footer {
color: #aba8a2;
}
.entry-title {
color: #aba8a2;
font-weight: bold;
}
.widget-area {
color: #7d7b77;
}

Metoda 2: Copierea codului din fișierul style.css al temei părinte

Poate că există multe lucruri în tema dvs. copil pe care doriți să le personalizați. În acest caz, poate fi mai rapid să copiați cod direct din fișierul style.css al temei părinte, să-l lipiți în fișierul CSS al temei copil și apoi să-l modificați.

Partea dificilă este că fișierul de stil al unei teme poate părea foarte lung și copleșitor pentru începători. Cu toate acestea, odată ce înțelegeți elementele de bază, nu este de fapt atât de greu.

Să folosim un exemplu real din foaia de stil a temei părinte Twenty Twenty-One. Trebuie să navigați la /wp-content/themes/twentytwentyone în folderul de instalare WordPress și apoi să deschideți fișierul style.css în managerul dvs. de fișiere, FTP sau Editorul de fișiere temă.

Veți vedea următoarele linii de cod:

:root {
/* Colors */
--global--color-black: #000;
--global--color-dark-gray: #28303d;
--global--color-gray: #39414d;
--global--color-light-gray: #f0f0f0;
--global--color-green: #d1e4dd;
--global--color-blue: #d1dfe4;
--global--color-purple: #d1d1e4;
--global--color-red: #e4d1d1;
--global--color-orange: #e4dad1;
--global--color-yellow: #eeeadd;
--global--color-white: #fff;
--global--color-white-50: rgba(255, 255, 255, 0.5);
--global--color-white-90: rgba(255, 255, 255, 0.9);
--global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
--global--color-secondary: var(--global--color-gray); /* Headings */
--global--color-primary-hover: var(--global--color-primary);
--global--color-background: var(--global--color-green); /* Mint, default body background */
--global--color-border: var(--global--color-primary); /* Used for borders (separators) */
}

Liniile 3 până la 15 controlează tipul de culori (cum ar fi galben, verde, violet) pe care întreaga temă le va folosi în codurile lor HEX specifice. Și apoi, pentru linii precum „global-color-primary” sau „global-color-secondary”, asta înseamnă că acestea sunt culorile primare și secundare ale acelei teme.

Puteți copia aceste linii de cod în foaia de stil a temei copil și apoi schimba codurile HEX pentru a crea schema ta de culori perfectă.

Pe măsură ce derulați în jos în foaia de stil a temei părinte, veți observa că și alte variabile pot avea aceste variabile de culoare, ca aici:

/* Buttons */
--button--color-text: var(--global--color-background);

Acest lucru înseamnă, în principiu, că toate textele butoanelor vor folosi aceeași culoare ca cea declarată în --global--color-background:, care este verde mentă (--global--color-green: #d1e4dd). Dacă schimbați codul HEX în --global--color-green:, atunci și textul butoanelor va arăta diferit.

Puteți, de asemenea, să urmați aceste tutoriale pentru a experimenta cu personalizările temei copil:

• Cum să schimbați culoarea textului în WordPress
• Cum să schimbi dimensiunea logo-ului WordPress (funcționează cu orice temă)
• Cum să personalizezi stilul blocurilor în temele WordPress
• WordPress Body Class 101: Sfaturi și trucuri pentru designerii de teme
• Cum să adăugați un efect parallax la orice temă WordPress

Cum să personalizați tema copil Block

Dacă utilizați o temă bloc copil, atunci majoritatea personalizărilor dvs. vor fi efectuate în fișierul theme.json, nu în style.css.

Cu toate acestea, în timpul testelor noastre, am constatat că procesul este complicat. Spre deosebire de temele copil clasice, există un decalaj mai mare de cunoștințe pe care trebuie să-l umpleți (în special despre JSON și cum este gestionat CSS-ul acolo) dacă sunteți nou în dezvoltarea temelor WordPress.

Acestea fiind spuse, am găsit o alternativă mult mai ușoară folosind pluginul Create Block Theme. Acest instrument poate înregistra orice modificări făcute în Editorul Complet al Site-ului WordPress în fișierul theme.json al temei copil. Astfel, nu va trebui să atingeți niciun cod, deoarece pluginul se va ocupa de asta pentru dumneavoastră.

Să vă arătăm un exemplu. Mai întâi, deschideți Editorul complet al site-ului WordPress accesând Aspect » Editor.

Veți vedea mai multe meniuri din care puteți alege.

Aici, selectați doar „Stiluri”.

Pe pagina următoare, veți vedea mai multe combinații de stiluri încorporate din care puteți alege.

În scopul nostru, puteți pur și simplu să săriți peste toate acestea și să faceți clic pe pictograma creion.

Acum, să încercăm să schimbăm unele părți ale temei copil, cum ar fi fonturile.

Pentru acest exemplu, continuați și faceți clic pe „Tipografie” în bara laterală din dreapta.

Apoi, veți vedea câteva opțiuni pentru a schimba fonturile globale ale temei pentru text, linkuri, titluri, legende și butoane.

Să dăm clic pe „Anteturi” de dragul demonstrației.

În meniul derulant Font, schimbați selecția originală cu orice font disponibil.

Simțiți-vă liber să schimbați aspectul, înălțimea rândului, spațierea literelor și majusculele, dacă este necesar.

Odată ce ați terminat, faceți clic pe „Salvează”. După aceea, puteți face clic pe butonul Creare temă bloc (pictograma cheie franceză) de lângă „Salvează”.

Apoi, faceți clic pe „Salvează modificările la temă”.

Apoi, continuați și selectați ce modificări să salvați în tema copil.

Exemplele includ fonturi, stiluri personalizate, modificări de șablon și multe altele.

Odată terminat, derulați pur și simplu în jos pe bara laterală.

Apoi, faceți clic pe „Salvați modificările”.

Acum, să vizualizăm fișierul theme.json pentru a vedea modificările reflectate în cod.

Pentru a face acest lucru, faceți clic din nou pe butonul Creare temă bloc și selectați „Vizualizare theme.json”.

După ce ați făcut clic pe el, veți vedea că fișierul include câteva adăugări noi de cod.

În cazul nostru, fișierul include cod care indică faptul că etichetele de antet vor folosi fontul Inter cu aspect semi-aldin, înălțime de rând de 1,2, spațiere între rânduri de 1 pixel și în minuscule.

Deci, ori de câte ori editați tema bloc copil, asigurați-vă că faceți clic pe pictograma cheie franceză și salvați modificările pentru ca acestea să fie bine documentate.

Cum să editați fișierele șablon ale unei teme copil

Majoritatea temelor WordPress au șabloane, care sunt fișiere de temă ce controlează designul și aspectul unei anumite zone dintr-o temă. De exemplu, secțiunea de subsol este de obicei gestionată de fișierul footer.php, iar antetul este gestionat de fișierul header.php.

Fiecare temă WordPress are, de asemenea, un aspect diferit. De exemplu, tema Twenty Twenty-One are un antet, buclă de conținut, zonă de widget-uri pentru subsol și subsol.

Dacă doriți să modificați un șablon, atunci trebuie să găsiți fișierul în folderul temei părinte și să-l copiați în folderul temei copil. După aceea, ar trebui să deschideți fișierul și să faceți modificările dorite.

De exemplu, dacă utilizați Bluehost și tema părinte este Twenty Twenty-One, atunci puteți accesa /wp-content/themes/twentytwentyone în managerul dvs. de fișiere. Apoi, faceți clic dreapta pe un fișier șablon precum footer.php și selectați „Copiere”.

După aceea, introduceți calea fișierului temei copil.

Odată ce ați terminat, pur și simplu faceți clic pe „Copiere fișiere”.

Veți fi apoi redirecționat către calea fișierului.

Pentru a edita fișierul footer.php, pur și simplu dă clic dreapta pe el și selectează „Editare”.

Ca exemplu, vom elimina linkul „Mândru alimentat de WordPress” din zona subsolului și vom adăuga o notificare de copyright acolo.

Pentru a face acest lucru, ar trebui să ștergeți totul între etichetele <div class= "powered-by">:

<div class="powered-by">
				<?php
				printf(
					/* translators: %s: WordPress. */
					esc_html__( 'Proudly powered by %s.', 'twentytwentyone' ),
					'<a href="' . esc_url( __( 'https://wordpress.org/', 'twentytwentyone' ) ) . '">WordPress</a>'
				);
				?>
			</div><!-- .powered-by -->

Apoi, trebuie să lipiți codul pe care îl găsiți sub acele etichete în exemplul de mai jos:

<div class="powered-by">
<p>© Copyright <?php echo date("Y"); ?>. All rights reserved.</p>
</div><!-- .powered-by -->

Iată ce ar trebui să aveți acum în editorul de text:

Continuați și salvați fișierul pentru a oficializa modificările.

După aceea, vizitați site-ul dvs. web pentru a vedea noua notificare de copyright.

Cum să adăugați funcționalități noi la tema copil

Fișierul functions.php dintr-o temă folosește cod PHP pentru a adăuga funcționalități sau pentru a modifica funcționalitățile implicite ale unui site WordPress. Acționează ca un plugin pentru site-ul dvs. WordPress, care este activat automat odată cu tema curentă.

Veți găsi multe tutoriale WordPress care vă cer să copiați și lipiți fragmente de cod în functions.php. Dar dacă adăugați modificările în tema părinte, acestea vor fi suprascrise ori de câte ori instalați o actualizare nouă a temei.

De aceea recomandăm utilizarea unei teme copil atunci când adăugați fragmente de cod personalizate. În acest tutorial, vom adăuga o nouă zonă pentru widget-uri temei noastre.

Putem face acest lucru adăugând acest fragment de cod în fișierul functions.php al temei noastre copil. Pentru a face procesul și mai sigur, recomandăm utilizarea pluginului WPCode, astfel încât să nu editați direct fișierul functions.php, reducând riscul de erori.

Puteți citi ghidul nostru despre cum să adăugați cu ușurință fragmente de cod personalizate pentru mai multe informații.

Iată codul pe care trebuie să-l adăugați în fișierul functions.php:

// Register Sidebars
function custom_sidebars() {

$args = array(
'id'            => 'custom_sidebar',
'name'          => __( 'Custom Widget Area', 'text_domain' ),
'description'   => __( 'A custom widget area', 'text_domain' ),
'before_title'  => '<h3 class="widget-title">',
'after_title'   => '</h3>',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget'  => '</aside>',
);
register_sidebar( $args );

}
add_action( 'widgets_init', 'custom_sidebars' );

După ce salvați fișierul, puteți vizita pagina Aspect » Widgeturi din tabloul de bord WordPress.

Aici, veți vedea noua zonă de widget personalizată unde puteți adăuga widget-uri.

Există o mulțime de alte funcționalități pe care le puteți adăuga temei dvs. folosind fragmente de cod personalizate. Consultați aceste trucuri extrem de utile pentru fișierul functions.php din WordPress și fragmente de cod utile din WordPress pentru începători.

Cum să depanați tema copil WordPress

Dacă nu ați creat niciodată o temă copil înainte, atunci există o șansă bună să faceți câteva greșeli, și asta este normal. Acesta este motivul pentru care recomandăm utilizarea unui plugin de backup, crearea unui site local sau a unui mediu de staging și utilizarea conținutului fals pentru site-ul dvs. demo.

Acestea fiind spuse, nu renunța prea repede. Comunitatea WordPress este foarte inventivă, așa că, indiferent de problema pe care o întâmpini, o soluție probabil există deja.

Pentru început, puteți consulta ghidul nostru despre cele mai comune erori WordPress și cum să le remediați.

Cele mai comune erori pe care probabil le veți vedea sunt erorile de sintaxă cauzate de ceva ce ați omis în cod. Veți găsi ajutor în rezolvarea acestor probleme în ghidul nostru rapid despre cum să găsiți și să remediați eroarea de sintaxă în WordPress.

În plus, puteți oricând să începeți din nou dacă ceva merge foarte prost. De exemplu, dacă ați șters accidental ceva de care tema părinte avea nevoie, atunci puteți pur și simplu șterge fișierul din tema copil și să începeți de la capăt.

Sperăm că acest articol v-a ajutat să învățați cum să creați o temă copil WordPress. De asemenea, ați putea dori să consultați ghidul nostru complet despre cum să testați tema WordPress conform celor mai recente standarde și articolul nostru comparativ despre teme WordPress gratuite vs premium.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.