Come Aggiungere un Tema Child a qualsiasi Tema WordPress: Una Guida Completa

Giugno 14, 2024
Giugno 14, 2024 Magma Marketing

Come Aggiungere un Tema Child a qualsiasi Tema WordPress: Una Guida Completa

come aggiungere il Tema Child a Wordpress

Creare un tema child è un passo cruciale per personalizzare il tuo sito WordPress in modo sicuro. Garantisce che le tue personalizzazioni vengano preservate quando il tema genitore viene aggiornato. In questo articolo, esploreremo due metodi per aggiungere un tema child a qualsiasi tema WordPress: manualmente utilizzando cPanel o FTP, e automaticamente utilizzando plugin di WordPress.

Perché Usare un Tema Child?

Un tema child eredita la funzionalità e lo stile del tema genitore, permettendoti di modificare e ampliare il tema padre senza alterarne i file. Questa pratica è vantaggiosa per diversi motivi:

  • Preservare le Personalizzazioni: Gli aggiornamenti del tema padre non sovrascriveranno le tue modifiche.
  • Sviluppo Sicuro: Se commetti un errore, non influenzerà il tema principale.
  • Facile Ripristino: Puoi facilmente tornare al tema originale se necessario.

 

Parte 1: Aggiungere un Tema Child Manualmente

Utilizzando cPanel

Passo 1: Accesso a cPanel

  1. Accedi al tuo account di hosting e apri cPanel.
  2. Naviga verso il File Manager.

Passo 2: Creazione della Cartella del Tema Child

  1. Nel File Manager, naviga verso `public_html/wp-content/themes`.
  2. Clicca sul pulsante `+ Folder` in alto.
  3. Assegna un nome alla nuova cartella, tipicamente come `nome-tema-padre-child` (es. `twentytwentyone-child`).

Passo 3: Creazione del File style.css

  1. All’interno della nuova cartella del tema child, clicca su `+ File` per creare un nuovo file.
  2. Assegna al file il nome `style.css` e clicca su `Create New File`.
  3. Modifica il file `style.css` e aggiungi il seguente codice:
/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    http://example.com/twenty-twenty-one-child/
 Description:  Twenty Twenty-One Child Theme
 Author:       Il Tuo Nome
 Author URI:   http://example.com
 Template:     twentytwentyone
 Version:      1.0.0
*/

/* Importa il foglio di stile del tema padre */
@import url("../twentytwentyone/style.css");

/* I tuoi stili personalizzati vanno qui */
```

Assicurati che il valore `Template` corrisponda al nome della cartella del tuo tema WordPress genitore.

 

Passo 4: Creazione del File functions.php

  1. Nella cartella del tema child, crea un altro nuovo file e chiamalo `functions.php`.
  2. Modifica il file `functions.php` e aggiungi il seguente codice:
<?php
// Includi gli stili del tema padre
function enqueue_parent_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'enqueue_parent_styles');

Passo 5: Attivazione del Tema Child

    1. Accedi alla dashboard di WordPress.
    2. Vai su `Aspetto > Temi`.
    3. Dovresti vedere, oltre al Tema di WordPress, anche il nuovo tema child elencato. Clicca su `Attiva`.

Utilizzando FTP (FileZilla)

Passo 1: Scaricare FileZilla

FileZilla è un client FTP popolare che puoi usare per gestire i file del tuo sito web. Puoi scaricarlo da qui.

 

Passo 2: Connessione al Tuo Server

  1. Apri FileZilla e inserisci le tue credenziali FTP (host, username, password, porta).
  2. Clicca su `Connessione Rapida`.

 

Passo 3: Creazione della Cartella del Tema Child del Tema di WordPress

  1. Nel pannello del sito remoto, naviga verso `public_html/wp-content/themes`.
  2. Clicca con il tasto destro nella directory e seleziona `Crea Directory`.
  3. Assegna un nome alla directory `nome-tema-padre-child`.

 

Passo 4: Caricamento del File style.css

  1. Sul tuo computer, crea un file chiamato `style.css` con il seguente contenuto:
/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    http://example.com/twenty-twenty-one-child/
 Description:  Twenty Twenty-One Child Theme
 Author:       Il Tuo Nome
 Author URI:   http://example.com
 Template:     twentytwentyone
 Version:      1.0.0
*/

/* Importa il foglio di stile del tema padre */
@import url("../twentytwentyone/style.css");

/* I tuoi stili personalizzati vanno qui */

Carica questo file nella directory del tema child sul tuo server.

 

Passo 5: Caricamento del File functions.php

  1. Sul tuo computer, crea un file chiamato `functions.php` con il seguente contenuto:
<?php
// Includi gli stili del tema padre
function enqueue_parent_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'enqueue_parent_styles');

Carica questo file nella directory del tema child sul tuo server.

 

Passo 6: Attivazione del Child Theme

  1. Accedi alla dashboard di WordPress.
  2. Vai su `Aspetto > Temi`.
  3. Dovresti vedere il nuovo tema child elencato. Clicca su `Attiva`.

 

Parte 2: Aggiungere un Tema Child Automaticamente Utilizzando Plugin di WordPress

 

Se preferisci un metodo più semplice, puoi utilizzare un plugin per crearlo. Ecco due plugin popolari per questo scopo:

 

Child Theme Configurator

One-Click Child Theme

 

Utilizzando Child Theme Configurator

 

Passo 1: Installazione del Plugin

  1. Accedi alla dashboard di WordPress.
  2. Vai su `Plugin > Aggiungi Nuovo`.
  3. Cerca “Child Theme Configurator”.
  4. Clicca su `Installa Ora` e poi su `Attiva`.

 

Passo 2: Creazione del Tema Child

  1. Vai su `Strumenti > Child Themes`.
  2. Seleziona il tema padre dal menu a discesa.
  3. Clicca su `Analyze` per verificare la compatibilità del tema.
  4. Una volta analizzato, clicca su `Create New Child Theme`.
  5. Configura le impostazioni del tema child come necessario e clicca su `Create Child Theme`.

 

Passo 3: Attivazione del Tema Child

  1. Vai su `Aspetto > Temi`.
  2. Dovresti vedere il nuovo tema child elencato. Clicca su `Attiva`.

 

Utilizzando One-Click Child Theme

 

Passo 1: Installazione del Plugin

  1. Accedi alla dashboard di WordPress.
  2. Vai su `Plugin > Aggiungi Nuovo`.
  3. Cerca “One-Click Child Theme”.
  4. Clicca su `Installa Ora` e poi su `Attiva`.

 

Passo 2: Creazione del Tema Child

  1. Vai su `Aspetto > Temi`.
  2. Clicca sul tema che desideri utilizzare come tema padre.
  3. Clicca sulla nuova opzione `Create a Child Theme`.
  4. Inserisci i dettagli per il tuo tema child e clicca su `Create Child`.

 

Passo 3: Attivazione del Tema Child

  1. Vai su `Aspetto > Temi`.
  2. Dovresti vedere il nuovo tema child elencato. Clicca su `Attiva`.

 

 Conclusione

Creare un tema child è una pratica essenziale per chiunque desideri personalizzare il proprio sito WordPress in modo sicuro ed efficace. Che tu scelga di farlo manualmente tramite cPanel o FTP, o automaticamente utilizzando un plugin, il processo è semplice e garantisce che le tue modifiche vengano preservate attraverso gli aggiornamenti del tema.

 

Per guide più dettagliate su come gestire e personalizzare il tuo sito WordPress, resta sintonizzato sul nostro blog. Buon lavoro con i temi!

, , , , , , , ,

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *