Crearea unui child theme pentru tema dumneavoastră WordPress
Dacă modificați direct fișierele unei teme, munca dumneavoastră se pierde la următoarea actualizare a acelei teme. Un child theme (temă copil) previne acest lucru. Este o temă mică ce preia totul de la o altă temă, tema părinte, cu excepția a ceea ce adăugați dumneavoastră în ea. Tema părinte o puteți actualiza în continuare ca de obicei. Aici aflați când aveți nevoie de un child theme și cum îl creați cu File Manager din DirectAdmin.
Aveți nevoie de el?
| Doriți să | Este nevoie de un child theme? |
|---|---|
| Personalizați o temă bloc în editorul de site (Aspect > Editor): culori, fonturi, antet și subsol | Nu. Aceste modificări sunt salvate în baza de date și rămân la o actualizare. |
| Adăugați câteva rânduri de CSS | Nu. Folosiți CSS suplimentar din Customizer (temă clasică) sau din Stiluri în editorul de site. |
| Adăugați o funcție care nu are legătură cu designul, cum ar fi o integrare sau un formular | Nu. Aceasta își are locul într-un plugin, astfel încât să funcționeze și după schimbarea temei. |
| Modificați un fișier șablon al temei, mult CSS propriu sau cod PHP care ține de design | Da. |
Folosiți o temă bloc? Atunci încercați mai întâi în editorul de site. Dacă doriți să salvați în fișiere modificările făcute în editorul de site, pluginul oficial Create Block Theme poate crea un child theme pentru dumneavoastră.
Pasul 1: găsiți folderul temei părinte
- Deschideți File Manager în DirectAdmin. Consultați Deschiderea File Manager: folderele din pachetul dumneavoastră.
- Accesați
domains/example.com/public_html/wp-content/themes. - Notați numele exact al folderului temei dumneavoastră, de exemplu
hoofdthema. Este vorba de numele folderului, nu de numele pe care îl vedeți în WordPress.
Pasul 2: creați folderul și style.css
- În folderul
themes, faceți clic pe New Folder și creați, de exemplu,hoofdthema-child. - Deschideți acest folder, faceți clic pe New File și creați
style.css. - Faceți clic dreapta pe fișier, alegeți Edit, lipiți antetul de mai jos și faceți clic pe Save.
/* Theme Name: Hoofdthema Child Template: hoofdthema Description: Eigen aanpassingen voor example.com Version: 1.0.0 */ /* Je eigen CSS komt hieronder. */
Rândul Template: este cel mai important. Acolo trebuie să apară exact numele folderului temei părinte, cu aceleași majuscule și cratime. Dacă nu corespunde, WordPress va afișa un mesaj că tema părinte lipsește.
Pasul 3: functions.php sau theme.json
Temă clasică: creați în același folder un fișier functions.php care încarcă foaia de stil:
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'hoofdthema-child',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
} );
Dacă tema părinte își încarcă singură foaia de stil diferă de la o temă la alta. Consultați documentația temei dumneavoastră. Dacă site-ul arată simplu, fără stiluri, după activare, trebuie să încărcați și foaia de stil a temei părinte, cu get_template_directory_uri() . '/style.css'. Fișierul functions.php al temei copil nu îl înlocuiește pe cel al temei părinte: ambele sunt încărcate, mai întâi cel al temei copil. Prin urmare, nu copiați niciodată funcții din functions.php al temei părinte, deoarece numele de funcții duplicate provoacă o eroare critică.
Temă bloc: de obicei nu este nevoie de functions.php. Dacă doriți, de exemplu, o altă paletă de culori, creați un fișier theme.json propriu. WordPress îl combină cu cel al temei părinte, așa că includeți în el doar ceea ce doriți să modificați.
Dacă doriți să modificați un șablon, copiați doar acel fișier din tema părinte în același loc din tema copil și modificați copia. WordPress caută mai întâi în tema copil și apoi în tema părinte. Nu copiați totul, altfel nu veți mai primi îmbunătățirile temei părinte.
Pasul 4: activarea
- În WordPress, accesați Aspect > Teme. Child theme-ul dumneavoastră apare în listă. Faceți clic pe Activează.
- Verificați site-ul: antetul, meniurile, widgeturile și culorile. Dacă este necesar, setați din nou meniurile și setările din Customizer.
- Păstrați tema părinte și mențineți-o actualizată. Fără tema părinte, tema copil nu funcționează.
Preferați să creați child theme-ul pe propriul calculator? Atunci arhivați folderul ca zip și încărcați-l în WordPress la Aspect > Teme cu butonul Adaugă o temă nouă și apoi Încarcă tema. Sau încărcați folderul cu File Manager sau SFTP în wp-content/themes, consultați Încărcarea și descărcarea fișierelor.
Revenirea la tema veche
Activați din nou tema părinte la Aspect > Teme. Dacă din cauza unei erori în tema copil nu mai puteți accesa panoul de administrare, redenumiți în File Manager folderul temei copil, de exemplu în hoofdthema-child-uit. WordPress va reveni atunci la o temă implicită, dacă aceasta este încă instalată. Mai multe detalii în Eroare 500 sau „eroare critică” pe site-ul dumneavoastră (inclusiv după o actualizare WordPress).
Lectură suplimentară
- Child themes pe developer.wordpress.org (în engleză)
Doriți să aflați mai multe? Urmați cursul gratuit de WordPress, lecția 5.2 Crearea unui child theme.