Come creare un tema child su WordPress

Se hai mai avuto bisogno di modificare l’aspetto o le funzionalità del tuo sito WordPress, potresti aver sentito parlare di tema child. Il tema è la base da cui partiamo per costruire il nostro sito e ne definisce il layout e lo stile generale. Modificare direttamente un tema può essere rischioso, poiché eventuali aggiornamenti dello stesso potrebbero sovrascrivere tutte le personalizzazioni. Creare un tema child permette di personalizzare il sito senza compromettere la possibilità di aggiornare il tema principale (genitore).

In questo articolo, vedremo passo dopo passo come creare un tema child su WordPress e perché è una pratica essenziale per chi vuole modificare il proprio sito senza rischiare di perdere il lavoro e le personalizzazioni fatte durante gli aggiornamenti.

Cos’è un tema child?

Un tema child (o tema figlio) è un tema che eredita tutte le funzionalità, il design e il codice di un altro tema, chiamato tema parent (tema genitore). Il vantaggio di questa operazione è che puoi modificare e personalizzare il tema child senza toccare direttamente i file del tema parent. Questo ti consente di mantenere le personalizzazioni anche quando il tema principale viene aggiornato.

Perché creare un tema child?

Come capire se hai davvero bisogno di un tema child per il tuo sito? Nella stragrande maggioranza dei casi, la risposta è sì! Se vuoi personalizzare, ad esempio, la struttura del footer del tuo sito, inserire nell’header il codice di Google Analytics, fare modifiche strutturali ai file del template oppure personalizzare la grafica apportando modifiche al foglio di stile del tema, creare un tema child ti permette di:

• Effettuare delle personalizzazioni sicure: le modifiche fatte al tema child non saranno sovrascritte durante gli aggiornamenti del tema parent.
• Imparare a lavorare sui temi di WordPress senza rischi: puoi modificare specifici file del tema (come il CSS o i template) senza dover intervenire sul il tema parent. In questo modo, se qualcosa va storto basterà disattivare il tema child per ripristinare il tema principale e far tornare il sito allo stato in cui era prima delle personalizzazioni.
• Aggiornare il sito in modo facile e veloce: visto che il codice del tema parent resterà inalterato, quando lo aggiornerai non dovrai ripetere le personalizzazioni fatte e la manutenzione del sito risulterà più facile.

Come creare un tema child in WordPress

Vediamo quindi come creare un tema child in pochi minuti, utilizzando un plugin o con il metodo manuale.

Creare un tema child utilizzando un plugin

Se non hai dimestichezza con il codice e vuoi una soluzione semplice per creare un tema child in pochi clic, il plugin che ti consiglio di utilizzare è Child Theme Configurator.

Per installare e attivare il plugin:

1. Accedi alla bacheca di WordPress.
2. Vai su Plugin -> Aggiungi nuovo.
3. Cerca “Child Theme Configurator” nella barra di ricerca.
4. Clicca su Installa e poi su Attiva.

Una volta attivato il plugin, puoi iniziare a creare il tuo tema child.

1. Nella bacheca di WordPress, vai su Strumenti -> Child Themes.
2. Nella schermata del plugin, seleziona Create a new Child Theme.
3. Dal menu a tendina, scegli il tema parent per cui vuoi creare un tema child.
4. Clicca su Analyze. Il plugin analizzerà il tema parent per verificare se è pronto per la creazione di un tema child.
5. Dopo l’analisi, seleziona le impostazioni per il tema child, come il nome, la descrizione e le preferenze di stile. Di solito, puoi lasciare le impostazioni predefinite.
6. Clicca su Create New Child Theme.

Dopo aver creato il tema child, dovrai configurarlo e attivarlo.

1. Una volta completata la creazione del tema child, vai su Aspetto -> Temi.
2. Troverai il tema child appena creato nell’elenco dei temi. Clicca su Attiva per utilizzarlo sul tuo sito.

Metodo manuale per creare un tema child

Se invece preferisci non utilizzare plugin, segui questi semplici passaggi per di creare un tema child in pochi minuti.

1. Creare una nuova cartella per il tema child

Per iniziare, accedi alla directory del tuo sito tramite un client FTP, come FileZilla, o il File Manager del tuo hosting. Vai nella cartella: wp-content/themes e crea una nuova cartella per il tuo tema child. Il nome della cartella dovrebbe essere simile a quello del tema parent. Ad esempio, se il tema parent si chiama “TwentyTwentyFour”, chiama la cartella “TwentyTwentyFour-child”.

2. Creare il file style.css

È necessario adesso creare il file style.css, il file in cui vengono definiti gli stili CSS del nostro tema. Per creare il file puoi usare un qualsiasi editor di testo, creare un nuovo file e inserire il seguente codice:

/*
Theme Name:   TwentyTwentyFour Child
 Theme URI:    http://tuosito.com/twentytwentyfour-child/
 Description:  TwentyTwentyFour Child Theme
 Author:       Il tuo nome
 Author URI:   http://tuosito.com
 Template:     twentytwentyfour
 Version:      1.0.0
*/

Puoi naturalmente sostituire le informazioni di base con i tuoi dettagli. I campi obbligatori sono “Theme Name” e “Template”. Quest’ultimo deve corrispondere esattamente al nome della cartella del tema parent.
Salva quindi il file chiamandolo “style.css” e caricalo nella cartella del tema child.

3. Creare il file functions.php

Per caricare correttamente il foglio di stile del tema parent, è necessario creare un file chiamato functions.php, che permetterà al tema child di ereditare tutti gli stili e le funzionalità del tema parent. Crea un file chiamato functions.php nella cartella del tema child e inserisci il seguente codice:

<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
function enqueue_parent_theme_style() {wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );}
?>

Questo codice fa in modo che WordPress carichi prima lo stile del tema parent e poi lo stile del tema child, consentendoti di sovrascrivere facilmente il CSS dove necessario.

4. Attivare il tema child in WordPress

Dopo aver creato i file style.css e functions.php, è il momento di attivare il tuo tema child. Accedi alla bacheca di WordPress e vai su:

Aspetto -> Temi

Dovresti vedere il tuo tema child nell’elenco dei temi disponibili. Clicca su Attiva per iniziare a usarlo.

Fare modifiche e personalizzazioni al tema child

Ora che il tema child è attivo, puoi iniziare a fare modifiche al suo interno. Puoi ad esempio:

• Modificare lo stile: Aggiungi le tue regole CSS al file style.css del tema child.
• Sovrascrivere template del tema parent: Se desideri modificare un file template specifico del tema parent (ad esempio header.php o footer.php), copia quel file nella cartella del tema child e modificalo lì. WordPress utilizzerà il file del tema child al posto di quello del tema parent.
• Aggiungere nuove funzionalità: Puoi aggiungere funzioni personalizzate nel file functions.php del tema child, senza toccare il codice del tema parent.

Riepilogo

Creare un tema child su WordPress è quindi essenziale per chiunque desideri personalizzare un sito senza rischiare di perdere le modifiche durante gli aggiornamenti del tema parent. È un’operazione che richiede pochi facili passaggi e può essere fatta velocemente sia con un plugin sia manualmente.
Che tu sia un/a principiante o uno sviluppatore o sviluppatrice esperto/a, è sempre consigliato creare un tema child per tenere il tuo sito WordPress aggiornato, stabile e sicuro nel tempo.