3 modi per creare un Tema Child in WordPress

3 modi per creare un tema child in WordPress

Creare un Tema Child – Premessa

In questo articolo scoprirai 3 modi per creare un Tema Child in WordPress. Ma che cos’è un Tema Child e a che serve? Devi sapere che qualsiasi Tema Grafico in WordPress (detto anche Template) ha delle funzionalità prestabilite, preimpostate dall’autore del Tema, che non sempre rispondono alle nostre necessità.

Ad esempio può capitare che non ci soddisfi l’impaginazione, o che alcune parti di esso non siano adeguatamente tradotte in italiano, o che un modulo di contatto non abbia l’aspetto che ci eravamo prefissi, etc. I motivi possono essere i più svariati.

Ed è qui che entra in gioco il Tema Child: potrai apportare tutte le personalizzazioni (ultimamente va in voga l’anglicismo “customizzazioni”) che vorrai senza rischiare di perderle non appena aggiornerai il Tema Padre (parent theme, in inglese).

 

 

#1 – Creiamo i file style.css e functions.php

La procedura è facilissima e ti assicuro che basteranno pochi minuti. In pratica dovrai creare due semplici file di testo, come ti mostro qui di seguito:

  1. Crea il file style.css: apri un editor di testo (va benissimo anche il blocconote), vai su File > Salva con nome > Salva come tutti i file > style.css > Salva.
    3 modi per creare un Tema Child - style-css
  2. Crea il file functions.php: stessa procedura di prima, cambiano solo il nome e l’estensione del file.

Per la Codifica, scegli utf-8 anziché ansi o unicode.

Ecco il codice che dovrai inserire nel file style.css

Puoi editare ogni riga a tuo piacimento, ma quelle decisamente fondamentali sono:

  1. Theme URI: inserisci il percorso del tuo Tema Child
  2. Template: inserisci il nome del tuo Tema Padre. IN MINUSCOLO!
  3. Version: richiesto da WP 5 in poi
  4. Text Domain: il nome del Tema Padre seguito dal suffisso -child

Ponendo per esempio che il tuo Tema Child si basi su Twenty Twent-Two, avrai queste impostazioni:

In basso potrai aggiungere tutte le tue modifiche css, che andranno a eseguire l’override (sovrascrittura) sul Tema Padre anche dopo l’update di quest’ultimo.

Ed ecco il codice che dovrai inserire nel file functions.php

Edita solo la terza riga, inserendo tra gli apostrofi il nome del tuo Tema Padre in minuscolo e Salva. Ponendo che il Tema Padre sia twentyseventeen, scriverai twentyseventeen al posto di nome-tema. Salva.

Adesso crea la cartella ove risiederanno i due file style e functions. Per convenzione, si dà alla cartella il nome del Tema Padre col suffisso -child. Ad esempio twentyseventeen-child.

All’interno di questa cartella risiederanno, inoltre, tutti i file a cui hai necessità di apportare modifiche (ad esempio page.php, single.php, header.php etc) e rimarrano invariati anche dopo l’aggiornamento del Tema Padre, preservando così tutte le personalizzazioni da te introdotte.

N.b. per utenti avanzati: Il file style.css va a sovrascrivere il file originale del Tema Padre. Il file functions.php, invece, non sovrascrive il file originale, bensì viene eseguito “in addition“, ossia in aggiunta al primo. Pertanto assicurati di NON definire le stesse funzioni del Tema Padre. Generalmente si usa il prefisso “child-” per non incorrere in errori.

Fonte: https://developer.wordpress.org/themes/advanced-topics/child-themes/#3-enqueue-stylesheet

[Torna all’indice]

Adesso Carica il Tema Child via FTP

Carica il Tema Child via FTP

Ok, il Tema Child è realizzato. Adesso non rimane che eseguire l’Upload del nuovo tema in wp-content/themes/, attraverso il Panello di controllo del tuo Provider di Hosting, oppure tramite un Client FTP. Se non sai che cos’è e vuoi scoprirlo, leggi il nostro articolo sul protocollo FTP.

Prima di procedere, ricorda di inserirvi tutti quei files a cui hai apportato modifiche (single.php, header.php etc). In particolare rispetta l’ordine delle directory: se un file del Tema Padre risiede, ad esempio, in /twentyseventeen/assets/file.php, nel Tema Child avrà il percorso /twentyseventeen-child/assets/file.php

[Torna all’indice]

Carica il Tema Child manualmente (senza FTP)

Una valida alternativa, molto più celere, è quella di creare un file zip del tuo Tema Child e caricarlo mediante l’Upload nativo in WordPress. Quindi, se hai già creato il Tema, non rimane che zipparlo (con estensione .zip e NON .rar, .7z etc) e procedere in questo modo:

Menù > Aspetto > Temi > Carica Tema > Sfoglia > Installa ora

Carica il Tema Child via WordPress

