Come personalizzare il tema di WordPress con un tema figlio

Quindi hai un tema WordPress sul tuo sito web, uno gratuito o commerciale, e vuoi personalizzarlo. Qualcuno ha saggiamente raccomandato di farlo creando "un tema figlio". Ma cosa vuol dire, e come lo fai?

Cos'è un tema per bambini?

Thw WordPress Codex descrive temi figlio come questo:

Un tema figlio WordPress è un tema che eredita la funzionalità di un altro tema, chiamato tema principale, e consente di modificare o aggiungere funzionalità al tema principale. Un tema figlio è il modo più sicuro e semplice per modificare un tema esistente, sia che si desideri apportare alcune piccole modifiche o estese modifiche. Invece di modificare direttamente i file del tema, è possibile creare un tema figlio.

In sostanza, un "tema figlio" è un tema WordPress che viene eseguito insieme al tema WordPress originale e sovrascrive le parti di esso specificate, senza effettivamente modificare il tema originale stesso.

Perché preoccuparsi di utilizzare un tema figlio?

Se hai un tema WordPress gratuito o commerciale sul tuo sito, ci sono buone probabilità che tu voglia personalizzarlo un po 'per soddisfare le tue esigenze specifiche. Potresti voler modificare alcuni colori, aggiungere una barra laterale, rendere determinati messaggi visualizzati in modo diverso o qualsiasi altra cosa tu possa pensare.

Un giorno accedi al dashboard dell'amministratore di WordPress e vedi che c'è un aggiornamento al tuo tema. Forse corregge qualche bug CSS o un problema di sicurezza con il tema. Se fai clic su Aggiorna e hai personalizzato i file del tema direttamente, quell'aggiornamento sta per sovrascrivere le tue modifiche, e BOOM! Se ne sono andati. Devi fare quei cambiamenti tutto da capo.

Usando un tema figlio, puoi aggiornare il tema originale come preferisci e le tue modifiche sono al sicuro. È possibile che qualcosa nell'aggiornamento possa significare che devi anche apportare un piccolo ritocco al tuo tema figlio, ma almeno non inizi da zero!

Ok, penso di essere a bordo, ma come faccio a farlo?

Il tuo tema originale, che chiameremo "tema genitore" d'ora in poi, vive nel tuo / Wp-content / themes / elenco.

Ad esempio, creeremo un tema figlio per il tema "Twenty Twelve" predefinito di WordPress.

Quindi, in questo caso, per creare un tema figlio, creiamo una nuova directory accanto alla directory del tema "Twenty Twelve" twentytwelve-figlio.

Così:

Tutta questa directory ha bisogno di essere un tema figlio valido, è un style.css file con il seguente contenuto:

 / * Nome del tema: Twenty Twelve Child URI di tema: http://wp.tutsplus.com/ Descrizione: tema per bambini Twenty Twelve Autore: Japh Autore URI: http://wp.tutsplus.com/author/japh Template: twentytwelve Versione: 1.0.0 * / @import url ("... /twentytwelve/style.css");

Ci sono due parti importanti lì:

Template: twentytwelve - che dice a WordPress che questo tema è un tema secondario del tema "Twenty Twelve"
@import url ("... /twentytwelve/style.css"); - che carica il tema principale (twentytwelve in questo caso) style.css come punto di partenza

Ora puoi accedere alla tua dashboard di WordPress e vedere il tema "Twenty Twelve Child" lì, e attivarlo.

Nota:

Come sottolineato nei commenti seguenti, il @importare la linea non è strettamente richiesta perché un tema figlio sia valido. L'ho incluso qui come nella maggior parte delle piccole modifiche di un tema, vorrete usarlo. Per la sostituzione all'ingrosso del CSS in un tema, puoi lasciare quella riga e ricominciare da capo.

Tema Sweet, My Very Own Child! Ora che cosa?

Ora ogni volta che vuoi personalizzare il tuo tema, fallo nel tuo tema figlio.

I file nel tema secondario sostituiscono i file con lo stesso nome nel tema principale. Quindi qualsiasi file dal tema principale che si desidera modificare, copiare prima il tema figlio e apportare le modifiche lì.

Lo stesso vale per tutti i modelli che potrebbero non essere presenti nel tema principale. Puoi aggiungerli al tuo tema figlio e WordPress li userà.

Un'eccezione a queste regole è la functions.php file. In questo caso, il functions.php il file per il tema figlio viene caricato per primo, seguito dal file functions.php file del tema principale. Quindi non c'è bisogno di copiare il functions.php file dal genitore al figlio, avvia appena fresco nel tema figlio per quello.

Ciò consente al tema secondario di avere tutte le funzionalità dal tema principale. I temi principali possono anche rendere le loro funzioni collegabili, il che consente a un tema figlio di sovrascriverli.

Cos'è una funzione collegabile?

Essenzialmente, una funzione collegabile è quella che verifica se esiste già prima di essere definita. In questo modo, se il tema figlio definisce una funzione con lo stesso nome, il tema principale non crea un conflitto.

Sommario

Ecco le basi della personalizzazione del tema WordPress utilizzando un tema figlio. In realtà non è più difficile che modificare direttamente il tema originale, ma può risparmiare un sacco di problemi al momento dell'aggiornamento. Rende anche molto facile per te vedere esattamente quello che hai cambiato, perché è tutto ben compartimentato.

Puoi trovare ulteriori letture anche su temi figli qui su Wptuts +.

Avete suggerimenti speciali per la personalizzazione con temi figlio? Fateci sapere nei commenti!

Codice