Avantaje Child Theme în WordPress și cum realizăm o temă secundară

feb. 23, 2022


...

Child Theme sau tema secundară, îți permite în WordPress, să schimbi detalii mici ale aspectului site-ului tău, păstrând totuși aspectul și funcționalitatea temei principale.

Tema principală este o temă completă care include fișierele șablon și setările necesare pentru ca tema să funcționeze.

Avantaje Child Theme

O temă secundară sau Child Theme moștenește aspectul temei părinte (temei principale) și toate funcțiile sale, dar poate fi folosită pentru a face modificări oricărei părți a temei

Personalizările sunt păstrate separat de fișierele temei părinte

Utilizarea unei teme secundare îți permite să actualizezi tema părinte fără a afecta personalizările pe care le-ai făcut site-ului tău

Cum realizăm o temă secundară sau Child Theme?

Ca și exemplu, am ales să realizăm o temă secundară pentru tema principală Twenty Fifteen. Practic poți realiza o temă secundară pentru orice temă principală.

1. Creăm un fișier de foaie de stil numit style.css, care va conține toate regulile și declarațiile CSS și care controlează aspectul temei tale.
Foaia de stil trebuie să conțină obligatoriu comentariul de antet în partea de sus a fișierului.
Datele din atet ,transmit platformei WordPress, informații de bază despre temă, inclusiv faptul că este o temă secundară cu o anumită temă principală.
Conținutul fișierului style.css trebuie să aibă structura din exemplul de mai jos:

/*
Theme Name: Tema mea secundară
Theme URI: https://wordpress.org/themes/twentyfifteen/
Description: Tema mea secundară (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: twentyfifteenchild
*/

/* ———– PUNEȚI CSS-UL PERSONALIZAT SUB ACEASTA LINIE ————————— */

2. Creăm un fișier numit functions.php, care va conține toate funcțiile din tema secundară, care controlează funcționalitatea temei principale Twenty Fifteen.

3. Creăm un fișier numit screenshot.png care va fi coperta temei secundare cu o dimensiune recomandată de 1200 x 900 pixeli.

Cele trei fișiere de mai sus, se pun într-un folder și se arhivează (cu extensia .zip).

Fișierele temei secundare din exemplu le poți descărca de aici.

Având tema Twenty Fifteen activă, încarci tema secundară și o activezi ca și în exemplul de mai jos.

...

Acum poți personaliza aspectul temei Twenty Fifteen prin introducerea de cod CSS în fișierul style.css și poți adăuga funcționalități suplimentare prin adăugare de cod PHP în fișierul functions.php.

Mai multe informații despre teme secundare sau Child Themes poți să găsești la adresa https://developer.wordpress.org/themes/advanced-topics/child-themes/ .

Abonează-te
la noutăți

Poți să primești noutăți gratuit, prin email
Înregistrează-te acum