Come creare un tema figlio di WordPress

Pubblicato: 2020-04-16

Sei pronto per creare un tema figlio in WordPress?

Contenuti
1 Installazione del tema principale
2 Come creare una directory di temi figlio di WordPress
3 Creare un foglio di stile
4 Creare il file delle funzioni
5 Il meccanismo per creare un tema figlio in WordPress
6 Suggerimenti per i creatori di temi per bambini
7 file nel tema figlio
8 Come attivare il tema figlio
9 Come creare e personalizzare il tema figlio di WordPress
10 Correggi gli errori del tema figlio e genitore
11 cose da ricordare per il tema figlio di WordPress

Installazione del tema principale

Devi decidere quale tema preferisci. A seconda delle tue preferenze, dovresti scegliere il tema che desideri selezionare come tema principale.

Come creare una directory di temi figlio di WordPress

Crea un nuovo file nella cartella public_html/wp-content/themes dell'installazione di WordPress per contenere il tema. Evita di farlo in un sito live. Puoi testarlo in un sito di sviluppo prima di implementarlo nel sito di staging. Di solito, è buona norma mantenere il nome della nuova cartella che inizia con il nome del tema principale seguito da un suffisso.

Questo processo prevede la creazione di due file: il foglio di stile e il file delle funzioni.

Crea un foglio di stile

Crea un nuovo file
style.css
all'interno della cartella e aggiungere il seguente codice:
 /*

Nome del tema: tema figlio CodeFlist

URI del tema: https://yourwebsite.com/codeflist-child/

Descrizione: tema figlio dal tema padre CodeFlist

Autore: Amar Raj Mahato

URI dell'autore: https://demo.codeflist.com/

Modello: CodeFlist

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 la lingua rtl, post-adesivo, opzioni per il tema, pronto per la traduzione, pronto per l'accessibilità, layout reattivo, infinito- scroll, post-slider, design, cibo, giornale, rivista, notizie, fotografia, portfolio, pulito, contemporaneo, scuro, elegante, moderno, professionale, sofisticato

Dominio di testo: codeflist-child

*/

Questo codice informa WordPress sul tema. Poiché il testo è commentato, non esegue nulla sul tuo sito. Ogni tema ha questo file in modo da avere familiarità con WordPress.

Le righe con Nome tema e Modello non possono essere saltate in questo codice. Il modello dovrebbe contenere il nome della directory del tema principale. Di solito fa anche distinzione tra maiuscole e minuscole. Tutti gli altri campi devono essere scritti come richiesto. Assicurati di farlo correttamente con il tuo editor preferito.

Crea il file delle funzioni

L'aggiunta del file functions è un passaggio necessario per accodare il foglio di stile dal tema principale. Se perdi questo passaggio, il tema del tuo bambino non avrebbe alcuno stile. Inoltre, aggiungi file
funzioni.php
nella nuova cartella. Aggiungi il seguente codice ad esso:
 <?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
funzione my_theme_enqueue_styles() {
wp_enqueue_style( 'stile genitore', get_template_directory_uri() . '/style.css' );
}
?>

Il meccanismo per creare un tema figlio in WordPress

Funzionano a livello di file. Quando una funzione chiama il file, controlla se è presente o meno. Nel caso in cui il file sia assente nel tema figlio, verrà caricato dal tema principale. Tuttavia, presenta un'eccezione nella forma del file di funzione del tema. Se la
funzioni.php
viene chiamato, viene caricato da entrambe le posizioni. Il tuo sito non funzionerà correttamente se la funzione del tema principale non funziona. Se l'intero contenuto del file di funzione del tema principale viene copiato sul figlio, questa sarebbe una soluzione. Questo non è un buon approccio per estendere il tema. Se il file del piè di pagina deve essere modificato, il file del piè di pagina del genitore deve essere copiato nel figlio. Quindi elaborare i file e salvare le modifiche. Questo è applicabile in tutte le sezioni che vuoi modificare.

Suggerimenti per creatori di temi per bambini

Devi conoscere la differenza tra
get_stylesheet_directory()
e
get_template_directory()
se crei i tuoi temi. Devi essere chiaro che il
funzione get_template_
punterà sempre alla directory del tema principale e
get_stylesheet_ punti
la directory del tema figlio. A te la scelta, se vuoi usare il genitore o il bambino.

File nel tema figlio

Ci sono almeno due file, un foglio di stile e un file di funzioni. Il foglio di stile indica a WordPress il tipo di tema. Dà anche un'idea del tema principale. Tutti i dettagli sono inclusi nel foglio di stile con l'aiuto del formato di testo commentato.