Una volta caricato, ti suggerisco di utilizzare lo strumento “Anteprima” prima di attivarlo.

 

Hai poco tempo o poca voglia? Ecco un regalo per te!

 

Abbiamo realizzato un Tema Child con alcuni miglioramenti di codice che si adatta a tutti i Temi WordPress. Segui le istruzioni all’interno del file zip (56 kb) e in meno di due minuti avrai il tuo Tema Child operativo e funzionante.

[Torna all’indice]

#2 – Funzione @import in style.css

Sebbene sia il più diffuso, questo metodo è ormai considerato “superato” e in genere sconsigliato, in quanto la funzione @import impiega più tempo (parliamo frazioni di secondo o poco più) a caricare tutte le specifiche del file originale style.css. Quindi anche noi suggeriamo sempre il primo metodo, testé descritto.

Ma a scopo puramente informativo, illustreremo il modo con cui poter realizzare un Tema Child altrettanto funzionante per il tuo Sito Web.

In questo caso bisogna creare “solo” un file, cioè style.css, ed aggiungervi le stesse informazioni viste sopra + la funzione @import, in questo modo:

Anche qui stesso discorso di prima: edita Theme URI, Template e sostituisci nome-tema col nome del Tema Padre, sempre scritto in minuscolo.

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

Anche in questo caso puoi caricare il Tema Child via FTP o via Upload WordPress (in zip).

[Torna all’indice]

#3 – Genera il Tema Child via Plugin

E infine, per chi volesse scegliere la via più comoda e rapida, vi è la possibilità di creare un Tema Child in WordPress con un semplice plugin. Ne esistono di svariati, ognuno con le sue peculiarità.

Noi suggeriamo un plugin facilissimo, alla portata di tutti:

Child Theme Creator by Orbisius

In un solo click creerai il tuo Tema Child. Ecco l’anteprima:

creare un Tema Child in WordPress via plugin

[Torna all’indice]

Altri plugin per creare un Tema Child in WordPress

  1. Child Theme Configurator
  2. WPS Child Theme Generator
  3. Childify Me

Se per qualche motivo dovessi trovare difficoltà col primo, prova a testarne altri. Questa rimane comunque, a nostro avviso, la scelta “peggiore” per ottenere un Tema Child. I plugin hanno il “vizietto” di caricare funzioni php, file css, file javascript etc, che da un lato risolvono un problema ma dall’altro rallentano il caricamento delle pagine del tuo Sito Web.

Quindi ricorri ai plugin – in generale e non solo in questo caso – quando non puoi proprio farne a meno.

[Torna all’indice]

Conclusione

Forse qualcuno potrebbe pensare ad una “soluzione” bizzarra:

«Io non aggiorno il Tema Genitore e così non devo fare tutto ‘sto sbattimento!»

Sarebbe un pessimo errore perchè, così facendo, si perderebbero tutti gli aggiornamenti del Tema, che riguardano più che altro la sicurezza, la stabilità e la conformità del Tema alle nuove versioni di WordPress (oltre che alle nuove versioni del linguaggio php e database MySql, su cui opera WordPress).

Adesso mostraci il Tuo Tema Child! Enjoy! 😉

Condividi sui Social


 

LIBRI AMAZON

 

Hobby per adulti e ragazzi

► ► ►

  • Il Caso Umano - diario, hobby e quiz umoristici

    Il Caso Umano
    Hobby e Quiz Umoristici
    per adulti

  • Libro Presolare Pregrafismo

    Libro Prescolare
    di Pregrafismo
    Età 4-6 anni

  • Pazza Inter Amala

    Libro Interattivo
    Pazza Inter Amala!
    Età 6-10 anni

  • Mitica Juve!

    Libro Interattivo
    Mitica Juve
    Età 6-10 anni

  • Diavoli Rossoneri

    Libro Interattivo
    Diavoli Rossoneri
    Età 6-10 anni

   

Letture per bambini e ragazzi

► ► ►

  • Dalla Scuola alle Stelle - Libro STEM

    Dalla Scuola alle Stelle
    Il Viaggio Spaziale
    di 3 Piccoli Astronauti

  • Il dominio di NAI

    Il dominio di NAI
    Thriller distopico
    Anima Fabula

  • Il Sogno Bianconero

    Il Sogno Bianconero
    Anima Fabula

  • Amala! Il Sogno di un Giovane Interista

    Amala!
    Il Sogno di un
    Giovane Interista

  • Le Avventure del Bosco Magico

    Le Avventure del
    Bosco Magico
    21 Favole illustrate

  • Il fu Matteuccio

    Il fu Matteuccio
    Favola illustrata

  • La Grande Avventura di Lilli

    La Grande Avventura di
    Lilli e i suoi amici
    Favola per bambini

  • Storie della Buonanotte

    Storie della Buonanotte
    Raccolta di 40 Favole
    Anima Fabula

 

Potrebbero interessarti anche...



Lascia un commento

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