Come modificare il tema WordPress utilizzando il tema figlio?

Pubblicato: 2014-12-10

Sono disponibili vari fantastici temi WordPress gratuiti e a pagamento. Ma cosa succede se si desidera personalizzare il tema acquistato in base alle proprie esigenze e preferenze? Ci sono così tanti esempi di piccole cose che tutti vorremmo cambiare. In tal caso è necessario modificare il tema WordPress .

Un colore qui, una dimensione del carattere là, forse un invito all'azione diverso sui pulsanti. Sono vari motivi per cui il proprietario del sito vorrebbe apportare modifiche al suo tema "genitore". Il problema è che le modifiche al tema modificate andranno perse una volta aggiornato il tema WordPress.

La creazione di un "tema figlio" risolve questo problema fornendo tutte le funzionalità del tema scelto e consentendo di aggiornarlo senza il timore di perdere eventuali modifiche. In questo caso è richiesta una conoscenza di base di CSS/HTML. Oppure copia/incolla frammenti di codice da altre fonti.

Un gran numero di utenti di WordPress modifica il tema WordPress senza l'uso del tema figlio . Ciò può essere dovuto a una mancanza di comprensione di cosa sia un tema figlio o alla difficoltà percepita di crearne uno.

Sommario

Quali sono i pro e i contro dell'utilizzo di Child Theme?

Vantaggi e svantaggi sono generici e basati su casi d'uso comuni. Può essere diverso in base alle tue esigenze . Alcuni vantaggi possono essere svantaggi nel tuo scenario.

Si consiglia di valutare attentamente i pro ei contro nel contesto dei requisiti del sito. Hai davvero bisogno di un tema bambino? Se le tue modifiche sono minori, potresti riuscire a farla franca con i plug-in o semplicemente utilizzando le opzioni nel tema.

Se le tue modifiche sono estese e distribuite su un gran numero di file, potresti fare meglio a creare il tuo tema. È questo il tema genitore giusto? La scelta del tema genitore giusto è cruciale.

Dovrebbe fornire la maggior parte delle funzioni richieste immediatamente, altrimenti personalizzerai e sovrascriverai troppo. Dovresti anche assicurarti che il tema abbia il potenziale per rimanere in giro per un lungo periodo di tempo o almeno finché prevedi di usarlo. Dovrebbe anche fornire aggiornamenti periodici, in particolare aggiornamenti di sicurezza.

PROFESSIONISTI

1. Aggiornamenti sicuri

Un tema figlio eredita automaticamente le caratteristiche, gli stili e i modelli del tema principale. Ciò ti consente di apportare modifiche al tuo sito utilizzando temi figlio senza mai modificare il tema padre. Quando arriva una nuova versione del tema principale, puoi aggiornarla in sicurezza poiché tutte le modifiche vengono salvate nel tema figlio.

2. Facile da estendere

Un tema figlio costruito su un potente framework di temi consente una grande flessibilità senza scrivere molto codice. Puoi modificare selettivamente solo i file modello e le funzioni di cui hai bisogno senza passare attraverso altri file modello. Puoi aggiungere nuove funzionalità e molto altro.

3. Ripiego sicuro

Quando crei un tema completo, devi pensare a tutti gli scenari possibili e al codice. Tuttavia, quando si lavora su un tema figlio e si dimentica di codificare qualcosa, è sempre disponibile la funzionalità del tema padre come opzione di fallback.

CONTRO

1. Modifiche non intenzionali

Se ti è capitato di estendere una delle funzionalità personalizzate nel tema figlio, è possibile che le tue modifiche vengano interrotte con un aggiornamento del tema principale. A volte, i temi non sono stati progettati e implementati tenendo in considerazione i temi figlio, il che rende più difficile l'estensione.

2. Mancanza di aggiornamenti

La scelta del tema giusto da estendere è fondamentale. È del tutto possibile che lo sviluppo attivo del tema genitore possa cessare e il tema venga abbandonato. È anche possibile che il tema principale non venga aggiornato regolarmente con le ultime versioni di WordPress e gli aggiornamenti di sicurezza.

3. Curva di apprendimento

Se il tema non aderisce agli standard e alle pratiche di codifica comuni, potrebbe aumentare il tempo di apprendimento.

Come modificare il tema WordPress utilizzando il tema figlio?

I temi figlio sono temi separati che si basano su un tema padre per la maggior parte delle loro funzionalità. Se stai utilizzando un tema figlio, WordPress controllerà prima il tema figlio per vedere se esiste una funzionalità specifica.

In caso contrario, utilizzerà il tema principale. Questo è fantastico perché ti consente di modificare solo ciò di cui hai bisogno . I temi figlio dovrebbero essere sempre usati se hai intenzione di modificare anche un singolo carattere nel tuo tema.

