Come creare un child theme in wordpress

Un tema figlio in wordpress. Molte volte ci capita, abbiamo realizzato un'installazione di wordpress e abbiamo un tema, un modello o un tema di wordpress installato e personalizzato, ma per qualsiasi motivo c'è un aggiornamento su questo tema, procediamo con l'aggiornamento e così facendo sovrascriviamo tutte le informazioni personalizzate che avremmo fatto nel nostro tema, perdendo tutte le personalizzazioni, quindi se non avessimo un backup dovremmo partire da zero.

La cosa migliore per fare questa operazione e ciò che il wordpress content manager ci offre per evitare questo tipo di situazioni è creare un child theme con la personalizzazione che vogliamo, in questo modo qualsiasi aggiornamento o rinnovo del tema originale non avrà effetto il tema figlio o secondario creato da esso. Il tema figlio erediterà la configurazione del tema originale o del tema principale e incorporerà anche la configurazione che diamo al tema figlio, a livello di configurazione del foglio di stile CSS, ...

Vediamo come questo l'operazione deve essere fatta:

Per prima cosa si procede a creare una cartella con il tema che stiamo utilizzando, per questo è meglio accedere tramite ftp al nostro server e fare una copia della cartella del tema, che si troverà sul route / wp-content / themes / possiamo chiamare come vogliamo, ma sarebbe bello dare un nome significativo, ad esempio se il nostro tema si chiama temawordpress, la cartella che creiamo potrebbe essere chiamata temawordpress-hijo.

Questo la nuova cartella sarà vuota e lì possiamo aggiungere i file che vogliamo, tenendo conto che modificheranno gli originali, ad esempio se modifichiamo il file footer.php, questo nuovo modificherà quello che avevamo nel nostro tema originale.

Se vogliamo personalizzare il foglio di stile css, dobbiamo fare un po 'di attenzione, in questo caso è meglio creare il file, style.css e questo nuovo file deve includere un'intestazione che indichi che il nuovo tema è un figlio del tema originale.

L'intestazione includerà alcune direttive sull'argomento, le direttive più importanti sono:

• Tema Nome: u0026 lt; Nome del tema secondario>
• Modello: u0026 lt; Nome del tema originale da cui eredita il tema secondario>
• @import url (u0026 lt; percorso del css del tema originale da cui eredita il tema secondario >)

Possiamo includere ciò che vogliamo, i nostri crediti, i nostri dati di dominio, ... dobbiamo tenere conto che queste direttive sono nell'intestazione e tra i commenti. Una volta inclusa l'intestazione, possiamo includere le modifiche che vogliamo al file css originale

 / *
Nome tema: tema bambino
Modello: tema
@import url ('../ Tema / style.css')
NOTA: Dopo aver creato una cartella nella cartella dei temi dobbiamo includere il percorso relativo allo style.css del tema originale.

Qui potremmo includere le direttive che vogliamo come
Autore: il mio nome
Descrizione: questo tema è un figlio del tema originale con il nome del tema
....
* /
/ * Quindi possiamo modificare il css come vogliamo * / 

Una volta creato questo nuovo file css, se andiamo nel menu Aspetto dei problemi di Worpdress e weaccess, gli argomenti installati abbiamo ora puoi selezionare il tema che hai appena creato figlio e attivarlo.

Come accennato prima, se vogliamo modificare il file footer.php originale è meglio copiare il file originale nella nuova cartella del bambino tema e modificarlo, tenendo presente che questo nuovo schiaccerà o sovrascriverà il file che avevamo prima non avrà validità. Lo stesso per il file header.php, o qualsiasi file che vogliamo toccare del tema originale.

Se in aggiunta vogliamo toccare il file functions.php del tema originale, (può capitare che non mostri i post di una certa categoria una certa funzione, o che mostra l'immagine in un modo o nell'altro) dobbiamo procedere allo stesso modo, creiamo il file functions.php e aggiungiamo la nuova funzione che vogliamo.

L'operazione di un child theme in wordpress e la sequenza di operazioni è la seguente:

1. WordPress carica il tema attivo (se abbiamo attivato il nuovo child theme, caricherà questo nuovo), accede al file style.css e rileva nell'intestazione la direttiva Template che fa riferimento al tema originale.
2. WordPress carica il foglio di stile che contrassegna l'intestazione dello style.css da importare, in questo caso

    @import url ('../ Tema / style.css ') 

3. Carica il foglio di stile del tema figlio e i file modificati del tema figlio
4. Una volta caricato, carica i file originali del tema padre, sia lo stile che lei et e i file originali del tema principale, footer.php, header.php, ...
5. Quindi carica il file functions.php con le funzioni modificate del tema figlio e poi il functions.php del tema principale originale tema.

Una volta che avremo questo, vedremo che possiamo fare qualsiasi aggiornamento del tema originale senza temere che le modifiche che abbiamo fatto nel tema originale vadano perse, poiché le modifiche verranno apportate all'argomento bambino e non sul tema principale.

Personalmente penso che 'sia un buon modo per risolvere il problema ed è abbastanza buono, possiamo sempre esportare il nostro tema figlio o includerlo come personalizzazione del tema originale per altri utenti della community di wordpress.