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:
- 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.
- 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.
- 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.
- 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.
Sfat Pro: Doriți să vă personalizați tema fără a crea o temă copil? Folosiți WPCode pentru a activa în siguranță noi funcționalități cu fragmente de cod personalizate, fără a vă defecta site-ul web.
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.
Notă: Pentru această metodă, recomandăm citirea documentației oficiale Teme copil și Includerea resurselor pentru a vă asigura că foile de stil ale temei copil sunt încărcate corect.
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:
Cum să vă personalizați tema copil clasică
Notă: Această secțiune este pentru utilizatorii temelor clasice WordPress. Dacă folosiți o temă bazată pe blocuri, atunci săriți la următoarea secțiune.
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.
Notă: Dacă utilizați tema copil Twenty Twenty-One și nu vedeți nicio modificare, este posibil să fie necesar să actualizați partea „Versiune” din informațiile fișierului temei (de exemplu, de la 1.0 la 2.0) de fiecare dată când actualizați fișierul style.css.
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.
Mrteesurez
Acest articol este incredibil de perspicace, mai ales pentru cei dintre noi care abia începem călătoria noastră WordPress. Îmi amintesc când am început, am subestimat importanța utilizării unei teme copil și am ajuns să pierd toate personalizările mele după o actualizare a temei. Învățarea pe calea cea grea m-a făcut să apreciez valoarea unei teme copil în păstrarea modificărilor. Vă mulțumesc pentru sublinierea a ceea ce trebuie făcut înainte de a crea una – acest ghid va salva cu siguranță mulți începători de frustrări similare!
Oyatogun Oluwaseun Samuel
Îmi place flexibilitatea oferită de tema copil, în sensul că atunci când există o actualizare a temei părinte, modificările făcute în tema copil sunt menținute. De asemenea, îmi place să creez manual tema copil, deoarece cred că a face acest lucru în acest fel mă poate expune la greșeli, ceea ce, la rândul său, îmi va crește înțelegerea și expertiza. Învățăm când facem greșeli.
Mrteesurez
Sunt complet de acord cu tine! Flexibilitatea pe care o oferă temele copil schimbă jocul, mai ales când vine vorba de menținerea personalizărilor prin actualizările temei părinte. Mi-a plăcut și mie să creez manual teme copil din același motiv. Deși poate fi puțin descurajant la început, am constatat că aprofundarea codului nu numai că îmi îmbunătățește înțelegerea, dar îmi și sporește încrederea ca dezvoltator.
Îmi amintesc când am început să lucrez cu teme copil, am făcut câteva greșeli pe parcurs – cum ar fi să uit să încarc corect stilurile sau să încurc fișierul functions.php. Fiecare greșeală a fost o oportunitate valoroasă de învățare, ajutându-mă să înțeleg mai bine cum funcționează temele WordPress. În plus, știind că personalizările mele sunt în siguranță în timpul actualizărilor îmi dă liniște sufletească. Este cu siguranță o abilitate care merită dezvoltată! Mulțumesc pentru împărtășirea gândurilor tale; este grozav să te conectezi cu alții care apreciază învățarea practică.
Chris
Nu am prea dat importanță temelor copil, crezând că nu sunt necesare. Înainte de a citi acest articol, nu am realizat că funcțiile personalizate sunt eliminate din fișierul functions.php atunci când tema este actualizată. Pentru mine, o temă copil este obligatorie dacă folosesc o temă din depozitul de teme WordPress. Mulțumesc pentru acest articol informativ!
Dayo Olobayo
Punct excelent despre temele copil. Există și o altă opțiune de luat în considerare… Unele teme premium oferă panouri de personalizare care evită complet necesitatea editării codului. Cu toate acestea, temele copil oferă mai multă flexibilitate pe termen lung, mai ales dacă te simți confortabil cu puțin cod.
Mrteesurez
Același lucru mi s-a întâmplat și mie când am început, nu am acordat nicio considerație temei copil înainte, ulterior am descoperit cât de utilă este, mai ales când adăugăm mai multe personalizări la tema gratuită care are actualizări frecvente. Fișierul temei copil este încărcat înainte de tema părinte, făcând posibilă păstrarea personalizărilor adăugate.
Hajjalah
Mulțumesc pentru acest ghid cuprinzător. Aș dori să creez o temă copil folosind metoda pluginului, dar încă am unele nelămuriri cu privire la anumite probleme.
Vor intra în vigoare codurile din pluginul WPCode pe tema copil? Dacă tema părinte este actualizată, dar tema copil nu este actualizată, nu pot intra în conflict și cauza o eroare?
Suport WPBeginner
Da, codul din WPCode va apărea pe tema copil și dacă actualizezi tema părinte există posibilitatea unui conflict, dar nu este o garanție.
Admin
Mrteesurez
Bună întrebare, domnule Hajjalah.
Am avut aceleași preocupări când am început să creez teme copil. Folosind pluginul WPCode, codul ar trebui să se aplice atât temei părinte, cât și temei copil, atâta timp cât este plasat corect. Cu toate acestea, dacă tema părinte se actualizează și tema copil nu, poate apărea un conflict. Am avut odată o problemă de layout din cauza acestui lucru, dar actualizarea și testarea actualizărilor pe un site de staging m-au ajutat să evit erorile.
Jiří Vaněk
O temă copil este întotdeauna primul lucru pe care îl creez pe un site nou instalat. Deși încerc să folosesc mult WP Code și să evit problemele, tema copil este un lucru absolut genial la actualizarea unui șablon și poate economisi multă bătaie de cap cu codul pierdut care dispare din șablonul principal după o actualizare.
Asad
Domnule, ce ar trebui să scriu în function.php pentru a apela tema părinte?
Suport WPBeginner
You would want to use the code from our article below the text /* enqueue scripts and style from parent theme */
Admin
Yogesh Sambare
Salut, echipa wpbeginner,
Mulțumesc pentru acest ghid grozav, acum cred că pot să-mi fac tema copil, și este de mare ajutor pentru mine.
Suport WPBeginner
Glad you found our guide helpful!
Admin
Ricardo
Linia:
“wp_get_theme()->get(‘Version’) )”
Ar trebui să fie:
„wp_get_theme()->get(‘Version’) )”
Noroc!
Suport WPBeginner
While our comments automatically changed that in your message, we see the issue, thank you for letting us know
Admin
Rubb
Pot șterge pluginul după ce am creat tema copil?
Suport WPBeginner
Currently, you can do that with the plugin
Admin
Eitan
Trebuie să adaugi ghilimele la Y = („Y”) la echo date, altfel vei primi o eroare. – echo date(“Y”)
Suport WPBeginner
Thank you for pointing out the typo
Admin
Bomo
Deci, acum că am creat o temă copil, cum actualizăm tema părinte atunci când tema copil este activată?
Suport WPBeginner
Ai actualiza tema părinte așa cum ai face-o în mod normal. Pentru siguranță, ai putea crea o copie de rezervă înainte de a actualiza tema părinte, în cazul în care există un conflict undeva.
Admin
RYAD
Dar trebuie să activăm tema părinte înainte de a o actualiza și apoi să o dezactivăm și să reactivăm tema copil?
Suport WPBeginner
Nu, poți actualiza tema fără ca aceasta să fie activă
Mahesh Yadav
Un lucru pe care vreau să-l știu, dacă facem o temă copil, avem 2 fișiere CSS de încărcat, unul pentru CSS-ul temei părinte și al doilea pentru CSS-ul temei copil. Nu ar crește timpul de încărcare al site-ului și ar adăuga încă un CSS de încărcat?
Suport WPBeginner
Deși timpul de încărcare ar crește tehnic, nu ar trebui să fie o cantitate notabilă.
Admin
Nadia Shaheen
Muncă grozavă!
Rămâi binecuvântat și continuă să împărtășești conținut uimitor.
Suport WPBeginner
Thank you, glad you liked our content
Admin
Fahad
Great Work !
This site is super helpful
Keep it up !!
Suport WPBeginner
Thank you, glad our article was helpful
Admin
Daniel Waduka
Abia încep să folosesc teme copil și acest articol mi-a fost de mare ajutor.
Mulțumesc mult.
Suport WPBeginner
Glad our guide could be helpful
Admin
Marcos Flores
Salut! am citit acest articol și funcționează! dar am citit și documentația WordPress despre asta și ei spun asta
„Rețineți că metoda anterioară era importarea foii de stil a temei părinte folosind @import: aceasta nu mai este o practică recomandată, deoarece crește timpul necesar încărcării foilor de stil. Metoda corectă de înregistrare a foii de stil a temei părinte este adăugarea unei acțiuni wp_enqueue_scripts și utilizarea wp_enqueue_style() în fișierul functions.php al temei dvs. copil.”
Ar trebui să folosesc ambele metode? sau dacă folosesc function.php nu am nevoie să scriu funcția import în style.css (situat în folderul temei mele copil)
Khema
Instrucțiunile dvs. omit un pas cu crearea fișierului functions.php. Ar trebui menționat că trebuie să încadreze întregul fișier. În acest caz, nu am dorit să adaug exemplul pe care l-ați folosit și o altă bucată de cod din articolul pe care l-ați legat. În mod natural, acele coduri nu au inclus eticheta php.
Mulțumesc pentru articol. Este foarte, foarte util.
rReons
Deci, întrebare. Foloseam tema mea wordpress fără nicio temă copil și făceam toate modificările în ea. Am creat o temă copil datorită ghidului dvs. și o folosesc acum ca temă a site-ului web.
Întrebarea mea este dacă ambele teme au aceleași modificări. Dacă actualizez tema principală de acum înainte, vor afecta modificările și tema copil?
balu
He! wpbeginner. Site-ul oficial Wordpress spune asta. Trebuie să actualizați postarea. Mulțumesc!
Rețineți că metoda anterioară era de a importa foaia de stil a temei părinte folosind @import: aceasta nu mai este cea mai bună practică, deoarece crește timpul necesar pentru încărcarea foilor de stil. Metoda corectă de a înregistra foaia de stil a temei părinte este de a adăuga o acțiune wp_enqueue_scripts și de a utiliza wp_enqueue_style() în fișierul functions.php al temei copil. Prin urmare, va trebui să creați un fișier functions.php în directorul temei copil. Prima linie a fișierului functions.php al temei copil va fi o etichetă PHP de deschidere (<?php), după care puteți înregistra foile de stil ale temei părinte și copil. Funcția exemplu următoare va funcționa numai dacă Tema Părinte utilizează un singur fișier style.css principal pentru a deține tot CSS-ul. Dacă tema copil are mai mult de un fișier .css (de ex. ie.css, style.css, main.css), atunci va trebui să vă asigurați că mențineți toate dependențele Temei Părinte.
Pat
Informații grozave... ai ajuns pe lista mea de salvări!! Mulțumesc!
Alfonso de Garay
Am o temă copil (Child theme) cu cea mai recentă versiune instalată pe site-ul meu. Versiunea WP este 4.7.5. Am primit o notificare care spune că este disponibilă o nouă versiune WP, vă rugăm să actualizați acum.
1. Trebuie să fac din nou backup site-ului meu înainte de a actualiza?
2. Trebuie să creez o altă temă copil (Child theme) folosind versiunea 1 a temei copil?
2. Cum pot schimba Numele, emailul și URL-ul pentru versiunea 1 a temei copil
Suport WPBeginner
Salut Alfonso,
Actualizările WordPress, în mod normal, nu afectează temele dvs., deci nu este necesar să creați o altă temă copil. Ar trebui să faceți întotdeauna o copie de rezervă a site-ului dvs. înainte de a actualiza WordPress.
Admin
Lisa Bruce
Salut, văd că acest videoclip/postare are câțiva ani, așa că sunt puțin în întârziere, dar am o întrebare la care sper că mă puteți ajuta.
Sunt relativ nou în WP și tocmai am realizat importanța temelor copil. Am lucrat la dezvoltarea unui site pentru un prieten și am făcut mai multe modificări la tema pe care o folosesc. Am găsit un bug în temă și am contactat dezvoltatorul temei, iar acesta a spus că bug-ul a fost remediat într-o actualizare recentă.
Dacă instalez actualizarea, cred că voi pierde toate personalizările mele. Este prea târziu să creez o temă copil? Este posibil să o fac acum și apoi să instalez actualizarea? Prefer să nu trebuiască să încep de la zero.
Suport WPBeginner
Bună Lisa,
Dacă știți ce modificări ați făcut și în ce fișiere, atunci descărcați mai întâi o copie de rezervă a temei dvs. existente pe computer. După aceea, instalați versiunea actualizată. Acum puteți crea o temă copil și apoi copia și lipi codul din versiunea dvs. personalizată în tema copil.
Admin
Nell Yang
Mulțumesc pentru acest post util. Am căutat mereu un videoclip care să-mi arate exact cum să folosesc o temă copil. Este destul de consumator de timp faptul că de fiecare dată după ce mi-am actualizat tema, toate stilurile mele au dispărut. Este frustrant să fac totul de la capăt. Am încercat să citesc documentele de la WordPress, dar tot nu știu cum să procedez după activarea temei copil. Continuați munca bună! Mulțumesc din nou!
Tony Agee
Bun video instructiv. Majoritatea tutorialelor pe care le-am urmărit vă spun să lipiți codul în fișier, dar neglijează să vă spună pe ce mediu să lipiți codul. Aveam de gând să folosesc Notepad++, dar cred că puteți folosi notepad obișnuit.
JP
Salut, vreau doar să spun că sunteți un scriitor foarte bun, foarte clar și simplu. Am petrecut mult timp pe articolul dvs. pentru a învăța WP.
Mulțumesc!
Rob Brooks
Salut. Vă mulțumesc pentru că sunteți o resursă excelentă pentru WP. Sunt nou în WP și apreciez foarte mult ghidarea dumneavoastră. Am urmat articolul la literă, dar când activez șablonul copil pe site, primesc eroarea „Tema părinte lipsește. Vă rugăm să instalați tema părinte „Real Estate Lite”. După cum vedeți, folosesc un șablon gratuit numit Real Estate light. Acesta se află în directorul ../real-estate-lite/ din wp-content/themes. Codul meu este mai jos… am greșit ceva?
Theme Name: Real Estate Lite Child Theme Theme URI: http://www.example.com/ Description: Real Estate Lite child theme Author: me Author URI: http://www.example.com Template: Real Estate Lite Version: 1.0.0 */ @import url("../real-estate-lite/style.css");1-click Use in WordPress
În plus, voi menționa că tema a fost gratuită și rulează pe versiunea WP 4.7.2 (Rulează pe Plesk). Am creat fișierul style.css direct pe server, deci nu există probleme FTP.
Am făcut deja modificări semnificative la fișierul parent style.css, precum și la functions.php… Nu sunt sigur dacă acest lucru ar afecta acest lucru, dar voi testa pe un domeniu dummy netestat pentru a vedea dacă obțin aceleași rezultate.
Orice ghidare/asistență pe care o puteți oferi ar fi foarte apreciată.
Suport WPBeginner
Salut Rob,
Veți avea nevoie ca tema părinte să fie instalată pe site-ul dvs. și valoarea Template trebuie să corespundă numelui real al temei părinte, pe care îl puteți vedea în fișierul său style.css.
Admin
Carrie
Salut! Articol grozav! În sfârșit încep să înțeleg cum să editez CSS-ul pentru a obține rezultatul dorit, datorită acestui articol.
Mulțumesc mult pentru explicația simplificată!
Nalin
Am creat o temă copil și folosesc @import pentru „style.css” într-o temă copil. Acum vreau să modific un alt fișier css din folderul temei părinte... /font_awesome/css/fontawesome.css
Acum, vreau să știu unde voi pune noul meu fontawesome.css în tema copil și cum să folosesc comanda @import.
Sau orice alt proces pentru a folosi mai multe fișiere css într-o temă copil.
Rebecca
Deci, nu am folderul wp-content pe computer. Ce ar trebui să fac?
Ar fi trebuit să descarc asta la un moment dat?
Suport WPBeginner
Salut Rebecca,
Fișierul wp-content este găzduit pe contul dvs. de hosting, nu pe computerul dvs. Veți avea nevoie de un client FTP pentru a vă conecta la serverul dvs.
Admin
Brad
Utilizarea @import nu mai este o practică recomandată
SAppa
Atunci care este cea mai bună practică acum? Ar trebui să puteți face backup comentariului dvs.
Jual beli rumah
Mulțumesc
Jean-philippe
Am învățat atât de multe în câteva ore pe site-ul tău. De fiecare dată când caut ceva pe Google legat de „cum să” în WordPress, descopăr că cele mai bune informații sunt aici, la WPbeginner. Sunt întotdeauna bine explicate și ușor de înțeles. Voi reveni întotdeauna pentru informații aici, fără îndoială.
Suport WPBeginner
Salut Jean-philippe,
Thanks for the kind words, we are glad you find WPBeginner helpful
Don’t forget to join us on Twitter for more WordPress tips and tutorials.
Admin
Smart Rashed
Acesta este articolul pe care îl căutam, mulțumesc omule.
Kevin
Știu că aceasta va fi o întrebare stupidă. Sunt atât de nou în asta și nu am deloc abilități. Dacă creez un fișier, o foaie de stil etc. pe fișierul de instalare wp de pe PC-ul meu local, cum ajunge asta pe site-ul meu web? Cred că îmi scapă asta? Folosesc cam 3 PC-uri diferite pentru a lucra la site-ul meu web și acele fișiere locale nu sunt pe toate. Din nou, sunt sigur că îmi scapă ceva foarte prost. Nu văd conexiunea.
Suport WPBeginner
Fișierele pe care le editați pe computerul dvs. trebuie transferate pe site-ul dvs. web folosind un client FTP. Consultați ghidul nostru despre cum să încărcați fișiere WordPress folosind FTP.
Admin
Kevin
Ok, am înțeles și am creat o temă copil, dar când o activez, formatarea pe site este complet diferită de tema părinte. Ce am greșit?
Francesco
Salut,
Urmez tutorialul tău, dar WordPress (4.5.3) nu recunoaște noul folder pe serverul meu online. Cum pot rezolva asta?
Mulțumesc,
F.
Muhammad Moosa
Articol util într-adevăr, l-am urmat și am creat o temă copil. Mulțumesc.
Carolina
Salut, mulțumesc pentru tutorial, foarte util. Dar am o întrebare. Pot crea o temă copil dintr-un site web deja stabilit? Am un client care și-a proiectat propriul site web, dar nu a creat o temă copil. Cum să procedez?
Suport WPBeginner
Dacă tema lor actuală respectă standardele de codare WordPress și cele mai bune practici, atunci nu ar trebui să aveți probleme în crearea unei teme copil.
Admin
Mike
Vă mulțumesc foarte mult pentru articol și pentru video. Se pare că, de când au fost create acestea, WordPress are noi bune practici enumerate în codex-ul lor, ceea ce mă încurcă.
„Ultimul pas este să înrolați fișierele stylesheet ale temei părinte și ale temei copil. Rețineți că metoda anterioară era să importați fișierul stylesheet al temei părinte folosind @import: aceasta nu mai este o practică recomandată.”
Să mă țin de pașii pe care i-ați schițat aici în mod verbos, sau omit funcția de import și creez fișierul PHP, sau implementez ambele?
Fișierul style.css al temei mele conține doar un antet, deci importarea acelui fișier pare irelevantă, iar există multiple fișiere CSS precum main.css situate în altă parte în structura de fișiere a părintelui. Neștiind mai bine ca începător, am făcut deja modificări la main.css pentru a-mi atinge unele obiective și abia acum realizez că tema copil este necesară.
Orice sfat este foarte apreciat.
Cu stimă,
Mike
Suport WPBeginner
Va trebui să importați cel puțin fișierul style.css, acesta ar trebui să fie în directorul principal al temei părinte. Ar trebui să importe automat alte fișiere CSS.
Admin
Mike
Chiar dacă fișierul style.css nu conține decât antetul?
Jack
Dacă fișierul dvs. style.css nu are importuri către alte stiluri CSS, le puteți importa direct, la fel ca style.css.
Olamide
Bună ziua. Când am făcut o previzualizare live a temei copil, am observat că nu avea CSS-ul temei părinte. Poate că acest lucru este rezultatul unei erori în modul în care am introdus codul?
Acesta este codul pe care l-am introdus:
/*
Theme Name: sparkling child
Theme URI: https://www.wpbeginner.com/
Description: sparkling child theme
Author: djetlawyer
Author URI: http://www.example.com
Template: sparkling
Version: 1.0.0
*/
@import url(“../sparkling/style.css”);
Tema părinte este „sparkling”. Dacă există vreo greșeală, vă rog să mă corectați.
Vă mulțumesc.
Suport WPBeginner
Codul este corect.
Admin
lucia
Salut,
Încerc să configurez o temă copil pentru a-mi activa subsolul pe twenty twelve, dar nu știu ce cod să folosesc pentru a-l configura.
Am încercat această pagină web
cu diverse sugestii, și am încercat să-ți modific sugestia așa cum a fost dată pe două mii treisprezece, dar nu reușesc.
Ai putea, te rog, să-mi oferi codul corect de funcționare pentru configurarea unei teme copil pentru doisprezece doisprezece.
Leigh
Acest lucru a fost incredibil de util – mai ales codul HTML pe care să-l copiem. Nu am fost niciodată atât de entuziasmat să văd culorile schimbându-se pe un site web. Aceasta este, cu ușurință, cea mai bună ghidare pentru această temă!
Bhautik Andhariya
Bună, am încercat același exemplu pe care l-ați arătat. Dar tema mea copil înlocuiește tot stilul temei părinte.
Nu are niciun stil de la tema părinte. Care este soluția? Mă puteți ajuta, vă rog? Sunt nou în WordPress și învăț.
Angelo
Salut!
Tocmai am instalat șablonul Bose și am creat și o temă copil pentru el. Cu toate acestea, următorul mesaj de eroare apare în centrul site-ului meu:
Warning: implode(): Invalid arguments passed in /home/hello582/public_html/teste/wp-content/themes/bose/featured.php on line 12
Sunt un începător absolut în crearea de site-uri web, așa că nu am nicio idee despre care este problema. M-ar putea ajuta cineva?
Mulțumesc mult!
Suport WPBeginner
Vă rugăm să contactați dezvoltatorul temei pentru suport.
Admin
Djamila
Salut,
Mulțumesc pentru articol! Nu puteam face ca tema mea copil să apară în secțiunea de șabloane și s-a dovedit că am scris greșit numele șablonului original. Ce diferență face o literă mare, nu-i așa?
Cu toate acestea, acum că am tema copil, am putut actualiza tema părinte și când am făcut asta, brusc am avut o problemă cu un plugin super important (construiesc un blog de recenzii pe o bază de date locală, deocamdată și este pluginul de încheiere/evaluare aparținând designerilor șablonului).
În șablonul părinte au „upgradat” acest plugin. Personal prefer vechiul, dar în regulă…oricum…sub recenzia mea acum vedeți *ambele*, vechiul rezumat cu note și cel nou, care arată și el ciudat. L-am dezactivat și reactivat, dar rămâne așa. Super enervant și nu știu unde să caut pentru a păstra fie vechiul (mai frumos), fie doar pe cel nou și contururile așa cum ar trebui.
De unde ar trebui să încep? Mulțumesc pentru orice ajutor îmi puteți oferi.
Suport WPBeginner
Contactați suportul plugin-ului.
Admin
Amanda
Mulțumesc pentru un articol grozav!
Dacă folosesc o temă copil, voi putea totuși să o personalizez folosind Opțiunile temei Aspect> care vin cu tema mea în panoul de administrare, cum ar fi dimensiunea fontului, culorile de fundal etc. sau trebuie să merg pe calea codului?
Dacă am activat tema copil și folosesc fila Aspect pentru a actualiza stilul în loc să folosesc cod, în esență actualizez tema părinte deoarece fișierele aferente nu se află în folderul temei copil?
Suport WPBeginner
Da, tema copil va moșteni toate aceste opțiuni.
Admin
Amanda
Mulțumesc pentru răspuns.
Deci, dacă activez Tema Copil și folosesc setările din fila Aspect a panoului meu de administrare pentru a schimba stilul (în loc să scriu cod CSS), modificările mele nu vor fi suprascrise atunci când fac o actualizare a temei sau a WordPress-ului pe tema părinte?
Va trebui în continuare să copiez fișierele stylesheet, header, footer etc. în folderul temei copil pentru ca scenariul de mai sus să funcționeze?
Laura
Am urmat acești pași (și alții) pentru a crea o temă copil bazată pe twentytwelve. Problema cu care mă confrunt am este că WordPress pare să ignore doar o parte din CSS-ul pe care l-am modificat din tema originală și mă înnebunește. De exemplu, am reușit să schimb culoarea de fundal a meniului, dar pur și simplu nu mă lasă să schimb culorile textului la nimic. Am folosit abordarea dvs. de a edita în instrumentul de inspecție a codului din Chrome (care a funcționat excelent, culoarea a fost schimbată, sugerând că codul meu era corect) și am lipit codul modificat în style.css al temei copil, dar se pare că nu este preluat deloc. Nu știu ce să fac în legătură cu asta, orice sugestie ar fi foarte apreciată!
Boyet
Vă mulțumesc foarte mult pentru acest tutorial. Nu am probleme în a edita fișierele stylesheet, header și footer ale temei mele copil.
Întrebarea mea este, ce voi face dacă aș dori să schimb ceva într-un fișier situat în folderul temei mele mamă, cum ar fi: public_html/wp-content/themes/shopera/woocommerce?
Trebuie să creez același antet în tema mea copil?
Mulțumesc anticipat…
Suport WPBeginner
Da.
Admin
Tony Arnold
Foarte util și în mare parte înțeles și executat.
Încerc să fac imaginea antetului să fie pe toată lățimea. Tema mea nu „permite” acest lucru în mod standard, așa că ar trebui să modific fișierul?
Mulțumesc
Sohail Farooq
Îmi place acest articol, am încercat și a funcționat din prima.
Xander
Salut!
Se pare că m-am blocat puțin. Am făcut deja câteva modificări în unele fișiere .php (de exemplu, header.php, footer.php și așa mai departe) ale temei mele părinte, fără a avea o temă copil instalată.
Acum vreau să creez o temă copil, deoarece au apărut actualizări ale temei părinte. Ce ar trebui să fac cu toate acele fișiere deja modificate? Ar trebui să le copiez în directorul temei copil? Ce foldere am nevoie să am acolo? Ar trebui să creez aceleași foldere pe care le are tema părinte pentru tema copil?
Mulțumesc,
Suport WPBeginner
Nu aveți nevoie de toate folderele temei părinte. Trebuie doar să recreați fișierele unde ați făcut modificări. Avem un tutorial despre cum să actualizați temele fără a pierde modificările. Acesta are o secțiune unde puteți afla ce fișiere ați modificat în tema dumneavoastră și ce modificări ați făcut la ele.
Descărcați o copie nouă a temei părinte pe computer. Descărcați tema veche pe computer și apoi încărcați copia nouă. După aceea, creați o temă copil. Copiați fișierele unde ați făcut modificări din tema nouă în tema copil. Copiați modificările pe care le-ați făcut în fișierele temei vechi în fișierele noii teme copil.
Ar necesita o anumită depanare înainte de a reuși. Așadar, vă recomandăm cu tărie să vă faceți mai întâi o copie de rezervă a site-ului. Dacă este posibil, testați mai întâi modificările pe o instalare WordPress locală.
Admin
Xander
Mulțumesc. Ați putea, vă rog, să-mi dați un link către tutorialul menționat?
Există un alt obstacol – am modificat fișierul functions.php, cum le pot împăca pe amândouă în tema părinte și tema copil?