O temă copil este o temă care moștenește funcționalitatea și stilul unei alte teme, numită temă părinte. Temele copii sunt modul recomandat de a modifica o temă existentă.
De ce să folosiți o temă copil?
Există câteva motive pentru care este indicat să utilizați o temă copil:
- Dacă modificați o temă direct și este actualizată, modificările se pot pierde. Prin utilizarea unei teme copil vă asigurați că modificările sunt păstrate.
- Folosind o temă copil se poate accelera timpul de dezvoltare.
- Folosirea unei teme copil este o modalitate foarte bună de a învăța despre temele WordPress.
Cum se crează o temă copil
O temă copil constă din cel puțin un director (directorul temei copil) și două fișiere (style.css și functions.php), care vor trebui să fie create:
- directorul temei copil
- style.css
- functions.php
Primul pas în crearea unei teme copil este de a crea directorul temei copil, care va fi plasat în wp-content/themes. Se recomandă (dar nu este necesar, mai ales dacă veți crea o temă pentru uz public) ca numele directorul temei copil să conțină atașat numele ‘-child‘. Asigurați-vă că nu există spații în numele directorului temei copil,care pot duce la erori. Un exemplu de nume de temă copil pentru tema implicită Twenty Fifteen este ‘twentyfifteen-child’, care indică faptul că tema părinte este tema Twenty Fifteen.
Următorul pas este de a crea foaia de stil a temei copil (style.css). Foaia de stil trebuie să înceapă cu următoarele (antetul foii de stil):
/*
Theme Name: Twenty Fifteen Child
Theme URI: http://example.com/twenty-fifteen-child/
Description: Twenty Fifteen Child Theme
Author: John Doe
Author URI: http://example.com
Template: twentyfifteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-fifteen-child
*/
Câteva aspecte de reținut:
- Veți avea nevoie să înlocuiți textul din exemplu cu detaliile relevante pentru temă.
- Linia Template corespunde numelui directorului temei părinte. Tema de bază în exemplul nostru este tema Twenty Fifteen, astfel încât șablonul va fi twentyfifteen. Dacă lucrați cu o temă diferită, ajustați în consecință.
- Singurul fișier necesar pentru tema copil este style.css, dar functions.php este necesar pentru a ierarhiza stilurile corect.
Ultimul pas este să prioritizați foile de stil ale temei părinte și copil. 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ă. Metoda corectă de prioritizare a foii de stil a temei părinte este de a adăuga wp_enqueue_scripts action și de a folosi wp_enqueue_style() în functions.php a temei copil. Prin urmare, va trebui să creați un fișier functions.php în directorul temei copil. Prima linie în functions.php a temei copil va fi o etichetă de deschidere PHP (<?php), după care puteți prioritiza foile de stil pentru temele părinte și copil. Următorul exemplu de funcție va merge doar dacă tema părinte utilizează un singur fișier style.css principal care include toate CSS. În cazul în care tema are mai mult de un fișier .css (de exemplu. ie.css, style.css, main.css), atunci va trebui să vă asigurați că mențineți toate dependințele de tema părinte.
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
}
Foaia de stil a temei copilul va fi de obicei încărcată automat. Dacă nu este, va trebui să o prioritizați și pe ea. Setarea „stil-părinte” ca dependență va asigura că foaia de stil a temei copil se încarcă după ea.
function theme_enqueue_styles() {
$parent_style = ‘parent-style’;
wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style )
);
}
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
Tema copil este gata pentru activare. Conectați-vă la panou de administrare site-ului și mergeți la la Panou control > Aspect > Teme. Ar trebui să vedeți tema copilul listată și gata pentru activare. (În cazul în care instalarea WordPress este multi-site, atunci ar putea fi necesar să comutați la panoul de administrare de rețea pentru a activa tema (în fila Network Admin Themes Screen). Apoi se poate trece înapoi la panoul de administrare WordPress de site pentru a activa tema copil.)
Notă: Poate fi necesar să re-salvați meniul (Aspect > Meniuri, sau Aspect > Personalizare > Meniuri) și opțiunile de temă (inclusiv cele de fundal și de antet imagini) după activarea temei copil.
Traducere din wordpress.org
Lasă un răspuns