C'è una pratica sbagliata nel chiamare un foglio di stile da un altro foglio di stile. In effetti, dovresti accodare il file delle funzioni. Ci dovrebbe essere una funzione nel file functions che accoda il foglio di stile.

Il tema principale contiene un
index.php
file ma non è necessario nel tema figlio.

Come attivare il tema figlio

WordPress utilizza un file dal tema principale a meno che tu non sostituisca aggiungendo file al tema figlio. Vai a
Aspetto>Temi
, troverai il tema tra i temi installati nel tuo sito. Devi attivare per goderti le sue funzionalità. Se non hai aggiunto alcuna personalizzazione, sembra lo stesso.

Come creare e personalizzare il tema figlio di WordPress

Ora, quando hai un tema funzionante, puoi aggiungere personalizzazioni in base ai requisiti desiderati. Se desideri modificare i fogli di stile, puoi definire le regole nel file
style.css
nella cartella del tema figlio. Non solo puoi modificare i file del modello, ma puoi anche aggiornare il tema principale senza perdere alcuna personalizzazione. Tuttavia, le funzioni di scrittura possono essere più complesse dell'aggiunta di file modello. Se vuoi aggiungere una nuova funzione, devi andare su
funzioni.php
file. Dopo aver scritto la funzione, aggiungi l'azione o il filtro pertinente per aggiungere la funzionalità extra.

Fondamentalmente, ci sono tre metodi se prevedi di sovrascrivere la funzione del tema principale.

  • Quando hai un tema genitore collegabile, puoi scrivere un'altra funzione nel tema figlio con lo stesso nome. La funzione nel tema principale verrà saltata per questo motivo.
  • Quando si dispone di un tema principale scollegabile, è possibile eseguire lo sgancio per impedire l'esecuzione di una funzione dal tema principale.
  • Ci sono casi in cui puoi aggiungere una nuova funzione da allegare allo stesso hook ma con un nome diverso. Questo viene fatto senza sovrascrivere o rimuovere una funzione.

Correggi gli errori del tema figlio e genitore

Dopo la creazione di un tema figlio, potrebbero esserci dei problemi dovuti ad alcune funzioni, stili o altri file. Ci sono una serie di passaggi per assicurarsi che tutto sia corretto.

  1. Verifica se il tema figlio è stato attivato o meno. Devi essere sicuro dello stato di un tema principale.
  2. Svuota la cache del browser e la cache creata dai plugin.
  3. Controlla se hai nominato o meno i file correttamente con la sintassi corretta quando crei un tema figlio in WordPress.
  4. Controlla se hai salvato le modifiche o meno.
  5. Se la funzione collegabile non funziona, controlla se c'è una mancata corrispondenza del nome o se la funzione nel tema principale è collegabile o meno.
  6. Verificare i valori di priorità e gli hook presenti nella funzione in caso di problemi di override.
  7. Controllare il valore di priorità, il nome e l'hook se il problema viene generato dalla funzione rimossa.
  8. Trova dove e dove c'è un errore nel codice controllando il file wp-config.php in modalità debug.
  9. È necessario verificare il codice di output per i diversi elementi.

Cose da ricordare per WordPress Child Theme

  1. Ci dovrebbe essere un foglio di stile e un file di funzioni in un tema figlio.
  2. Non modificare direttamente i temi di terze parti senza creare un tema figlio. Ciò salvaguarderà le personalizzazioni effettuate.
  3. Attiva il tema e non eliminare il tema principale.
  4. Quando sono presenti due file con lo stesso nome, WordPress utilizzerà il file nel figlio.
  5. Per sovrascrivere una funzione collegabile nel tema principale, devi creare la funzione nel tema figlio con lo stesso nome.
  6. Con l'uso della funzione remove_action() o remove_filter() , puoi sganciare una funzione dal tema principale.
  7. Quando crei una funzione con lo stesso hook, puoi aumentare una funzione del tema principale.

Avvolgendo

Dovresti tenere a mente queste cose per creare un tema figlio in WordPress, puoi ottenere il massimo vantaggio. Si spera che questo articolo chiarisca i tuoi dubbi sul tema del bambino e del genitore.

Letture aggiuntive

WordPress Ottieni ID post
Post vs pagine in WordPress
Che cos'è un tema figlio di WordPress
Come eliminare temi in WordPress
Come aggiungere una categoria in WordPress
Come cambiare la password in WordPress