{"id":25933,"date":"2026-11-04T10:00:00","date_gmt":"2026-11-04T09:00:00","guid":{"rendered":"https:\/\/soccorsowp.it\/blog\/?p=25933"},"modified":"2026-11-04T10:00:00","modified_gmt":"2026-11-04T09:00:00","slug":"child-theme-wordpress-creare-personalizzare","status":"publish","type":"post","link":"https:\/\/soccorsowp.it\/blog\/child-theme-wordpress-creare-personalizzare\/","title":{"rendered":"Come creare un tema figlio (child theme) in WordPress: guida passo passo"},"content":{"rendered":"

Come creare un tema figlio (child theme) in WordPress: guida passo passo<\/h1>\n

Quando modifichi un tema WordPress<\/a> direttamente, ogni aggiornamento del tema sovrascrive le tue personalizzazioni. La soluzione \u00e8 creare un tema figlio<\/strong> (child theme): un tema che eredita tutte le funzionalit\u00e0 del tema principale ma ti permette di aggiungere modifiche personalizzate che sopravvivono agli aggiornamenti.<\/p>\n

Cos’\u00e8 un tema figlio e perch\u00e9 \u00e8 importante<\/h2>\n

Un child theme WordPress<\/a><\/strong> \u00e8 un tema che dipende da un altro tema (chiamato tema genitore o parent theme). Il tema figlio eredita automaticamente il layout, lo stile e le funzionalit\u00e0 del tema genitore, ma ti permette di sovrascrivere singoli file o aggiungere codice personalizzato.<\/p>\n

Senza un tema figlio, le personalizzazioni CSS, le modifiche ai template e le funzioni PHP che aggiungi direttamente nel tema vengono cancellate quando aggiorni il tema. Questo crea un dilemma: aggiornare il tema (necessario per sicurezza e compatibilit\u00e0) significa perdere le modifiche, oppure non aggiornare significa esporre il sito a vulnerabilit\u00e0<\/a>.<\/p>\n

Il child theme risolve completamente questo problema. Le modifiche vivono in una cartella separata e WordPress le applica sopra al tema genitore, che pu\u00f2 essere aggiornato liberamente.<\/p>\n

Struttura di un tema figlio: i file necessari<\/h2>\n

Un tema figlio WordPress richiede solo due file nella sua cartella:<\/p>\n

    \n
  1. style.css<\/strong> \u2014 il foglio di stile con un header speciale che dichiara il tema genitore.<\/li>\n
  2. functions.php<\/strong> \u2014 il file delle funzioni che carica il CSS del tema genitore.<\/li>\n<\/ol>\n

    La cartella del tema figlio va creata dentro wp-content\/themes\/<\/span>. La convenzione per il nome della cartella del tema figlio \u00e8 aggiungere il suffisso -child<\/span> al nome della cartella del tema genitore.<\/p>\n

    Creare il file style.css del tema figlio<\/h2>\n

    Il file style.css<\/span> del child theme deve contenere un header con informazioni specifiche. L’elemento fondamentale \u00e8 il campo Template<\/strong> che indica il nome della cartella del tema genitore:<\/p>\n

    \/*
    \nTheme Name: Nome del Tema Figlio
    \nTemplate: nome-cartella-tema-genitore
    \nDescription: Tema figlio personalizzato
    \nVersion: 1.0
    \n*\/<\/span><\/p>\n

    Il campo Template<\/strong> deve corrispondere esattamente al nome della cartella del tema genitore (attenzione alle maiuscole). Dopo l’header puoi aggiungere qualsiasi regola CSS personalizzata.<\/p>\n

    Creare il file functions.php del tema figlio<\/h2>\n

    Il file functions.php<\/span> del child theme deve caricare il foglio di stile del tema genitore. Questo si fa con la funzione wp_enqueue_style()<\/span> agganciata all’hook wp_enqueue_scripts<\/span>:<\/p>\n

    <?php
    \nadd_action( ‘wp_enqueue_scripts’, ‘child_theme_enqueue_styles’ );
    \nfunction child_theme_enqueue_styles() {
    \n    wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘\/style.css’ );
    \n    wp_enqueue_style( ‘child-style’, get_stylesheet_uri(), array(‘parent-style’) );
    \n}
    \n<\/span><\/p>\n

    La funzione get_template_directory_uri()<\/span> punta al tema genitore, mentre get_stylesheet_uri()<\/span> punta al tema figlio. Il parametro array(‘parent-style’)<\/span> assicura che il CSS figlio venga caricato dopo quello genitore, cos\u00ec le tue personalizzazioni hanno la priorit\u00e0.<\/p>\n

    Attivare il tema figlio<\/h2>\n

    Dopo aver creato i due file, vai in Aspetto \u2192 Temi<\/strong> nella bacheca di WordPress. Il tema figlio apparir\u00e0 nell’elenco dei temi disponibili. Fai clic su Attiva<\/strong> per utilizzarlo. Il sito manterr\u00e0 esattamente lo stesso aspetto del tema genitore, ma ora puoi personalizzarlo senza rischi.<\/p>\n

    Prima di attivare il tema figlio su un sito in produzione, verifica che tutto funzioni correttamente<\/strong>: controlla il layout, i menu, i widget e le funzionalit\u00e0 principali. In rari casi, temi con codice non standard possono avere problemi con i child theme.<\/p>\n

    Personalizzazioni comuni nel tema figlio<\/h2>\n

    Ecco le personalizzazioni pi\u00f9 frequenti che puoi fare nel child theme:<\/p>\n