{"id":167461,"date":"2026-04-06T09:00:00","date_gmt":"2026-04-06T09:00:00","guid":{"rendered":"https:\/\/gtechgroup.it\/blog\/child-theme-wordpress-creare-e-personalizzare-un-tema-figlio\/"},"modified":"2026-05-30T10:00:00","modified_gmt":"2026-05-30T08:00:00","slug":"child-theme-wordpress-creare-e-personalizzare-un-tema-figlio","status":"publish","type":"post","link":"https:\/\/gtechgroup.it\/blog\/child-theme-wordpress-creare-e-personalizzare-un-tema-figlio\/","title":{"rendered":"Child Theme WordPress: Creare e Personalizzare un Tema Figlio"},"content":{"rendered":"

Child Theme WordPress: Creare e Personalizzare un Tema Figlio<\/h2>\n

Un child theme (tema figlio) \u00e8 uno dei concetti pi\u00f9 importanti e utili dell’ecosistema WordPress, eppure molti proprietari di siti e persino alcuni sviluppatori lo ignorano o lo sottovalutano. Il child theme \u00e8 una tecnica che permette di personalizzare un tema WordPress senza modificare direttamente i file del tema originale (parent theme). Questo garantisce che le tue personalizzazioni non vengano perse quando il tema parent riceve un aggiornamento, un problema che affligge regolarmente chi modifica direttamente i file del tema.<\/p>\n

In questa guida completa imparerai cos’\u00e8 un child theme, perch\u00e9 \u00e8 essenziale, come crearlo da zero, come utilizzarlo per personalizzare ogni aspetto del tuo sito e quali best practice seguire per un risultato professionale. Che tu sia un principiante che vuole cambiare qualche colore o uno sviluppatore che necessita di override complessi, questa guida ti fornir\u00e0 tutti gli strumenti necessari.<\/p>\n

Perch\u00e9 usare un child theme<\/h3>\n

Il motivo principale per usare un child theme \u00e8 uno: proteggere le personalizzazioni dagli aggiornamenti<\/strong>. Quando aggiorni il tema parent (e devi aggiornarlo regolarmente per sicurezza e compatibilit\u00e0), tutti i file del tema vengono sostituiti con la nuova versione. Se hai modificato functions.php, style.css, header.php o qualsiasi altro file direttamente nel tema parent, le tue modifiche vengono cancellate.<\/p>\n

Con un child theme, le personalizzazioni vivono in file separati che il sistema di aggiornamento non tocca. WordPress utilizza un meccanismo di ereditariet\u00e0: il child theme eredita tutte le funzionalit\u00e0 del parent theme e le sovrascrive solo dove specifichi esplicitamente delle modifiche. \u00c8 il principio dell’override selettivo.<\/p>\n

Ma i vantaggi vanno oltre la protezione dagli aggiornamenti:<\/p>\n

Organizzazione del codice<\/strong>: tutte le personalizzazioni sono raccolte in una cartella separata, rendendo facile identificare cosa \u00e8 stato modificato rispetto al tema originale.<\/p>\n

Facilit\u00e0 di rollback<\/strong>: se una personalizzazione causa problemi, puoi semplicemente rimuoverla dal child theme o disattivarlo temporaneamente per tornare al tema parent originale.<\/p>\n

Sperimentazione sicura<\/strong>: puoi provare modifiche al design o alle funzionalit\u00e0 sapendo che il tema originale resta intatto.<\/p>\n

Collaborazione<\/strong>: in un team, il child theme rende chiaro chi ha fatto quali modifiche e quando, senza confondersi con il codice del tema parent.<\/p>\n

Come funziona l’ereditariet\u00e0 dei child theme<\/h3>\n

WordPress implementa un sistema di ereditariet\u00e0 elegante per i child theme. Ecco come funziona:<\/p>\n

Template files<\/strong>: quando WordPress deve visualizzare una pagina, cerca prima il template nel child theme. Se lo trova, lo usa. Se non lo trova, usa quello del parent theme. Questo significa che puoi sovrascrivere qualsiasi file template del parent theme semplicemente creandone una copia nel child theme con lo stesso nome.<\/p>\n

Stili CSS<\/strong>: il file style.css del child theme viene caricato dopo (o al posto di) quello del parent theme. Le regole CSS nel child theme hanno priorit\u00e0 su quelle del parent perch\u00e9 vengono caricate per ultime (cascading).<\/p>\n

Funzioni PHP<\/strong>: il file functions.php del child theme viene caricato PRIMA di quello del parent theme. Questo \u00e8 un dettaglio cruciale: le funzioni del child theme sono disponibili prima di quelle del parent, permettendo di sovrascrivere funzioni "pluggable" (definite con if ( ! function_exists() )<\/code> nel parent).<\/p>\n

\"Struttura<\/p>\n

Creare un child theme: guida passo-passo<\/h3>\n

Creare un child theme \u00e8 sorprendentemente semplice. Servono solo due file. Vediamo come fare:<\/p>\n

Passo 1: creare la cartella del child theme<\/h4>\n

Nella directory wp-content\/themes\/ del tuo sito, crea una nuova cartella per il child theme. La convenzione di nomenclatura \u00e8 usare il nome del tema parent seguito da "-child". Ad esempio, se il tema parent \u00e8 "astra", la cartella sar\u00e0 "astra-child".<\/p>\n

Passo 2: creare il file style.css<\/h4>\n

All’interno della cartella del child theme, crea un file style.css con l’intestazione obbligatoria che dichiara la relazione con il parent theme. L’intestazione deve includere almeno il nome del tema (Theme Name) e il riferimento al tema parent (Template). Il campo Template deve corrispondere esattamente al nome della cartella del tema parent (case-sensitive).<\/p>\n

Ecco un esempio di intestazione per un child theme di Astra:<\/p>\n

\/*
\nTheme Name: Astra Child
\nTemplate: astra
\nVersion: 1.0
\nDescription: Child theme personalizzato per Astra
\nAuthor: Il tuo nome
\n*\/<\/code><\/p>\n

Dopo l’intestazione, puoi aggiungere qualsiasi regola CSS personalizzata che sovrascriver\u00e0 gli stili del parent theme.<\/p>\n

Passo 3: creare il file functions.php<\/h4>\n

Crea un file functions.php nel child theme. La funzione pi\u00f9 importante da inserire \u00e8 l’enqueue degli stili del parent theme, per assicurarti che vengano caricati correttamente. Il metodo corretto nel 2026 \u00e8 utilizzare la funzione wp_enqueue_style()<\/code> con una dipendenza dallo stile del parent.<\/p>\n

Il codice deve usare l’hook wp_enqueue_scripts<\/code> e accodare lo stile del parent theme usando get_template_directory_uri()<\/code> per il parent e get_stylesheet_directory_uri()<\/code> per il child. Questo garantisce il caricamento corretto nell’ordine giusto: prima il parent, poi il child.<\/p>\n

Passo 4: attivare il child theme<\/h4>\n

Vai su Aspetto \u2192 Temi nella dashboard di WordPress. Vedrai il tuo child theme nell’elenco dei temi disponibili. Clicca su "Attiva". Il sito utilizzer\u00e0 ora il child theme, ereditando tutte le funzionalit\u00e0 del parent theme.<\/p>\n

Personalizzazioni CSS nel child theme<\/h3>\n

La personalizzazione pi\u00f9 comune tramite child theme riguarda gli stili CSS. Ecco come sovrascrivere gli stili del parent theme in modo efficace:<\/p>\n

Usa l’ispettore del browser<\/strong>: prima di scrivere CSS personalizzato, usa gli strumenti di sviluppo del browser (F12 o Ctrl+Shift+I) per identificare gli elementi da modificare e i selettori CSS utilizzati dal parent theme. Copia il selettore e modificalo nel file style.css del child theme.<\/p>\n

Specificit\u00e0 CSS<\/strong>: se una regola nel child theme non ha effetto, potrebbe avere una specificit\u00e0 inferiore rispetto alla regola del parent. Aumenta la specificit\u00e0 del selettore o, come ultima risorsa, usa !important. Ma \u00e8 preferibile aumentare la specificit\u00e0 con selettori pi\u00f9 specifici piuttosto che abusare di !important.<\/p>\n

Custom Properties CSS<\/strong>: i temi moderni utilizzano variabili CSS (custom properties) per colori, font e spaziature. Sovrascrivendo queste variabili nel child theme, puoi cambiare l’intero schema colori con poche righe di codice. Ad esempio, sovrascrivendo le variabili nel selettore :root del child theme.<\/p>\n

Organizza il CSS<\/strong>: anche nel child theme, organizza il CSS con commenti che separano le sezioni (header, navigation, content, sidebar, footer). Questo rende la manutenzione molto pi\u00f9 semplice nel tempo.<\/p>\n

\"Personalizzazione<\/p>\n

Override dei template file<\/h3>\n

Oltre al CSS, puoi sovrascrivere qualsiasi file template del parent theme. Questo \u00e8 necessario quando vuoi modificare la struttura HTML di una pagina:<\/p>\n

Come fare l’override<\/strong>: copia il file template dal parent theme nella stessa posizione relativa nel child theme. Ad esempio, per sovrascrivere header.php, copia wp-content\/themes\/astra\/header.php in wp-content\/themes\/astra-child\/header.php. Poi modifica la copia nel child theme.<\/p>\n

File in sottocartelle<\/strong>: se il file \u00e8 in una sottocartella (es. template-parts\/header\/site-header.php), ricrea la stessa struttura di cartelle nel child theme.<\/p>\n

Modifiche minimali<\/strong>: quando fai l’override di un template file, copia l’intero file ma modifica solo le parti necessarie. Questo assicura che il resto del template funzioni correttamente. Tuttavia, c’\u00e8 uno svantaggio: se il parent theme aggiorna quel template in una nuova versione, il tuo override non includer\u00e0 le modifiche. Monitora il changelog del parent theme per verificare se i file che hai sovrascritto sono stati aggiornati.<\/p>\n

File template di WordPress<\/strong>: puoi anche creare template personalizzati nel child theme che non esistono nel parent. Ad esempio, puoi creare un custom page template (template-landing.php) o un template per un custom post type specifico.<\/p>\n

Personalizzazioni con functions.php<\/h3>\n

Il file functions.php del child theme \u00e8 il luogo ideale per aggiungere funzionalit\u00e0 personalizzate senza usare un plugin. Ecco le personalizzazioni pi\u00f9 comuni:<\/p>\n

Registrare nuove aree widget<\/strong>: puoi aggiungere sidebar e aree widget personalizzate usando register_sidebar()<\/code>.<\/p>\n

Aggiungere supporto per funzionalit\u00e0 del tema<\/strong>: abilita o disabilita funzionalit\u00e0 come post thumbnails, custom logo, formati di post e menu di navigazione.<\/p>\n

Aggiungere shortcode personalizzati<\/strong>: crea shortcode per inserire contenuti dinamici negli articoli e nelle pagine.<\/p>\n

Modificare le query di WordPress<\/strong>: usa l’hook pre_get_posts<\/code> per modificare le query predefinite (es. cambiare il numero di post per pagina nelle pagine di archivio).<\/p>\n

Aggiungere codice al header o al footer<\/strong>: usa gli hook wp_head<\/code> e wp_footer<\/code> per inserire script di analytics, pixel di tracciamento o meta tag personalizzati.<\/p>\n

Rimuovere funzionalit\u00e0 del parent<\/strong>: usa remove_action()<\/code> e remove_filter()<\/code> per disabilitare comportamenti del parent theme. Ad esempio, rimuovere la data dagli articoli o nascondere la sidebar su determinate pagine.<\/p>\n

Hook e filtri: personalizzazione avanzata<\/h3>\n

I temi WordPress ben sviluppati forniscono hook (action e filter) che permettono di modificare il comportamento senza sovrascrivere template interi. Gli hook sono punti di estensione dove puoi "agganciare" il tuo codice personalizzato.<\/p>\n

Action hook<\/strong>: permettono di aggiungere codice in punti specifici dell’esecuzione. Ad esempio, wp_enqueue_scripts<\/code> per aggiungere CSS e JS, init<\/code> per registrare custom post types, widgets_init<\/code> per registrare sidebar.<\/p>\n

Filter hook<\/strong>: permettono di modificare dati prima che vengano visualizzati o salvati. Ad esempio, the_content<\/code> per modificare il contenuto degli articoli, the_title<\/code> per modificare i titoli, excerpt_length<\/code> per cambiare la lunghezza dell’excerpt.<\/p>\n

Temi come Astra, GeneratePress e Kadence offrono decine di hook personalizzati che permettono di aggiungere contenuto prima\/dopo header, contenuto, sidebar, footer e molte altre aree senza toccare i template file. Consulta la documentazione del tuo tema per scoprire gli hook disponibili.<\/p>\n

Child theme per WooCommerce<\/h3>\n

WooCommerce utilizza un proprio sistema di template per le pagine prodotto, carrello, checkout e account. Per personalizzare questi template:<\/p>\n

Copia il file template dalla cartella wp-content\/plugins\/woocommerce\/templates\/ nella cartella wp-content\/themes\/tuo-child-theme\/woocommerce\/ mantenendo la stessa struttura di directory. Ad esempio, per personalizzare la pagina singolo prodotto, copia single-product.php in tuo-child-theme\/woocommerce\/single-product.php.<\/p>\n

WooCommerce cerca automaticamente i template prima nel child theme, poi nel parent theme, e infine nella propria cartella templates. Questo sistema \u00e8 specifico di WooCommerce e diverso dal meccanismo standard di WordPress.<\/p>\n

Attenzione: WooCommerce aggiorna frequentemente i suoi template. Quando aggiorni WooCommerce, controlla se i template che hai sovrascritto sono stati modificati (WooCommerce mostra un avviso nella pagina Stato se rileva template sovrascritti obsoleti).<\/p>\n

\"Gestione<\/p>\n

Plugin per creare child theme senza codice<\/h3>\n

Se non vuoi creare i file manualmente, esistono plugin che automatizzano il processo:<\/p>\n

Child Theme Configurator<\/strong>: il plugin pi\u00f9 popolare per creare child theme. Analizza il parent theme, genera automaticamente il child theme con l’enqueue corretto degli stili e offre un’interfaccia per personalizzare i CSS senza modificare i file direttamente.<\/p>\n

WP Child Theme Generator<\/strong>: plugin semplice che crea un child theme con un clic, generando i file necessari e attivandolo automaticamente.<\/p>\n

Questi plugin sono utili per i principianti, ma comprendere la struttura manuale del child theme \u00e8 importante per personalizzazioni avanzate e per la risoluzione dei problemi.<\/p>\n

Best practice per i child theme<\/h3>\n

Ecco le regole d’oro per lavorare con i child theme in modo professionale:<\/p>\n

Non modificare mai il parent theme<\/strong>: ogni personalizzazione deve avvenire nel child theme. Se modifichi il parent, le modifiche verranno perse al prossimo aggiornamento.<\/p>\n

Minimizza gli override dei template<\/strong>: sovrascrivere un template crea un punto di manutenzione. Ogni template sovrascritto deve essere verificato quando il parent theme si aggiorna. Preferisci hook e filtri agli override di file interi quando possibile.<\/p>\n

Documenta le personalizzazioni<\/strong>: aggiungi commenti nel codice che spieghino perch\u00e9 hai fatto una modifica, non solo cosa hai modificato. Questo sar\u00e0 prezioso per te stesso tra sei mesi o per chi dovr\u00e0 mantenere il sito dopo di te.<\/p>\n

Usa funzioni pluggable correttamente<\/strong>: se il parent theme definisce funzioni con if ( ! function_exists() )<\/code>, puoi ridefinirle nel child theme. Ma ricorda che il functions.php del child viene caricato prima del parent: la tua definizione ha la precedenza.<\/p>\n

Testa su staging<\/strong>: testa sempre le modifiche al child theme su un ambiente di staging prima di applicarle al sito in produzione.<\/p>\n

Usa il versioning<\/strong>: utilizza Git o un altro sistema di versionamento per tracciare le modifiche al child theme. In caso di problemi, puoi tornare a una versione precedente.<\/p>\n

Problemi comuni e soluzioni<\/h3>\n

Il child theme non appare nella lista temi<\/strong>: verifica che il campo "Template" in style.css corrisponda esattamente al nome della cartella del parent theme (case-sensitive).<\/p>\n

Gli stili del parent non si caricano<\/strong>: l’enqueue degli stili nel functions.php non \u00e8 configurato correttamente. Verifica che stai usando get_template_directory_uri()<\/code> per il parent e get_stylesheet_uri()<\/code> o get_stylesheet_directory_uri()<\/code> per il child.<\/p>\n

Le personalizzazioni CSS non hanno effetto<\/strong>: il CSS del parent ha una specificit\u00e0 maggiore. Aumenta la specificit\u00e0 del selettore nel child theme o verifica che il file CSS del child venga caricato dopo quello del parent.<\/p>\n

Funzionalit\u00e0 del parent mancanti dopo l’attivazione del child<\/strong>: se il parent theme ha personalizzazioni nel Customizer (colori, layout, widget), potrebbe essere necessario riconfigurarle dopo aver attivato il child theme, poich\u00e9 le impostazioni del Customizer sono legate al tema attivo.<\/p>\n

Conclusioni<\/h3>\n

Il child theme \u00e8 uno strumento indispensabile per chiunque voglia personalizzare un sito WordPress in modo sicuro e professionale. La creazione \u00e8 semplice \u2014 bastano due file \u2014 ma le possibilit\u00e0 di personalizzazione sono praticamente illimitate. Dalla modifica di un colore alla riscrittura completa dei template, il child theme ti permette di adattare qualsiasi tema alle tue esigenze mantenendo la capacit\u00e0 di aggiornare il parent theme senza rischi.<\/p>\n

Se stai lavorando a personalizzazioni WordPress e non stai usando un child theme, fermati ora e creane uno. Il tempo investito oggi ti risparmier\u00e0 ore di frustrazione e potenziale perdita di lavoro in futuro.<\/p>\n

\n

Approfondisci e ricevi assistenza<\/h4>\n