Home » Temi e Plugin » WordPress: cos’è e come si crea un Child Theme (Tema Figlio)

WordPress: cos’è e come si crea un Child Theme (Tema Figlio)

Un Tema Figlio (Child Theme) è un tema che eredita le funzionalità di un altro tema, chiamato Tema Padre o Tema Principale (Parent Theme).
Utilizzando un tema figlio possiamo cambiare lo stile e il layout di un tema padre (il tema scelto e utilizzato per personalizzare WordPress) senza modificare il codice originale di quest’ultimo. In questo modo, quando il tema padre verrà aggiornato, non perderemo le modifiche effettuate. L’aggiornamento di un tema comporta infatti la sovrascrittura di tutti i file che lo compongono e il conseguente annullamento di tutte le personalizzazioni. Questo è il motivo per cui i child themes rappresentano il miglior modo per apportare modifiche a un tema di WordPress.

Vediamo con un esempio pratico tutti i passaggi necessari alla creazione di un child theme apple apps again.
Creare la directory del Child Theme

Supponiamo di voler creare il tema figlio del tema Twenty Ten, uno dei temi di default di WordPress.
La prima cosa da fare è creare sul nostro spazio web la directory che conterrà il tema figlio. Un child theme risiede in una propria directory, diversa da quella del parent theme.
Tramite FTP o qualsiasi applicazione per la gestione dei file, creiamo una nuova cartella nella directory dove sono presenti i temi di WordPress (../wp-content/themes) e chiamiamola twentyten-child (questo è il nome che useremo nel nostro esempio ma la cartella può essere chiamata con un nome qualsiasi).
Creare il file style.css

All’interno della cartella twentyten-child creiamo un nuovo file e chiamiamolo style.css.
Il file style.css è il solo e unico file necessario a un child theme; fornisce le informazioni che consentono a WordPress di riconoscere il tema figlio e sostituisce, sovrascrivendolo, il file style.css del tema genitore lieder downloaden apple.
Tutti gli altri file presenti in un tema WordPress sono opzionali.

Apriamo il file style.css e inseriamo le seguenti informazioni:

/*
Theme Name: Twenty Ten Child
Description: Child Theme del tema Twenty Ten
Author: Stefano Serafino
Author URI: http://www.memexcomputer.it/
Template: twentyten
Version: 0.1
*/

@import url(“../twentyten/style.css”);

Vediamo come compilare le singole voci che compongono il file style.css:

/* (obbligatorio) – Indica a WordPress l’apertura dell’intestazione (header).
Theme Name: (obbligatorio) – Nome che vogliamo dare al child theme.
Description: (opzionale) – Descrizione del child theme.
Author: (opzionale) – Nome dell’autore del child theme.
Author URI: (opzionale) – Pagina web dell’autore del child theme.
Template: (obbligatorio) – Nome della directory contenente il parent theme youtube videos mit vlc herunterladen.
Questa riga indica a WordPress il nome della directory del tema padre che vogliamo utilizzare.
Nel nostro esempio vogliamo utilizzare il tema Twenty Ten che si trova nella cartella ../wp-content/themes/twentyten
quindi scriveremo twentyten (il nome della directory è case sensitive, cioè fa distinzione tra lettere maiuscole e minuscole).
Version: (opzionale) – Versione del child theme.
*/ (obbligatorio) – Indica a WordPress la chiusura dell’intestazione (header).

@import url (“../twentyten/style.css”); (obbligatorio)
Quest’ultima informazione indica al child theme di caricare il file style.css del parent theme (nel nostro esempio il tema twentyten) utilizzando il percorso scritto tra le parentesi tonde.
Attenzione: questa riga deve essere scritta subito dopo il codice della testata e prima di qualsiasi altra regola CSS. Non si devono inserire regole CSS prima di @import word schreibprogramm kostenlos downloaden windows 7.
Attenzione: i due punti ../ non devono essere sostituiti con il percorso completo. Le virgolette doppie ” devono essere digitate con la tastiera senza fare copia/incolla.
Attivare il Child Theme

Adesso possiamo attivare il tema figlio.
Accediamo alla Bacheca di WordPress.
Facciamo clic su Aspetto e selezioniamo Temi.
Se il file style.css è stato compilato nel modo corretto vedremo tra i Temi disponibili il child theme. Nel nostro esempio sarà il Twenty Ten Child (questo è il nome che gli abbiamo dato in Theme Name: nel file style.css) autorennen games download for free.
Facciamo clic su Attiva per attivare il tema Twenty Ten Child.

