Creare un child theme per il Suo tema WordPress
Se modifica direttamente i file di un tema, il Suo lavoro andrà perso al successivo aggiornamento di quel tema. Un child theme evita questo problema. Si tratta di un piccolo tema che eredita tutto da un altro tema, il tema parent, tranne ciò che vi inserisce Lei. Il tema parent può continuare ad aggiornarlo normalmente. Qui scoprirà quando Le serve un child theme e come crearne uno con il File Manager di DirectAdmin.
Le serve davvero?
| Desidera | Serve un child theme? |
|---|---|
| Personalizzare un tema a blocchi nell'Editor del sito (Aspetto > Editor): colori, font, header e footer | No. Queste personalizzazioni sono salvate nel database e restano invariate dopo un aggiornamento. |
| Aggiungere qualche riga di CSS | No. Utilizzi CSS aggiuntivo nel Customizer (tema classico) oppure in Stili nell'Editor del sito. |
| Aggiungere una funzionalità che non riguarda la grafica, come un'integrazione o un modulo | No. Questa va inserita in un plugin, così continuerà a funzionare anche dopo un cambio di tema. |
| Modificare un file template del tema, molto CSS personalizzato o codice PHP legato alla grafica | Sì. |
Utilizza un tema a blocchi? Provi prima nell'Editor del sito. Se desidera salvare in file le personalizzazioni fatte nell'Editor del sito, il plugin ufficiale Create Block Theme può creare un child theme per Lei.
Passo 1: individuare la cartella del tema parent
- In DirectAdmin apra il File Manager. Veda Aprire il File Manager: le cartelle del Suo pacchetto.
- Vada in
domains/example.com/public_html/wp-content/themes. - Annoti il nome esatto della cartella del Suo tema, ad esempio
hoofdthema. Conta il nome della cartella, non il nome che vede in WordPress.
Passo 2: creare la cartella e style.css
- Nella cartella
themesclicchi su New Folder e crei, ad esempio,hoofdthema-child. - Apra quella cartella, clicchi su New File e crei
style.css. - Clicchi con il tasto destro del mouse sul file, scelga Edit, incolli l'intestazione qui sotto e clicchi su Save.
/* Theme Name: Hoofdthema Child Template: hoofdthema Description: Eigen aanpassingen voor example.com Version: 1.0.0 */ /* Je eigen CSS komt hieronder. */
La riga Template: è la più importante. Deve contenere esattamente il nome della cartella del tema parent, con le stesse maiuscole e gli stessi trattini. Se non corrisponde, WordPress segnala che il tema parent è mancante.
Passo 3: functions.php o theme.json
Tema classico: nella stessa cartella crei un file functions.php che carica il Suo foglio di stile:
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'hoofdthema-child',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
} );
Il fatto che il tema parent carichi da sé il proprio foglio di stile varia da tema a tema. Consulti la documentazione del Suo tema. Se dopo l'attivazione il Suo sito appare spoglio, deve caricare anche il foglio di stile del parent, con get_template_directory_uri() . '/style.css'. Il file functions.php del child non sostituisce quello del parent: vengono caricati entrambi, prima quello del child. Per questo non copi mai funzioni dal file functions.php del parent, perché nomi di funzione duplicati causano un errore critico.
Tema a blocchi: di solito un file functions.php non è necessario. Se desidera ad esempio modificare la tavolozza dei colori, crei un proprio theme.json. WordPress lo unisce a quello del parent, quindi vi inserisce solo ciò che desidera modificare.
Se desidera modificare un template, copi soltanto quel singolo file del parent nella stessa posizione del Suo child e modifichi la copia. WordPress cerca prima nel child e poi nel parent. Non copi tutto, altrimenti non riceverà più i miglioramenti del parent.
Passo 4: attivare
- In WordPress vada in Aspetto > Temi. Il Suo child theme compare nell'elenco. Clicchi su Attiva.
- Controlli il Suo sito: header, menu, widget e colori. Se necessario, reimposti i menu e le impostazioni del Customizer.
- Non elimini il tema parent e lo mantenga aggiornato. Senza parent il child non funziona.
Preferisce creare il child theme sul Suo computer? In tal caso comprima la cartella in un file zip e la carichi in WordPress in Aspetto > Temi con il pulsante Aggiungi tema e poi Carica tema. Oppure carichi la cartella con il File Manager o tramite SFTP in wp-content/themes, veda Caricare e scaricare file.
Tornare al tema precedente
In Aspetto > Temi riattivi il tema parent. Se a causa di un errore nel Suo child non riesce più ad accedere alla bacheca, rinomini nel File Manager la cartella del child, ad esempio in hoofdthema-child-uit. WordPress tornerà quindi a un tema predefinito, se è ancora installato. Maggiori informazioni in Errore 500 o "errore critico" sul Suo sito web (anche dopo un aggiornamento di WordPress).
Approfondimenti
- Child themes su developer.wordpress.org (in inglese)
Desidera saperne di più? Segua il corso gratuito su WordPress, lezione 5.2 Creare un child theme.