Un tema child (o tema figlio) \u00e8 un tema WordPress che eredita funzionalit\u00e0, stili e template da un tema parent (genitore). La modifica diretta del tema parent \u00e8 una cattiva pratica: quando il tema si aggiorna, tutte le personalizzazioni vengono perse. Il tema child protegge le tue modifiche. \u00c8 lo strumento essenziale per personalizzare WordPress in modo sicuro e mantenibile.<\/p>\n
La separazione tra tema child e parent segue il principio DRY (Don’t Repeat Yourself). Il child theme contiene solo le differenze rispetto al parent: qualche file template sovrascritto, CSS aggiuntivo e funzioni personalizzate. Il risultato \u00e8 un tema leggero, facile da aggiornare e che non si rompe con gli aggiornamenti del parent.<\/p>\n
Per creare un tema child, non serve un plugin. Basta creare una cartella in Il file La riga fondamentale \u00e8 Il file La funzione Il tema child \u00e8 indispensabile in tre scenari. Primo: quando devi modificare il CSS di un tema esistente. Le personalizzazioni CSS nel Personalizzatore di WordPress si perdono cambiando tema, mentre quelle nel child sono permanenti. Secondo: quando devi sovrascrivere i template del tema parent copiando il file nella stessa posizione nel child. Terzo: quando devi aggiungere funzioni PHP senza modificare i file del parent.<\/p>\n Non serve un child se il tema parent \u00e8 un block theme FSE (Full Site Editing) che permette tutte le personalizzazioni via editor. In quel caso, le modifiche sono salvate nel database e sopravvivono agli aggiornamenti. Tuttavia, se devi aggiungere PHP personalizzato, il child rimane la scelta migliore.<\/p>\n Il caso d’uso pi\u00f9 comune \u00e8 il CSS personalizzato. Scrivi le tue regole in I template overrides sono la funzione pi\u00f9 potente. Copia un file template dal parent al child mantenendo la stessa struttura di cartelle. Per esempio, copia L’aggiunta di funzioni personalizzate avviene nel Usa sempre il tema child anche per piccole modifiche: la disciplina paga quando il tema parent si aggiorna. Documenta le personalizzazioni nel file Mantieni il child theme minimale. Non copiare l’intero tema parent nel child, ma solo i file che devi effettivamente modificare. Un child theme dovrebbe contenere al massimo 3-5 file: Testa ogni aggiornamento del tema parent in ambiente di staging. Anche se il child \u00e8 stato progettato correttamente, un aggiornamento del parent pu\u00f2 cambiare classi CSS, struttura HTML o funzioni PHP che il tuo child usa. Staging e test prevengono sorprese.<\/p>\n L’errore pi\u00f9 comune \u00e8 dimenticare la riga Altro errore frequente \u00e8 copiare tutto il parent nel child. Oltre a essere inutile, crea problemi: quando il parent si aggiorna, i file obsoleti nel child rimangono attivi. Copia solo i file che devi modificare. Infine, modifica direttamente nel child il Se preferisci un approccio grafico, plugin come Child Theme Configurator e Orbisius Child Theme Creator generano automaticamente il tema child con un’interfaccia a pulsanti. Selezioni il tema parent, clicchi “Crea” e il plugin configura style.css, functions.php e opzionalmente copia i template selezionati. Utile per principianti, ma imparare a creare un child manualmente ti d\u00e0 controllo totale e comprensione profonda del funzionamento.<\/p>\n Il tema child \u00e8 uno strumento fondamentale per chiunque personalizzi WordPress in modo professionale. Protegge le modifiche dagli aggiornamenti, mantiene il codice organizzato e separa le personalizzazioni dal tema base. Creare un child theme richiede pochi minuti, ma risparmia ore di lavoro e potenziali disastri. Ogni sviluppatore WordPress dovrebbe conoscere e usare i temi child come pratica standard.<\/p>\n","protected":false},"excerpt":{"rendered":" Cosa sono i temi child e perch\u00e9 usarli Un tema child (o tema figlio) \u00e8 un tema WordPress che eredita funzionalit\u00e0, stili e template da un tema parent (genitore). La modifica diretta del tema parent \u00e8 una cattiva pratica: quando il tema si aggiorna, tutte le personalizzazioni vengono perse. Il tema child protegge le tue […]<\/p>\n","protected":false},"author":1,"featured_media":2037,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","ai_primary_source":"Studio Immens Blog","visibility_scope":"both","ai_summary":"Cosa sono i temi child e perch\u00e9 usarli Un tema child (o tema figlio) \u00e8 un tema WordPress che eredita funzionalit\u00e0, stili e template da un tema parent (genitore). La modifica diretta del tema parent \u00e8 una cattiva pratica: quando il tema si aggiorna, tutte le personalizzazioni vengono perse. Il tem...","ai_intent":"informative","ai_related_resources":"","ai_priority":5,"ai_entity_type":"Article","ai_is_based_on":"https:\/\/blog.studioimmens.com\/tema-child-wordpress-guida-completa\/","ai_citations":"","ai_mentions":"","ai_speakable_selector":"","ai_chunk_hints":"Tema, child, WordPress:, guida","footnotes":""},"categories":[133],"tags":[],"ai_visibility":[],"class_list":["post-1954","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/comments?post=1954"}],"version-history":[{"count":1,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1954\/revisions"}],"predecessor-version":[{"id":2245,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1954\/revisions\/2245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/media\/2037"}],"wp:attachment":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/media?parent=1954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/categories?post=1954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/tags?post=1954"},{"taxonomy":"ai_visibility","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/ai_visibility?post=1954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\/wp-content\/themes\/<\/code> con due file obbligatori: style.css<\/code> e functions.php<\/code>. La struttura \u00e8 elementare e chiunque pu\u00f2 realizzarla con un editor di testo.<\/p>\nstyle.css<\/code> contiene l’intestazione che WordPress legge per riconoscere il tema. Ecco l’esempio minimo:<\/p>\n\/*
\nTheme Name: Nome del tuo Child
\nTemplate: generatepress
\nTheme URI: https:\/\/tuosito.com
\nAuthor: Il tuo nome
\nDescription: Tema child per personalizzare GeneratePress
\nVersion: 1.0
\n*\/<\/code><\/p>\nTemplate<\/code>: deve corrispondere esattamente al nome della cartella del tema parent. Per esempio, se il tema parent si trova in \/wp-content\/themes\/generatepress\/<\/code>, il Template deve essere “generatepress”. Un errore in questa riga blocca il caricamento del tema.<\/p>\nfunctions.php<\/code> del child ha il compito di caricare il CSS del tema parent. WordPress non lo fa automaticamente. Ecco il codice essenziale:<\/p>\n<?php
\nfunction child_enqueue_styles() {
\n wp_enqueue_style( 'parent-style', get_template_directory_uri() . '\/style.css' );
\n wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '\/style.css', array('parent-style') );
\n}
\nadd_action( 'wp_enqueue_scripts', 'child_enqueue_styles' );
\n?><\/code><\/p>\nget_template_directory_uri()<\/code> punta al tema parent, mentre get_stylesheet_directory_uri()<\/code> punta al child. Enqueue il CSS del parent prima del child per garantire la corretta precedenza degli stili.<\/p>\nQuando usare un tema child<\/h2>\n
Personalizzazioni possibili con il child theme<\/h2>\n
style.css<\/code> del child: sovrascriveranno quelle del parent perch\u00e9 caricate dopo. Per esempio, puoi cambiare i colori del tema, la tipografia, i margini, le dimensioni degli elementi. La cascata CSS favorisce il child, ma a volte serve il modificatore !important<\/code> per forzare la precedenza.<\/p>\nheader.php<\/code> dal parent a [child-theme]\/header.php<\/code> e modificalo: WordPress user\u00e0 automaticamente la versione del child. Puoi sovrascrivere qualsiasi template: single.php<\/code> per i singoli post, page.php<\/code> per le pagine, archive.php<\/code> per gli archivi, functions.php<\/code> per le funzioni.<\/p>\nfunctions.php<\/code> del child. Qui puoi registrare sidebar, creare shortcode, aggiungere tipi di post personalizzati, modificare le dimensioni delle immagini, registrare menu di navigazione e molto altro. Le funzioni del child vengono caricate dopo quelle del parent, quindi puoi disabilitare funzioni del parent usando remove_action()<\/code> e remove_filter()<\/code>.<\/p>\nBest practice per la manutenzione<\/h2>\n
style.css<\/code> usando commenti: descrivi cosa hai modificato e perch\u00e9. Questo aiuta te e altri sviluppatori a capire la storia del progetto.<\/p>\nstyle.css<\/code>, functions.php<\/code> e uno o due template sovrascritti. Pi\u00f9 file significa pi\u00f9 complessit\u00e0 e maggiori possibilit\u00e0 di conflitto con gli aggiornamenti del parent.<\/p>\nErrori comuni da evitare<\/h2>\n
Template<\/code> in style.css. Senza di essa, WordPress non riconosce il child come tale e mostra un errore. Secondo errore: non includere il CSS del parent in functions.php. Il tema child eredita logica e template ma non gli stili: devi caricarli esplicitamente.<\/p>\nfunctions.php<\/code> del parent: se devi rimuovere una funzione del parent, usa remove_action()<\/code> invece di copiare tutto il file.<\/p>\nPlugin per temi child<\/h2>\n
Conclusioni<\/h2>\n