Come creare un tema child in WordPress

WordPress è una delle piattaforme più popolari per la creazione di siti web grazie alla sua flessibilità e alla vasta disponibilità di temi e plugin. Tuttavia, chiunque abbia mai voluto personalizzare un tema sa bene che modificare direttamente i file di un tema principale (parent theme) non è una buona idea. Questo perché, al primo aggiornamento del tema, tutte le modifiche andrebbero perse. Qui viene in soccorso il tema child.

---

Che cos’è un tema child in WordPress?

• Il tema child contiene solo i file che desideri modificare.
• Il tema parent resta intatto e può essere aggiornato senza perdere le modifiche.
• Le personalizzazioni sono centralizzate in un tema sicuro e separato.

---

Perché usare un tema child?

1. Sicurezza negli aggiornamenti
   Puoi aggiornare il tema principale senza rischiare di perdere le tue personalizzazioni.
2. Flessibilità
   Puoi modificare CSS, funzioni PHP o template specifici senza compromettere la stabilità del sito.
3. Apprendimento
   È un ottimo modo per imparare come funziona WordPress e come i temi interagiscono con i file.
4. Backup semplificato
   Tutte le modifiche sono raccolte in una cartella separata, facile da esportare e salvare.

---

Cosa serve per creare un tema child

• Un sito WordPress attivo.
• Un tema parent installato (ad esempio Astra, GeneratePress, Hello Elementor, ecc.).
• Accesso al file manager del tuo hosting o un client FTP (come FileZilla).
• Un editor di testo (come VS Code o Sublime Text).

---

Passo 1 – Creare la cartella del tema child

1. Vai nella directory dei temi: wp-content/themes/
2. Crea una nuova cartella con un nome chiaro, ad esempio: astra-child

---

Passo 2 – Creare il file style.css

/*
 Theme Name:   Astra Child
 Theme URI:    https://esempio.com/astra-child
 Description:  Tema child per Astra
 Author:       Il tuo nome
 Author URI:   https://esempio.com
 Template:     astra
 Version:      1.0.0
*/

/* Qui puoi inserire il tuo CSS personalizzato */

• Theme Name → Il nome che comparirà nella bacheca di WordPress.
• Template → Deve corrispondere esattamente al nome della cartella del tema parent (astra in questo esempio).
• Gli altri campi sono opzionali ma consigliati.

---

Passo 3 – Creare il file functions.php

<?php
function astra_child_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style') );
}
add_action( 'wp_enqueue_scripts', 'astra_child_enqueue_styles' );

1. Caricare prima lo stile del tema parent.
2. Caricare poi lo stile del child, in modo che le tue modifiche abbiano la priorità.

---

Passo 4 – Attivare il tema child

1. Vai su Aspetto → Temi.
2. Dovresti vedere comparire il nuovo tema Astra Child (o il nome che hai scelto).
3. Clicca su Attiva.

---

Passo 5 – Personalizzare il tema child

1. Aggiungere CSS personalizzato

body {
  background-color: #f9f9f9;
}

h1, h2, h3 {
  font-family: 'Roboto', sans-serif;
  color: #333;
}

2. Sovrascrivere i file del parent

3. Aggiungere funzioni personalizzate

function custom_footer_text() {
    echo '<p>© ' . date('Y') . ' - Tutti i diritti riservati</p>';
}
add_action('wp_footer', 'custom_footer_text');

---

Passo 6 – Buone pratiche

• Mantieni il parent aggiornato: gli update del tema parent sono fondamentali per la sicurezza.
• Non copiare file inutili: aggiungi solo i file che vuoi modificare.
• Usa i commenti: annota le modifiche nel tuo CSS o PHP per ricordare cosa hai cambiato.
• Testa prima in staging: se possibile, prova le modifiche su un sito di test prima di applicarle in produzione.

---

Errori comuni da evitare

• Scrivere un nome sbagliato nel campo Template del style.css.
• Dimenticare di caricare lo stile del parent nel functions.php.
• Modificare i file direttamente nel tema parent.
• Usare spazi o caratteri speciali nel nome della cartella del tema child.

---

Alternative al tema child

• CSS personalizzato da Customizer → utile per piccole modifiche di stile.
• Plugin → Child Theme Configurator
• Plugin di snippet PHP → come Code Snippets, per aggiungere funzioni senza modificare functions.php.
• Theme Builder → plugin come Elementor Pro o Divi permettono di creare template personalizzati senza codice.

---

Ottimizzare il tema: la base per un sito WordPress solido