Che cos'è un tema figlio e come crearne uno in WordPress

Introduzione

I temi child di WordPress sono temi che collaborano con un tema WordPress reale (genitore) e ne ereditano tutte le funzioni, le caratteristiche e lo stile. I temi figlio di WordPress sono il metodo principale per personalizzare i temi.

Il concetto di tema genitore-figlio è stato sviluppato dal tema principale di WordPress per consentire agli utenti di personalizzare i loro temi in modo efficiente e sicuro. Come tutti sappiamo, i temi di WordPress vengono aggiornati regolarmente. Quando un tema viene aggiornato, tutte le modifiche personalizzate apportate in precedenza vengono sovrascritte. In precedenza, non era possibile aggiornare un tema WordPress senza perdere queste modifiche personalizzate. Gli utenti avevano due opzioni: sprecare i loro sforzi e perdere il loro lavoro, oppure esporre il loro sito a rischi di sfruttamento a causa delle vulnerabilità di sicurezza del tema obsoleto. A differenza dei temi padre, i temi figli consentono alle personalizzazioni di rimanere separate e non influenzate dall'aggiornamento del tema padre.

Quando dovrebbe utilizzare un tema figlio di WordPress?

Innanzitutto, deve sapere che non tutti i temi WordPress sono stati sviluppati secondo il concetto di tema genitore-figlio. I temi WordPress padre sono spesso definiti framework di temi, che contengono i propri ganci e filtri. Deve scegliere con attenzione il tema padre e assicurarsi che sia facile da usare e che funzioni correttamente quando viene configurato come tema figlio.

In secondo luogo, deve determinare lo scopo della creazione di un tema figlio. Ci sono situazioni in cui questa non è la soluzione più efficace, a seconda di ciò che vuole ottenere.

Se utilizza un tema personalizzato che è stato sviluppato appositamente per lei, non è essenziale creare un tema figlio, in quanto non c'è il rischio che le sue modifiche vadano perse. Non consideri questo come una raccomandazione a non utilizzare un tema figlio, ma come una possibile opzione. Se non vuole modificare direttamente i file del tema, può optare per un tema figlio se il suo tema personalizzato consente tale configurazione. Inoltre, la modifica dei file del tema è sempre associata ad un certo rischio, soprattutto se non è uno sviluppatore esperto.

Se il suo obiettivo è aggiungere una funzionalità specifica piuttosto che effettuare personalizzazioni legate al design, l'utilizzo di un plugin o la codifica di un plugin potrebbero essere un approccio più appropriato. In questo scenario, può mantenere la funzionalità se decide di passare dal tema attuale ad un altro. Tuttavia, se la funzionalità è implementata nel tema figlio, andrà persa.

Come funziona un tema figlio di WordPress?

Come già detto, il tema figlio eredita il design e la funzionalità del tema padre, ma come funziona esattamente?

Il tema figlio contiene delle istruzioni speciali che indicano a WordPress che si tratta di un tema figlio e che è il tema attuale. Tema dei genitori è. WordPress utilizza quindi il codice del tema padre e sovrascrive solo le parti necessarie con il codice definito nel tema figlio.

Ogni tema figlio deve avere due file necessari: un file di foglio di stile (style.css) e un file di funzioni (functions.php). Il file del foglio di stile contiene un testo commentato che indica a WordPress che si tratta di un tema figlio e quale è il tema padre. Il file di funzioni contiene una funzione che mappa il foglio di stile del tema genitore in modo che il foglio di stile del tema figlio venga caricato per primo. Viene anche utilizzato per aggiungere alcune funzioni inserendo il codice necessario nel file.

A seconda di ciò che desidera ottenere, potrebbe essere necessario creare file aggiuntivi nel tema figlio, ad esempio file di template, parti di template, file di inclusione, ecc.

La sfida più grande quando si lavora con i temi figlio è probabilmente imparare ad usarli. I framework robusti richiedono una certa familiarità, in quanto ogni framework ha i propri ganci e filtri.

Prima di iniziare la creazione vera e propria di un tema figlio, consigliamo vivamente di lavorare su un sito web di sviluppo o di staging. Fortunatamente, qui in ORC Webhosting GmbH, offriamo uno staging WordPress con un solo clic, in modo che possa facilmente testare tutto prima di inviarlo al suo sito web di produzione.

Creare un tema subordinato

Per creare un tema figlio WordPress di base, deve creare i due file necessari sopra menzionati (foglio di stile e file di funzione) in una nuova cartella indipendente.

Questa guida fornisce un esempio utilizzando il tema standard di WordPress Twenty Twenty.

Creare una cartella per un tema figlio

Innanzitutto, è necessario creare una nuova cartella per i file del tema figlio. Questa cartella deve trovarsi nella directory dei temi di WordPress (wp-content/themes). Si consiglia di dare alla cartella il nome del tema genitore, seguito da "-child", ad esempio "twentytwenty-child".

