Cum sa faci un child-theme pentru Twenty Twelve

Daca tot l-am ajutat pe Lucian cu prima initiere in editare de teme wordpress si l-am sfatuit sa foloseasca un copil tema pentru Twenty Twelve o sa va arat in acest articol cum se face un copil tema.De ce sa folosesti un copil tema? Pentru ca orice modificare care o aduci temei copil nu va afecta tema mama.Datele de incarcare sunt evident mult mai putine.Daca nu aduci modificari foarte mari mai mult de un fisier nu ai nevoie pentru modificari si anume stylul temei.

Asadar ce avem nevoie pentru a creea o tema copil.Mentionez ca toate variantele de tema default wordpress permit sa poti creea o tema copil.

Creezi un fisier nou numit style.css in care pui urmatorul cod:

/*
Theme Name: Twenty Twelve Child
Theme URI: https://example.com/
Description: Child theme for the Twenty Twelve theme
Author: Numele tau aici
Author URI: https://example.com/about/
Template: twentytwelve
Version: 0.1.0
*/

@import url("../twentytwelve/style.css");

Cateva modificari care trebuiesc facute sunt:

Author URI: scrii numele tau sau orice vrei,Author: numele tau,Theme URI un link catre ce vrei tu.

Il salvezi intru folder absolut cum vrei tu,al meu este TwentyTwelveChild dupa care il incarcati via ftp sau il arhivati si incarti din dashbord.

Nu uitati sa faceti si o poza marimea 350×250 cu numele screenshot extensia png (screenshot.png) in acelasi folder.

Activati tema si gata aveti o tema noua unde va puteti juca cum doriti.Ca sa aveti si un pic impuls iata si cateva coduri css pentru inceput de pus in noua tema in style.css dupa codul de import al temei mama. @import url(„../twentytwelve/style.css”);

.site-header h1 a {
color:red;
}

.site-header h1 a:hover {
color:#222;
background:#ddd;
}

.main-navigation div.nav-menu > ul {
border-bottom: 1px solid rgb(68, 42, 42);
border-top: 1px solid rgb(65, 56, 56);
display: inline-block !important;
text-align: left;
width: 100%;
}

[download id=”73″].