Hai bisogno di modificare il tuo tema WordPress<\/a> ma hai paura di perdere le personalizzazioni al prossimo aggiornamento? La soluzione \u00e8 il tema child WordPress<\/a><\/strong>. Un tema child eredita tutte le funzionalit\u00e0 del tema principale (parent) e ti permette di apportare modifiche sicure che sopravvivono a qualsiasi aggiornamento. In questa guida ti spiego come crearlo da zero, cosa inserire nei file essenziali e gli errori da evitare.<\/p>\n Un tema child<\/strong> \u00e8 un tema che eredita stile e funzionalit\u00e0 da un altro tema, chiamato tema parent. WordPress carica prima il tema parent e poi applica le personalizzazioni del child, sovrascrivendo solo ci\u00f2 che hai modificato. Questo meccanismo \u00e8 fondamentale per un motivo semplice: quando aggiorni il tema parent, WordPress sovrascrive tutti i file del tema. Se avevi modificato direttamente il file functions.php<\/span> o il CSS del parent, perdi tutto. Con un tema child, le tue modifiche restano intatte perch\u00e9 risiedono in una cartella separata che l’aggiornamento non tocca.<\/p>\n Usare un tema child \u00e8 considerata una best practice<\/strong> anche quando le modifiche sono minime. \u00c8 la base per qualsiasi personalizzazione<\/a> seria di un sito WordPress.<\/p>\n Un tema child WordPress richiede al minimo solo due file:<\/p>\n Opzionalmente puoi aggiungere qualsiasi file template del parent che vuoi sovrascrivere: header.php<\/span>, footer.php<\/span>, single.php<\/span>, page.php<\/span> e cos\u00ec via. WordPress user\u00e0 la versione del child al posto di quella del parent.<\/p>\n Segui questi passaggi per creare un tema child funzionante. L’esempio usa il tema Twenty Twenty-Five<\/strong> come parent, ma la procedura \u00e8 identica per qualsiasi tema.<\/p>\n Collegati via FTP o dal File Manager del pannello hosting. Naviga in wp-content\/themes\/<\/span> e crea una nuova cartella. La convenzione \u00e8 usare il nome del parent seguito da -child<\/span>:<\/p>\n All’interno della cartella, crea il file style.css<\/span> con questo contenuto:<\/p>\n La riga pi\u00f9 importante \u00e8 Template: twentytwentyfive<\/span>. Deve corrispondere esattamente al nome della cartella del tema parent (tutto minuscolo). Se sbagli anche un solo carattere, il child non funzioner\u00e0.<\/p>\n Crea il file functions.php<\/span> nella stessa cartella con questo codice:<\/p>\n Questo codice carica prima il CSS del tema parent e poi quello del child, garantendo che le tue personalizzazioni CSS abbiano la priorit\u00e0 corretta. Senza questo passaggio, il sito potrebbe non caricare gli stili del parent.<\/p>\n Vai in Aspetto > Temi<\/strong> nella dashboard di WordPress. Vedrai il tema child nella lista (potrebbe non avere un’anteprima). Clicca “Attiva”<\/strong>. Il sito dovrebbe apparire esattamente come prima, perch\u00e9 il child eredita tutto dal parent.<\/p>\n Supponiamo di voler modificare il template della singola pagina articolo. La procedura \u00e8 semplice:<\/p>\n Questo funziona per qualsiasi file template: page.php<\/span>, archive.php<\/span>, header.php<\/span>, footer.php<\/span>, sidebar.php<\/span> e anche i template dentro sottocartelle come template-parts\/<\/span>. Mantieni la stessa struttura di cartelle del parent per i file in sottodirectory.<\/p>\n Se preferisci non creare i file manualmente, esistono plugin che automatizzano il processo. Child Theme Configurator<\/strong> \u00e8 il pi\u00f9 popolare: analizza il tema parent, genera i file del child con le impostazioni corrette e ti permette di personalizzare il CSS con un’interfaccia visuale. Un’altra opzione \u00e8 Generate Child Theme<\/strong>, che crea il child con un solo clic dalla dashboard. Entrambi sono gratuiti e disponibili nel repository ufficiale di WordPress.<\/p>\n Per rendere il tema child riconoscibile nella dashboard, puoi aggiungere un’immagine di anteprima. Crea un file chiamato screenshot.png<\/span> nella cartella del child con dimensioni raccomandate di 1200×900 pixel. Usa uno screenshot del tuo sito personalizzato o una grafica rappresentativa. WordPress mostrer\u00e0 questa immagine nella pagina Aspetto > Temi, rendendo pi\u00f9 facile distinguere il child dal parent.<\/p>\n In alcuni casi, un tema child potrebbe non essere sufficiente. Se il tema parent subisce modifiche strutturali importanti in un aggiornamento (ad esempio, rinomina le funzioni o cambia completamente i template), le tue sovrascritture nel child potrebbero smettere di funzionare. Per questo \u00e8 importante testare gli aggiornamenti del parent in un ambiente di staging<\/strong> prima di applicarli al sito live. Se hai bisogno di personalizzazioni molto profonde, potrebbe essere il momento di valutare un tema custom sviluppato su misura. Un’altra opzione intermedia \u00e8 usare un plugin come Code Snippets<\/strong> per aggiungere funzionalit\u00e0 PHP senza toccare i file del tema, riducendo il rischio di incompatibilit\u00e0.<\/p>\n Se il sito mostra una schermata bianca o errori dopo aver attivato il tema child, controlla che il valore Template<\/span> sia corretto e che il file functions.php<\/span> non contenga errori di sintassi. Se non riesci a risolvere, il team di SoccorsoWP<\/strong> pu\u00f2 configurare il tema child e le personalizzazioni per te. Apri un ticket<\/a> e ti aiutiamo subito.<\/p>\n","protected":false},"excerpt":{"rendered":" Come creare un tema child WordPress: guida passo passo Hai bisogno di modificare il tuo tema WordPress ma hai paura di perdere le personalizzazioni al…<\/p>\n","protected":false},"author":1,"featured_media":25694,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Come creare un tema child WordPress: guida passo passo","_seopress_titles_desc":"Guida completa per creare un tema child WordPress: file necessari, procedura passo passo, errori da evitare e alternative con plugin.","_seopress_robots_index":"","footnotes":""},"categories":[742],"tags":[],"class_list":{"0":"post-25693","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-temi"},"_links":{"self":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/comments?post=25693"}],"version-history":[{"count":1,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25693\/revisions"}],"predecessor-version":[{"id":26183,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25693\/revisions\/26183"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media\/25694"}],"wp:attachment":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media?parent=25693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/categories?post=25693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/tags?post=25693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Cos’\u00e8 un tema child e perch\u00e9 \u00e8 fondamentale<\/h2>\n
Struttura di un tema child: i file necessari<\/h2>\n
\n
Creare il tema child passo passo<\/h2>\n
Passo 1: creare la cartella<\/h3>\n
wp-content\/themes\/twentytwentyfive-child\/<\/pre>\n
Passo 2: creare style.css<\/h3>\n
\/*\nTheme Name:TwentyTwentyFive Child\nTemplate: twentytwentyfive\nDescription: Tema child personalizzato\nAuthor: Il tuo nome\nVersion: 1.0\n*\/\n\n\/* Le tue personalizzazioni CSS vanno qui sotto *\/<\/pre>\n
Passo 3: creare functions.php<\/h3>\n
<?php\nadd_action('wp_enqueue_scripts', function() {\n wp_enqueue_style('parent-style', get_template_directory_uri() . '\/style.css');\n wp_enqueue_style('child-style', get_stylesheet_uri(), ['parent-style']);\n});<\/pre>\nPasso 4: attivare il tema child<\/h3>\n
Come sovrascrivere un file template<\/h2>\n
\n
Personalizzazioni comuni con il tema child<\/h2>\n
\n
Errori comuni da evitare<\/h2>\n
\n
Alternative: plugin per creare temi child<\/h2>\n
Aggiungere uno screenshot al tema child<\/h2>\n
Quando il tema child non basta<\/h2>\n
Serve aiuto con il tema child?<\/h2>\n