Hai mai perso tutte le personalizzazioni del tuo tema WordPress dopo un aggiornamento? \u00c8 una delle situazioni pi\u00f9 frustranti per chi gestisce un sito. La soluzione esiste e si chiama tema child<\/strong> (o tema figlio): un tema che eredita tutto dal tema principale ma ti permette di aggiungere modifiche che non verranno mai sovrascritte dagli aggiornamenti. In questa guida ti spiego come creare un tema child WordPress<\/strong> da zero, passo dopo passo, anche se non hai esperienza di sviluppo.<\/p>\n Un tema child<\/strong> \u00e8 un tema WordPress che funziona in coppia con un tema genitore (parent theme). Il child theme non contiene tutto il codice del tema: eredita automaticamente stili, template e funzionalit\u00e0 dal genitore. Tu aggiungi nel child theme solo le modifiche che vuoi apportare.<\/p>\n Perch\u00e9 \u00e8 importante:<\/p>\n Senza un child theme, hai due opzioni poco appetibili: modificare direttamente il tema genitore (e perdere tutto al prossimo aggiornamento) oppure non aggiornare mai il tema (e restare esposto a vulnerabilit\u00e0 di sicurezza). Il child theme elimina questo dilemma. Creare un child theme richiede meno di 5 minuti e ti fa risparmiare ore di lavoro perso nel lungo periodo.<\/p>\n Un tema child richiede al minimo solo due file<\/strong>. Collegati al server via FTP o dal file manager del tuo hosting e vai nella cartella wp-content\/themes\/<\/span>. Crea una nuova cartella con un nome descrittivo, ad esempio:<\/p>\n La convenzione \u00e8 usare il nome del tema genitore seguito da -child<\/span>.<\/p>\n All’interno della cartella del child theme, crea un file style.css<\/span> con questa intestazione:<\/p>\n La riga fondamentale \u00e8 Template<\/strong>: deve corrispondere esattamente al nome della cartella del tema genitore (attenzione alle maiuscole). \u00c8 questo che dice a WordPress quale tema usare come base. Sotto l’intestazione puoi aggiungere il tuo CSS personalizzato:<\/p>\n Il secondo file obbligatorio \u00e8 functions.php<\/span>. Il suo scopo principale \u00e8 caricare correttamente gli stili del tema genitore<\/strong>:<\/p>\n Questo codice carica prima il CSS del tema genitore e poi il CSS del child theme, permettendo alle tue regole CSS di sovrascrivere quelle del genitore. \u00c8 importante usare wp_enqueue_style()<\/span> anzich\u00e9 @import<\/span> nel CSS: \u00e8 pi\u00f9 performante e il metodo raccomandato da WordPress.<\/p>\n Ora che hai i due file, il child theme \u00e8 pronto. Vai nel pannello WordPress in Aspetto \u2192 Temi<\/em>: dovresti vedere il tuo child theme nella lista. Clicca “Attiva”<\/strong>. Il sito manterr\u00e0 esattamente lo stesso aspetto di prima, perch\u00e9 il child theme eredita tutto dal genitore. Da questo momento in poi, ogni personalizzazione andr\u00e0 fatta nel child theme.<\/p>\n Se il child theme non appare nella lista, verifica che:<\/p>\n Il child theme non serve solo per il CSS. Puoi sovrascrivere qualsiasi file template<\/strong> del tema genitore semplicemente copiandolo nella cartella del child theme con lo stesso nome e la stessa struttura di cartelle.<\/p>\n Esempio pratico: vuoi modificare il layout dell’header.<\/p>\n Questo funziona per qualsiasi file template: footer.php<\/span>, single.php<\/span>, page.php<\/span>, archive.php<\/span>, eccetera. Se un template si trova in una sottocartella nel tema genitore (es. template-parts\/content.php<\/span>), ricrea la stessa struttura di cartelle nel child theme.<\/p>\n Il file functions.php<\/span> del child theme viene caricato prima<\/strong> di quello del genitore. Questo ti permette di aggiungere hook, filtri e funzioni personalizzate. Alcuni esempi pratici:<\/p>\n Ogni funzione che aggiungi nel functions.php<\/span> del child theme sopravviver\u00e0 agli aggiornamenti del tema genitore.<\/p>\n Se preferisci non creare i file manualmente, esistono plugin che automatizzano il processo:<\/p>\n Questi plugin sono utili per iniziare, ma per personalizzazioni avanzate dovrai comunque modificare i file manualmente. Un consiglio: dopo aver creato il child theme con un plugin, puoi disinstallare il plugin stesso perch\u00e9 il child theme continuer\u00e0 a funzionare indipendentemente.<\/p>\n Se hai bisogno di modifiche complesse al tema, integrazioni personalizzate o vuoi creare un child theme per un progetto articolato, il team di SoccorsoWP<\/strong> pu\u00f2 assisterti. Creiamo child theme su misura, ottimizziamo il codice e ci assicuriamo che le personalizzazioni funzionino perfettamente con gli aggiornamenti futuri del tema genitore. Apri un ticket<\/a> e affida le personalizzazioni a chi le fa ogni giorno.<\/p>\n","protected":false},"excerpt":{"rendered":" Come creare un tema child WordPress: guida pratica per personalizzare senza rischi Hai mai perso tutte le personalizzazioni del tuo tema WordPress dopo un aggiornamento?…<\/p>\n","protected":false},"author":1,"featured_media":25631,"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 pratica per personalizzare senza rischi","_seopress_titles_desc":"Impara a creare un tema child WordPress in 5 minuti: proteggi le personalizzazioni CSS, template e funzioni PHP dagli aggiornamenti del tema genitore.","_seopress_robots_index":"","footnotes":""},"categories":[742],"tags":[],"class_list":{"0":"post-25630","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\/25630","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=25630"}],"version-history":[{"count":0,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25630\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media\/25631"}],"wp:attachment":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media?parent=25630"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/categories?post=25630"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/tags?post=25630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Cos’\u00e8 un tema child e perch\u00e9 ti serve<\/h2>\n
\n
Passo 1: crea la cartella del tema child<\/h2>\n
\n
Passo 2: crea il file style.css<\/h2>\n
\/*\nTheme Name: Flavor Child\nTheme URI: https:\/\/tuosito.it\nDescription: Tema child personalizzato per Flavor\nAuthor: Il tuo nome\nAuthor URI: https:\/\/tuosito.it\nTemplate: flavor\nVersion: 1.0.0\n*\/<\/pre>\n
\/* Le tue personalizzazioni CSS *\/\nh1 {\n color: #333333;\n}\n.site-header {\n background-color: #f5f5f5;\n}<\/pre>\nPasso 3: crea il file functions.php<\/h2>\n
<?php\n\/\/ Carica gli stili del tema genitore e del child theme\nfunction flavor_child_enqueue_styles() {\n wp_enqueue_style('parent-style',\n get_template_directory_uri() . '\/style.css');\n wp_enqueue_style('child-style',\n get_stylesheet_directory_uri() . '\/style.css',\n array('parent-style'));\n}\nadd_action('wp_enqueue_scripts',\n 'flavor_child_enqueue_styles');<\/pre>\nPasso 4: attiva il tema child<\/h2>\n
\n
Come personalizzare i template del tema<\/h2>\n
\n
Aggiungere funzionalit\u00e0 PHP personalizzate<\/h2>\n
Aggiungere un Google Analytics<\/h3>\n
function child_add_analytics() {\n echo '<!-- Google tag (gtag.js) -->';\n echo '<script async src=\"...\">';\n \/\/ Il tuo codice di tracciamento\n}\nadd_action('wp_head', 'child_add_analytics');<\/pre>\nRimuovere un elemento del genitore<\/h3>\n
\/\/ Rimuovi la sidebar dalla pagina prodotto\nfunction child_remove_sidebar() {\n if (is_product()) {\n remove_action('flavor_sidebar',\n 'flavor_get_sidebar');\n }\n}\nadd_action('wp', 'child_remove_sidebar');<\/pre>\nAggiungere dimensioni immagine personalizzate<\/h3>\n
function child_custom_image_sizes() {\n add_image_size('card-thumb', 800, 450, true);\n}\nadd_action('after_setup_theme',\n 'child_custom_image_sizes');<\/pre>\nErrori comuni da evitare con i temi child<\/h2>\n
\n
Plugin alternativi per creare un child theme senza codice<\/h2>\n
\n
Hai bisogno di personalizzazioni avanzate? Ti aiutiamo noi<\/h2>\n