Child Themes: cosa sono e come utilizzarli

L’ascesa delle nuove tecnologie e l’uso massiccio dei social network come elemento di comunicazione per utenti e marchi è un fatto che ha rivoluzionato il modo in cui interagiamo. Nonostante ciò, questi canali tendono ad essere gli spazi attraverso i quali si generano i dialoghi. Normalmente è attraverso la formazione di piattaforme blog o siti web che questi dialoghi trovano argomenti supportati.

Avere una presenza digitale attraverso un blog è una grande risorsa per gli utenti e le aziende che cercano di consolidare la propria immagine a livello digitale. E grazie a strumenti come WordPress, tutto questo è stato semplificato, consentendo a chiunque di generare un buon spazio di contenuti. Il problema sorge quando si lavora su un modello e questo viene modificato da un aggiornamento di routine. Come correggere questo problema?

Cosa sono i temi secondari?

Immagina di aver trascorso alcune ore lavorando e modificando un modello WordPress a tuo piacimento. Dopo qualche mese dal tuo desktop potrai verificare un nuovo aggiornamento del template. Successivamente, scoprirai che la parte del design su cui hai impiegato così tante ore a investire è stata modificata. Anche se questo non è altro che un piccolo esempio di cambiamento. In casi come questi puoi utilizzare temi secondari.

I temi secondari sono, come suggerisce il nome, modelli figli di un tema dipendente dal genitore che mantiene la funzionalità originale di quest’ultimo. La differenza con il template figlio è che sebbene acquisisca tutti gli elementi del tema genitore, non viene aggiornato direttamente. Cioè, se lavori su un sito web con modelli figlia e padre, verrà aggiornato solo il modello padre.

Che funzione hanno i temi secondari su un sito web?

Ci sono momenti in cui sviluppiamo un buon web design ma, come nell’esempio precedente, l’installazione di un aggiornamento rovinerà uno dei nostri moduli. Potrebbe anche darsi che tu voglia lavorare in modo indipendente sul codice del tema per apportare qualche modifica alla sua struttura. Per questi casi è interessante utilizzare un modello figlio.

Alcune utilità complementari sarebbero:

-Aggiungere righe di codice per lavorare sul funzionamento di un’applicazione esterna.

-Modificare aspetti del CSS della pagina.

Passaggi per creare un modello figlio

Per spiegare come creare un tema figlio, iniziamo con un modello principale di base. Ad esempio, supponiamo che stiamo lavorando sul nostro sito Web dal tema TwentySeventeen. Pertanto, i passaggi che dovremo seguire saranno i seguenti:

1-Assemblare il modello sul nostro sito WordPress. Dal desktop della piattaforma attiviamo il tema che andremo a utilizzare come base su cui costruire il nostro spazio in rete.

2-Dobbiamo poi accedere all’FTP, cioè il luogo in cui è ospitato il nostro sito web, ed entrare nella cartella “wp-content/themes”. All’interno è dove vengono salvati tutti i modelli che abbiamo installato. Vedremo quindi TwentySeventeen lì.

Bene, è qui che inizieremo a creare il nostro tema figlio. Per fare ciò creeremo una nuova cartella che chiameremo, ad esempio, “twentyseventeen-child”.

3-Entriamo e creiamo due file. Da un lato creeremo un file “style.css” e dall’altro “functions.php”. È possibile creare questi file a partire da un “txt” che rinominiamo con le estensioni corrispondenti.

3.1-Tenendo conto dello stile del modello principale che stiamo utilizzando (TwentySeventeen), dobbiamo copiare il seguente codice nel nostro nuovo “style.css”:

/* Nome del tema: Twenty Seventeen Child URI del tema: http://misitio.com/twenty-seventeen-child/

Descrizione: tema figlio per varie modifiche

Autore: Il mio nome

URI dell’autore: http://miosito.com

Modello: ventisette

Versione: 1.0.0

Licenza: GNU General Public License v2 o successiva

URI della licenza: http://www.gnu.org/licenses/gpl-2.0.html

Tag: chiaro, scuro, due colonne, barra laterale destra, layout responsivo, pronto per l’accessibilità Dominio testo: ventisette-bambini

*/ 3.2-Per il Functions.php copieremo il codice qui sotto:

$parent_style = ‘ventisette-stile’;

$child_style = ‘ventisette-stile-bambino’;

wp_enqueue_style( $parent_style,

get_template_directory_uri() . ‘/stile.css’ );

wp_enqueue_style( $stile_bambino,

get_stylesheet_directory_uri() . ‘/stile.css’,

array( $stile_genitore ),

wp_get_theme()->get(‘Versione’)

);

}

add_action(‘wp_enqueue_scripts’, ‘enqueue_styles_child_theme’);

4-Da qui possiamo caricare il tema figlio come elemento indipendente dal desktop WordPress. È importante ricordare che tutte le modifiche che apportiamo non influenzeranno il modello genitore, ma verranno modificate nel modello figlia.

#### Ti è piaciuto questo articolo? Valutalo!

5 stelle4 stelle3 stelle2 stelle1 stella (2 voti, media: 5,00 su 5)

#### Altri articoli correlati