Per creare un tema figlio per il tuo tema, dovrai eseguire i seguenti passaggi:

  1. Crea una directory di temi nella tua installazione di WordPress
  2. Crea un foglio di stile con le informazioni sul tema del tuo bambino
  3. Inserisci gli stili del tuo tema principale

Una volta completati questi passaggi, puoi attivare il tuo tema figlio e il tuo sito web avrà lo stesso aspetto di prima, ma utilizzerà il tema figlio.

1. Per prima cosa devi aprire /wp-content/themes/ nella cartella di installazione di WordPress e creare una nuova cartella per il tuo tema figlio. Puoi nominare questa cartella come vuoi. Per questo esempio twentyfourteen-child tema figlio per il tema predefinito di Twenty Fourteen e lo twentyfourteen-child

creazione-wordpress-child-tema

2. Il passaggio successivo consiste nel creare un file di foglio di stile. Questo deve essere chiamato style.css . Può essere creato nel Blocco note e caricato nella cartella del tema figlio o utilizzando gli strumenti forniti in cPanel File Manager.

Copia e incolla il seguente codice nel file appena creato:

come-creare-wordpress-child-theme

/*

Nome del tema: Twenty Fourteen Child

URI del tema:

Descrizione: Il mio primo tema per bambini, basato su Twenty Fourteen

Autore: Il tuo nome

URI dell'autore: http://yourwebsite.com

Modello: ventiquattordici

Versione: 1.0.0

Tag: nero, verde, bianco, chiaro, scuro, due colonne, tre colonne, barra laterale sinistra, barra laterale destra, layout fisso, layout reattivo, sfondo personalizzato, intestazione personalizzata, menu personalizzato, editor- stile, immagini in primo piano, intestazione flessibile, modello a larghezza intera, microformati, post-formati, supporto per il linguaggio rtl, post appiccicoso, opzioni del tema, pronto per la traduzione, pronto per l'accessibilità, layout reattivo, infinito- scroll, post-slider, design, food, journal, magazine, news, photography, portfolio, clean, contemporaneo, dark, elegante, modern, professional, sofisticato

Dominio del testo: ventiquattordici figli

*/

@import url ( "../twentyfourteen/style.css" );

L'ultima riga di questo codice importa il foglio di stile del tema padre nel tema figlio. Questo è il requisito minimo per creare un tema figlio. Ora puoi andare su Aspetto »Temi dove vedrai Tema figlio.

È necessario fare clic sul pulsante di attivazione per iniziare a utilizzare il tema figlio sul sito.

Poiché tutto ciò che abbiamo fatto è importare il CSS del tema originale, il tema apparirà esattamente come l'originale . Per modificare il CSS del tuo tema , puoi aggiungere eventuali modifiche al file CSS del tuo tema figlio sotto la riga @import. Tutte le nuove informazioni CSS vengono aggiunte dopo il caricamento del CSS del tema originale.

Modifica del file Functions.php

Functions.php è il luogo in cui vengono generalmente archiviate le funzioni principali di un tema. Le funzioni di un tema padre vengono sempre caricate con il tema figlio. Se hai bisogno di aggiungere più funzioni personalizzate al tuo tema, puoi farlo creando un nuovo file functions.php all'interno della cartella del tema figlio.

NOTA : la creazione di functions.php non è necessaria. Viene utilizzato nel caso in cui si desideri aggiungere più funzioni personalizzate.

creazione-figli-cartelle-tema

Le nuove funzioni verranno caricate subito prima delle funzioni del tema principale. Il file functions.php del tuo tema figlio dovrebbe iniziare con un tag di apertura php e terminare con un tag di chiusura php. Nel mezzo, puoi aggiungere il codice php desiderato.

<?php

Il tuo codice va qui!

?>

Modifica di altri file modello

Oltre alle modifiche CSS e alle funzioni, puoi anche apportare modifiche strutturali al tuo tema regolando i file modello php. Questo dovrebbe essere fatto con cura. Modificando i file PHP puoi modificare qualsiasi parte del tema.

A differenza della modifica di functions.php, dove le funzioni del tema originale vengono importate automaticamente, i file PHP vengono modificati sostituendo completamente il file con uno nuovo.

Il file originale del tema viene ignorato e viene utilizzato quello nuovo. La prima cosa che dobbiamo fare è replicare il vecchio file prima di iniziare a modificarlo. Per fare ciò, copia e incolla semplicemente il file originale del tema nella cartella del tema figlio assicurandoti che il nome del file e la posizione siano esattamente gli stessi.

Ad esempio, se vogliamo modificare exampletheme/includes/navigation.php , allora dovremmo copiare e incollare questo file in exampletheme-child/includes/navigation.php . O se trovi tutto questo confuso, non preoccuparti, c'è un plugin per creare un tema figlio.