Mydigi.it

Per evitare di mandare in tilt il nostro sito WordPress ad ogni aggiornamento, è necessario operare in modo diverso quando si sceglie di fare modifiche al tema in uso. Il modo più intelligente è quello di creare un tema Child o tema Figlio.

Cosa significa tema Child?

Immagina di inserire un tema all’interno di un tema, il tema principale fornisce al figlio tutte le caratteristiche base ma il figlio contiene esclusivamente le parti di codice che tu decidi di modificare, wordpress da precedenza al tema figlio che contiene le tue personalizzazioni e per tutto il resto del codice utilizza il tema Padre (o madre) principale.

In questo modo, se si rende necessario aggiornare il tema vengono solo modificati i file del tema principale mentre il file con le tue modifiche contenute nel figlio rimangono invariate anche se viene effettuato un aggiornamento.

Per creare un tema figlio occorre fare alcune semplici operazioni, per questo serve un accesso FTP ai file del tuo sito o almeno un accesso via Cpanel o altro forniti dal tuo provider.

1. All’interno della cartella temi ( /wp-content/themes ) crea una cartella che si chiami con il nome del tema genitore con l’aggiunta di -child ( ad esempio twentyseventeen-child )
2. Ora all’interno della cartella del tema figlio che hai creato, inserisci un file chiamato style.css ( wp-content/themes/twentyseventeen-child/style.css )
3. All’interno del file devi inserire il alcune parti che servono a far riconoscere a WordPress il tema figlio, inserisci quindi :

   /*
   Theme Name: Twenty Seventeen Figlio
   Description: Child Theme del tema Twenty Seventeen
   Author: nomeautore
   Author URI: http://www.tuosito.it/
   Template: twentyseventeen
   Version: 0.1
   */
   
   @import url("../twentyseventeen/style.css");

Ma cosa sono queste informazioni?

• Theme Name : con questo parametro creiamo il nome del tema Child, che comparirà anche nella sezione Aspetto/Temi del pannello di WordPress;
• Template : in questo campo dobbiamo indicare il nome  esatto del tema genitore, basta trascriverlo in modo preciso dal nome della cartella ;
• @import url : importante, qui è dove definiamo il percorso del foglio di stile css del tema genitore, qui devi prestare attenzione ad inserire il percorso corretto, utilizzando gli apici dritti e non curvi , altra cosa importante devi scrivere il percorso al file css dopo due puntini partendo dalla cartella del tema Genitore.

Ovviamente devi caricare il file via FTP ( o file manager ), a questo punto se vai nelle impostazioni della tua installazione di WordPress vedrai comparire il tema che hai appena creato!

Operazioni opzionali

Come noterai al tema non è associata una immagine di anteprima. Se vuoi inserirla (ma non è indispensabile!) crea e carica un’immagine di dimensioni 300×250 px e con nome screenshot.jpg all’interno della cartella del tema Child. ( esempio wp-content/themes/twentyseventeen-child/screenshot.jpg )

Ora non ti resta che attivare il nuovo tema , ovviamente non vedrai alcuna differenza perche il tema carica le impostazioni del tema originale ma resta in “attesa” di tutte le modifiche che vorrai aggiungere all’interno della cartella del tuo tema figlio.

A questo punto se ad esempio vuoi cambiare del codice css ti basterà aprire il file style.css del tema figlio e inserire all’interno le tue modifiche, il tuo codice sovra-scriverà quello del tema principale! Il codice va inserito sotto la riga

@import url(“../twentyseventeen/style.css”);

Lo stesso modo di operare del file css vale per tutti i file php del tema, quindi se ad esempio vuoi modificare il file header.php basta copiarlo all’interno del tuo tema figlio, le modifiche che farai non verranno sovra-scritte durante l’aggiornamento del tema principale!