Il tema sarà sprovvisto di una immagine di anteprima. Se vogliamo aggiungerla dobbiamo creare un file immagine chiamato screenshot.png e posizionarlo nella directory del tema child. In alternativa possiamo copiare e incollare il file screenshot.png del parent theme.

Il template del tema figlio che abbiamo appena attivato sarà una copia esatta del template del tema padre (nel nostro esempio il tema Twenty Ten). Questo perchè nel file style.css del tema Twenty Ten Child abbiamo inserito soltanto le informazioni che servono a WordPress per riconoscere il child theme download javascript for free chip.
Personalizzare il tema

A questo punto possiamo iniziare a personalizzare il tema.
Accediamo alla Bacheca di WordPress.
Selezioniamo Aspetto e Editor.
Nella finestra Modifica temi, alla voce Selezionare il tema da modificare: scegliamo il tema figlio (nel nostro esempio Twenty Ten Child) e facciamo clic su Seleziona.
Nella parte destra della pagina, sotto Stili, sarà presente soltanto un file: il foglio di stile (style.css) che abbiamo creato prima.

Attenzione: tutte le informazioni riguardanti la personalizzazione del tema dovranno essere inserite subito dopo la regola @import url: qualsiasi regola inserita prima sarà invalidata e il foglio di stile del parent theme non sarà importato lizenzfreie bilder downloaden kostenlos.

Supponiamo di voler cambiare il colore del Titolo sito del nostro tema lasciando invariato tutto il resto.
La regola che definisce il colore del Titolo sito del tema Twenty Ten è questa:

#site-title a {
color: #000;
}

Se vogliamo cambiare il colore da nero a rosso dobbiamo inserire nel file style.css la regola in questo modo:

/*
Theme Name: Twenty Ten Child
Description: Child Theme del tema Twenty Ten
Author: Stefano Serafino
Author URI: http://www.memexcomputer.it/
Template: twentyten
Version: 0.1
*/

@import url (“../twentyten/style.css”);

#site-title a {
color: #ff0000;
}

Facciamo clic su Aggiorna file e visualizziamo il sito per vedere la modifica.
Come funziona il Child Theme

Il meccanismo è molto semplice.
Ogni regola scritta nel file style.css del child theme viene utilizzata al posto della stessa regola presente nel file style.css del parent theme. Se nel file style.css del child theme non è contenuta nessuna regola WordPress utilizzerà le regole del file style.css del parent theme.

Lo stesso principio vale anche per tutti gli altri file che compongono un tema WordPress (header.php, index.php, footer.php, ecc) herunterladen.
Se ad esempio vogliamo modificare il file header.php dobbiamo semplicemente creare un file con lo stesso nome nella directory del child theme e personalizzarlo come vogliamo. Anche in questo caso le regole scritte nel header.php del child theme sostituiranno quelle del header.php del parent theme. Se nella directory del child theme non è presente il file header.php WordPress utilizzerà il file header.php del parent theme.
Nel child theme possiamo anche includere file che non sono presenti nel parent theme.
Il file functions.php

L’unica eccezione a quanto detto in precedenza riguarda il file functions.php (da non confondere con il file di WordPress che troviamo nella cartella wp-includes) internet explorer certificate.
Il file functions.php di un child theme non viene sostituito ma caricato in aggiunta al file functions.php del parent theme (per essere precisi viene caricato subito prima di quello del parent theme.)
Se aggiungiamo una funzione al file functions.php del parent theme questa sarà eliminata al primo aggiornamento del tema. Se invece la scriviamo nel file functions.php del child theme non scomparirà.

Per ulteriori tutorial riguradanti Worepress non ti resta altro che andare QUI.
Nel nostro sito potrai trovare molti tutorial tutti riguardanti WordPress adatti a tutti partendo dai principianti fino ad arrivare agli esperti che però potrebbero avere dimenticato un passaggio minecraft ps4 welten downloaden.
Sulla destra dell’homepage troverai sia gli articoli pubblicati recentemente sia tutte le macrocategorie che trattiamo nel sito. In alternativa puoi scrivere la parola o le parole chiave in alto a destra nella ricerca del sito e troverai tutto ciò che riguarda quello che hai cercato. BUONA VISIONE!

Lascia un Commento