Child theme WordPress: perché modificare il tema padre è l'errore più costoso

L'errore lo vediamo costantemente: un cliente chiama perché ha aggiornato il tema e il sito è tornato come prima. Le modifiche al CSS, le funzioni custom, le personalizzazioni del template — tutto scomparso. Il motivo è sempre lo stesso: le modifiche erano state fatte direttamente sul tema padre, e l'aggiornamento ha sovrascritto tutto. È l'errore più comune e più costoso che si può fare su WordPress — e il child theme è la soluzione che lo previene.

Un child theme è un tema che eredita le funzionalità e lo stile del tema padre, ma permette di modificarle senza toccare i file originali. Quando il tema padre viene aggiornato, le modifiche del child theme restano intatte. È il modo corretto di personalizzare un tema WordPress — eppure, molti siti non lo usano, o lo usano male.

La struttura minima di un child theme

Un child theme richiede solo due file: style.css e functions.php. Il primo dichiara il tema e il suo genitore, il secondo carica gli stili e aggiunge le funzioni custom. Ecco la struttura minima:

/* style.css — child theme */
/*
Theme Name:   WP Planet Child
Theme URI:    https://www.wp-planet.com/
Description:  Child theme per personalizzazioni custom
Author:       WP Planet
Author URI:   https://www.wp-planet.com/
Template:     twentytwentyfive    ← il nome della cartella del tema padre
Version:      1.0.0
*/

/* Le tue modifiche CSS vanno qui sotto */

Il caricamento degli stili: l'errore che rallenta il sito

L'errore più comune nei child theme è il modo in cui caricano gli stili. Molti tutorial vecchi dicono di usare @import nel style.css del child theme per importare lo stile del padre. Questo è sbagliato per due motivi: è più lento (un'ulteriore richiesta HTTP) e blocca il rendering. Il modo corretto è usare wp_enqueue_style nel functions.php:

<?php
// functions.php — child theme

// SBAGLIATO: @import nel style.css
// @import url('../twentytwentyfive/style.css');
// ↑ Richiesta HTTP aggiuntiva, blocca il rendering

// CORRETTO: enqueue nel functions.php
add_action( 'wp_enqueue_scripts', function() {
    // 1. Carica lo stile del tema PADRE
    wp_enqueue_style(
        'parent-style',
        get_template_directory_uri() . '/style.css',
        array(),
        wp_get_theme()->parent()->get( 'Version' )
    );

    // 2. Carica lo stile del CHILD THEME (dopo il padre, lo sovrascrive)
    wp_enqueue_style(
        'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( 'parent-style' ),  // dipendenza: carica dopo il padre
        wp_get_theme()->get( 'Version' )
    );
} );

// Nota: get_template_directory_uri() = tema padre
//       get_stylesheet_directory_uri() = child theme (o padre se senza child)

Sovrascrivere i template: il vero potere del child theme

Il child theme non è solo per CSS. Il suo potere reale è la sovrascrittura dei template: se copi un file dal tema padre (es. content.php) nel child theme, WordPress usa la versione del child invece di quella del padre. Questo permette di modificare la struttura HTML senza toccare l'originale — e le modifiche sopravvivono agli aggiornamenti.

<?php
// Esempio: sovrascrivere il template di un singolo post
// Copia single.php dal tema padre nel child theme, poi modificalo

// In alternativa, usa gli hook del tema per modifiche più chirurgiche
// (meglio se il tema padre supporta gli hook)

add_action( 'twentytwentyfive_entry_header', function() {
    // Aggiungi un badge personalizzato prima del titolo
    if ( is_single() ) {
        echo '<span class="custom-badge">Guida tecnica</span>';
    }
} );

// Modificare il excerpt length
add_filter( 'excerpt_length', function() {
    return 30; // 30 parole invece del default
} );

// Modificare il read more
add_filter( 'excerpt_more', function() {
    return '… <a href="' . get_permalink() . '">Continua a leggere</a>';
} );

Quando il child theme è sbagliato

Il child theme non è sempre la risposta. Se le tue modifiche sono così estese che il child theme ha più codice del tema padre, stai usando il tema sbagliato. In quel caso, un tema custom costruito da zero è più manutenibile di un child theme con 50 file sovrascritti. Il child theme è per personalizzazioni — non per ricostruire il tema.

Un altro caso in cui il child theme è sbagliato: quando lo usi solo per aggiungere funzioni che non hanno nulla a che fare con il tema. Le funzioni di business logic (integrazioni API, automazioni, logica custom) appartengono a un plugin o a un MU plugin, non al child theme. Il motivo è semplice: se cambi tema, le funzioni nel child theme spariscono. Le funzioni in un plugin restano, qualsiasi tema tu usi.

Il child theme è uno strumento semplice che previene l'errore più costoso di WordPress: perdere le modifiche al primo aggiornamento. Configurato bene — con enqueue corretto, hook preferiti ai template sovrascritti, e business logic nei plugin — è la base di ogni personalizzazione WordPress professionale. Configurato male, è un peso che rallenta il sito e crea conflitti. La differenza è nel metodo.