Può creare una nuova cartella con il nome inserito in Gestore di file integrato in cPanel o con il suo client FTP preferito.

Creare un file di foglio di stile

Dopo aver creato la nuova cartella, deve creare un file con il nome style.css.

Questo file contiene le regole CSS che controllano l'aspetto del suo tema. Deve includere il seguente commento di intestazione, che contiene informazioni di base sul tema e indica a WordPress che si tratta di un tema figlio del tema padre definito.

/*
Nome del tema: Twenty Twenty Child
URI del tema: http://meinewebseite.ch
Descrizione: Tema per bambini Twenty Twenty
Autore: John Smith
URI autore: http://meinewebseite.ch
Modello: twentytwenty
Versione: 1.4
Licenza: GPLv2 o successiva
URI della licenza: http://www.gnu.org/licenses/gpl-2.0.html
Tag: blog, monocolonna, sfondo personalizzato, colori personalizzati, logo personalizzato, menu personalizzato, stile editor, immagini in evidenza, footer-widgets, full-width-template, supporto lingua rtl, sticky-post, opzioni tematiche, commenti filettati, pronto per la traduzione, block-styles, wide-blocks, pronto per l'accessibilità
*/

Se scrive il commento al file stile.css Se desidera inserire un nuovo argomento, si assicuri di inserirlo in alto e di sostituire i dettagli con le informazioni del suo argomento.

I dettagli più importanti a cui deve prestare attenzione sono i seguenti:

Nome dell'argomento - Deve assegnare all'argomento subordinato un nome univoco.
Modello - Deve inserire il nome della directory del tema padre. Questa riga esiste solo nei temi subordinati e non funzionerà correttamente senza di essa. Nel nostro caso, la directory del tema è "twentytwenty". Se utilizza un tema diverso, si assicuri di sostituire questa riga di conseguenza. Può verificarlo in wp-content/themes.

Troverà i dettagli rimanenti nel suo Dashboard di amministrazione di WordPress > Visualizza > Temi > Dettagli del tema.

Se modifica i dettagli come richiesto, si assicuri di salvare il file.

Creare un file di funzione

Per garantire che gli stili del tema principale siano integrati correttamente, è necessario creare un nuovo file chiamato functions.php nella directory del tema figlio. In caso contrario, il tema figlio apparirà senza stile e non corretto.

Il metodo ideale per caricare i fogli di stile enqueuing è che il tema padre carichi i fogli di stile di entrambi i temi padre e figlio. Tuttavia, non tutti i temi WordPress lo fanno. Pertanto, deve controllare il codice del tema genitore per scoprire come funziona e scoprire il nome dell'handle che il tema genitore utilizza. L'handle è il primo parametro della funzione wp_enqueue_style().

Se il progetto padre carica lo stile con una funzione che inizia con get_template il progetto figlio deve solo caricare gli stili figli tramite l'handle dell'elemento genitore nel parametro di dipendenza.

get('Version') // questo funziona solo se ha Version nell'intestazione dello stile
    );
}

Se il disegno genitore carica lo stile con una funzione compatibile con get_stylesheet il design figlio deve caricare sia il foglio di stile genitore che quello figlio. Deve assicurarsi di utilizzare lo stesso nome di handle che il progetto padre utilizza per i fogli di stile padre.

parent()->get('Version')
    );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(),
        array( $parenthandle ),
        $theme->get('Version') // questo funziona solo se ha Version nell'intestazione dello stile
    );
}

Se inserisce il codice corrispondente nel file funzioni.php non dimentichi di salvare il file.

Questo completa la creazione del tema figlio. Ora deve solo essere attivato.

Attivare il tema figlio

L'ultimo passo consiste nell'attivare il tema figlio. Per farlo, acceda alla dashboard di amministrazione di WordPress e si rechi in Aspetto > Temi tramite il menu sul lato sinistro.

Nella pagina "Argomenti", troverà il suo nuovo argomento subordinato tra gli altri. Temi WordPress. Posizioni il puntatore del mouse su di esso e clicchi sul pulsante "Attiva".

Una volta fatto questo, il suo nuovo tema figlio funzionerà.

Tenga presente che non noterà alcuna differenza nell'aspetto e nel comportamento del suo sito web, poiché non abbiamo apportato alcuna modifica stilistica o funzionale.

Ora può iniziare a fare tutte le personalizzazioni che desidera senza preoccuparsi che il suo lavoro vada perso quando il design viene aggiornato.

Congratulazioni! In questa guida, ha appreso come creare temi figlio di WordPress e come applicare in modo sicuro modifiche di design e funzionali al suo sito web. Ci auguriamo che sia riuscito a seguire le nostre istruzioni senza problemi e a raggiungere il risultato desiderato.