Una delle domande più frequenti che riceviamo dagli utenti WordPress è: “Voglio personalizzare il mio tema, ma non so quale file modificare.”
E onestamente, quella confusione ha perfettamente senso. Modificare il file sbagliato può compromettere il tuo sito o far scomparire le tue modifiche al prossimo aggiornamento del tema.
Inoltre, non aiuta il fatto che la maggior parte dei temi contenga decine di file con nomi misteriosi. Questo può sembrare scoraggiante quando si cerca solo di cambiare una cosa.
Nel corso degli anni, abbiamo lavorato su tutti i tipi di progetti WordPress e abbiamo dovuto individuare i file di template giusti più volte di quante possiamo contare. È esattamente per questo che abbiamo creato questa guida.
Ti guideremo attraverso i passaggi esatti che utilizziamo per capire quale file di template modificare, come funziona la gerarchia dei template di WordPress e come apportare modifiche che rimangano effettivamente. 🎨
Comprendere i file di template dei temi WordPress
Prima di iniziare a modificare, è utile sapere come sono costruiti i temi. I temi di WordPress sono costituiti da diversi file, tra cui file di template, tag e funzioni di template personalizzati, parti di template, immagini, JavaScript e file CSS.
La maggior parte dei temi classici segue la gerarchia ufficiale dei template di WordPress. (I temi a blocchi, d'altra parte, funzionano in modo diverso e consentono di modificare i layout delle pagine visivamente utilizzando template HTML nell'Editor del sito.)
Ciò significa che organizzano il codice in modo standard. Ogni file viene utilizzato come template per visualizzare una particolare area del tuo sito web WordPress.
Ecco alcuni dei file di template più comuni che vedrai in un tema classico:
| File del tema | Cosa fanno |
|---|---|
functions.php | Aggiunge funzionalità, come la creazione di nuove dimensioni per le immagini, tipi di post personalizzati o widget |
single.php | Visualizza un singolo post del blog |
page.php | Visualizza una pagina statica (come la tua pagina "Chi siamo" o pagina Contatti) |
archive.php | Visualizza un elenco di post, come categorie o tag |
header.php | Contiene la sezione dell'intestazione (logo, menu) visualizzata su ogni pagina |
footer.php | Contiene la sezione del piè di pagina visualizzata su ogni pagina |
Comprendere questa gerarchia ti aiuta a identificare quale file controlla una pagina specifica. Se hai mai bisogno di aggiungere o modificare codice nel tuo tema WordPress, questo ti aiuterà anche a determinare quali file devi modificare.
Per maggiori dettagli, consulta il nostro foglio riassuntivo per la gerarchia dei template di WordPress.
Tenendo presente questo, ti mostreremo come trovare facilmente quali file modificare in un tema WordPress. Ecco cosa copriremo:
Iniziamo subito!
Trovare i file di template da modificare in un tema WordPress
La prima cosa che devi fare è installare e attivare il plugin What The File. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.
Il plugin funziona subito e non ci sono impostazioni da configurare.
🚨 Importante: Potresti vedere un avviso che questo plugin è obsoleto. Ma abbiamo testato questo plugin nei nostri ambienti di staging e confermato che funziona correttamente per i temi classici.
Tuttavia, potrebbe non fornire dati utili per i moderni temi a blocchi che utilizzano template HTML. Se hai preoccupazioni, consulta la nostra guida per vedere se è sicuro usare plugin obsoleti per maggiori informazioni.
Dopo l'attivazione, è necessario visitare il front-end del tuo sito web e noterai un nuovo menu 'What The File' nella barra di amministrazione di WordPress.
Ora, dovrai semplicemente passare il mouse sopra la voce di menu. Questo visualizzerà un menu a discesa che elenca i file del modello utilizzati per visualizzare questa pagina.
Cliccando sul nome del file verrai reindirizzato all'editor di file predefinito di WordPress, dove potrai modificare quel particolare file.
Tuttavia, non consigliamo di utilizzare l'editor di file di WordPress per modificare i file del tema perché manca un'opzione di annullamento. Se commetti un errore e ti blocchi fuori dal tuo sito web, dovrai utilizzare un client FTP per risolverlo.
Invece, suggeriamo di utilizzare un client FTP o l'app File Manager nel pannello di controllo del tuo hosting WordPress.
Con questi strumenti, puoi modificare i file del tema utilizzando qualsiasi editor di testo semplice, come il Blocco note. Apportare modifiche dirette al tuo tema WordPress è una cattiva idea perché tali modifiche scompariranno quando aggiornerai il tuo tema.
Se hai solo bisogno di cambiare colori o font, non è necessario modificare i file PHP. Nei temi classici, puoi andare su Aspetto » Personalizza » CSS aggiuntivo per aggiungere CSS personalizzato.
Per modifiche più estese, dovresti creare un tema child. Il plugin ‘What The File’ può aiutarti a individuare i file del tema che devi copiare e modificare nel tuo tema child.
☝ Nota: La voce di menu aggiunta dal plugin nella barra di amministrazione sarà visibile a tutti gli utenti connessi e rimanda direttamente all'editor dei file del tema. Si consiglia di utilizzare questo plugin solo in un ambiente di sviluppo, come un sito di staging.
Suggerimento Bonus: Aggiungere codice personalizzato per header e footer in WordPress
A volte, potresti pensare di dover modificare header.php o footer.php solo per aggiungere uno script di tracciamento o un codice di verifica. Tuttavia, modificare direttamente questi file può essere rischioso e difficile da gestire.
Invece, puoi usare un plugin gratuito come WPCode. Ti permette di inserire in modo sicuro snippet di codice nell'intestazione o nel piè di pagina senza aprire un singolo file di template.
In realtà utilizziamo WPCode su alcuni dei nostri siti web partner. Mantiene le nostre personalizzazioni al sicuro durante gli aggiornamenti del tema e impedisce che errori di codice compromettano il sito.
Se sei curioso riguardo alle nostre esperienze, dai un'occhiata alla nostra recensione dettagliata di WPCode.
WPCode ha un'interfaccia semplice per incollare il tuo codice. In questo modo, i file del tuo tema rimangono intatti e le tue modifiche restano al sicuro durante gli aggiornamenti.
Ad esempio, ecco quanto è facile aggiungere uno script di tracciamento:
L'uso di plugin come questo fa risparmiare tempo e riduce gli errori. È un modo più sicuro per aggiungere nuove funzionalità al tuo sito web. Per maggiori dettagli, puoi consultare la nostra guida su come aggiungere codice nell'intestazione e nel piè di pagina di WordPress.
Domande frequenti: Quali file modificare nel tuo tema WordPress
Ancora insicuro su dove iniziare o come evitare errori comuni? Ecco alcune risposte rapide alle domande più frequenti sulla modifica dei file del tema di WordPress.
Perché non dovrei modificare i file del mio tema WordPress principale?
Modificare direttamente i file del tuo tema principale è rischioso perché qualsiasi modifica apportata verrà sovrascritta la prossima volta che il tema verrà aggiornato. Gli aggiornamenti di WordPress in genere sostituiscono l'intera cartella del tema, il che significa che le tue personalizzazioni potrebbero scomparire senza preavviso.
Cos'è un tema figlio e perché è importante?
Un tema figlio è un tema separato che eredita la funzionalità e lo stile di un tema padre. È il modo più sicuro per personalizzare il tuo sito perché mantiene le tue modifiche separate dai file del tema originale. In questo modo, puoi aggiornare in sicurezza il tema padre senza perdere le tue modifiche.
Posso visualizzare in anteprima le modifiche prima di renderle attive?
Assolutamente. Utilizzare un sito di staging è uno dei modi migliori per visualizzare le modifiche senza influire sul tuo sito live. Puoi anche utilizzare il Personalizzatore Tema o l'Editor del Sito Completo (se il tuo tema lo supporta) per testare semplici modifiche di design in tempo reale prima di pubblicarle.
Ho bisogno di competenze di programmazione per modificare i file del tema di WordPress?
Se desideri modificare direttamente i file del tema come header.php, functions.php o single.php, allora sì, una conoscenza di base di HTML, CSS e PHP è importante per evitare di compromettere il tuo sito.
Tuttavia, per personalizzazioni semplici come cambiare colori, font o layout, molti temi offrono opzioni di personalizzazione integrate nell'Area Personalizzazione Tema o nell'Editor Sito Completo. Puoi anche utilizzare page builder come SeedProd e Elementor per apportare modifiche visive senza toccare il codice.
Esistono strumenti che mi aiutano a trovare quale file del tema modificare?
Sì! Strumenti come il plugin What The File possono dirti esattamente quale file di template viene utilizzato in ogni pagina. Puoi anche fare riferimento alla gerarchia dei template di WordPress per capire come vengono caricati i diversi file del tema a seconda del tipo di contenuto visualizzato.
Come aggiungo in modo sicuro CSS personalizzato al mio sito WordPress?
Uno dei modi più semplici per aggiungere CSS personalizzato è tramite l'Area Personalizzazione Tema sotto Aspetto » Personalizza » CSS aggiuntivo.
In alternativa, puoi utilizzare un plugin per snippet di codice come WPCode o il foglio di stile di un tema child. Questi metodi assicurano che i tuoi stili non vengano persi durante gli aggiornamenti del tema, specialmente se stai utilizzando un tema a blocchi dove il menu Personalizza potrebbe essere nascosto.
Risorse aggiuntive: Altri suggerimenti e trucchi per i temi WordPress
Speriamo che questo articolo ti abbia aiutato a trovare quali file modificare nel tuo tema WordPress. Successivamente, potresti anche voler consultare le nostre guide su:
- Come usare il personalizzatore di temi WordPress come un professionista
- Guida completa per principianti all'editor completo del sito di WordPress
- Come visualizzare informazioni su plugin e temi in WordPress
- Foglio di riferimento rapido per lo sviluppo di temi WordPress
- Temi WordPress gratuiti vs Premium (Pro e contro per i proprietari di siti)
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Dennis Muthomi
Apprezzo particolarmente la tua enfasi sull'uso dei temi figli per modifiche estese.
Questo è un consiglio cruciale che molti principianti trascurano.
Nella mia esperienza, la creazione di un tema figlio mi ha risparmiato innumerevoli ore di frustrazione durante l'aggiornamento dei temi.
kzain
C'è un modo per visualizzare in anteprima le modifiche apportate ai file del tema prima di renderle attive sul sito? Sarebbe molto utile per evitare interruzioni indesiderate. Grazie per aver fornito consigli così chiari e pratici!
Commenti WPBeginner
Un'opzione sarebbe utilizzare un sito di staging o un server locale per testare il tema prima che le modifiche diventino attive.
Moinuddin Waheed
Questo è un compito un po' orientato agli sviluppatori, ma sì, a volte ci troviamo di fronte alla domanda di modificare un file e ci troviamo nel dilemma di quale modificare per apportare le modifiche desiderate.
Pensavo che fosse sempre il file functions.php quello da cambiare, ma no, la modifica va fatta dove è desiderata.
Esplorerò il plugin per vedere dove dovremo apportare le modifiche.
Grazie per questa guida tutorial. è davvero utile per capire meglio questi concetti.
Supporto WPBeginner
You’re welcome
Amministratore
Jiří Vaněk
Grazie per il suggerimento. A volte, ho bisogno di apportare una modifica su un sito web e non si sa immediatamente quale file modificare. Questo plugin può essere un grande aiuto per capire quale file di template viene attualmente utilizzato.
Supporto WPBeginner
Glad we could share this plugin
Amministratore
Riyaz
L'installazione di questo plugin mi ha reso la vita più facile. Tuttavia, alcuni temi lasciano qualcosa come questo:
$has_sidebar = is_active_sidebar( ‘single-blog’ );
do_action( ‘mytheme_page_header’ );
e anche alcune funzioni che non trovo da nessuna parte:
mytheme_get_listings_image(‘mytheme-list’)
C'è un modo per trovare queste cose?
Supporto WPBeginner
Dovresti esaminare manualmente i file, normalmente si trovano nel file functions.php
Amministratore
mark Swift
Ciao,
bel articolo,
ma cosa succede se i file non sono disponibili nel tema figlio che devo modificare??
Cos
Se copi i file del template (.php) nel tuo tema figlio (in modo da poterli modificare e non perdere le modifiche quando il tema viene aggiornato), cosa succede se il file che hai copiato e modificato viene aggiornato dallo sviluppatore del tema? Perdi quindi il beneficio del loro aggiornamento?
Susan Sheridan
Che ne dici di questo stesso tipo di strumento per scoprire quali fogli di stile vengono applicati?
Bond Shands
Speravo di usare queste indicazioni per cambiare la riga dell'indirizzo postale dell'ufficio postale in fondo al mio blog. Tuttavia, l'installazione e l'attivazione del plugin What The File non hanno prodotto risultati apprezzabili. Non è apparso nulla sulla mia barra dei menu. Inoltre, ad essere onesti, le tue istruzioni mi hanno lasciato al buio su come avrei visto il plugin visualizzato quando visualizzavo la pagina del blog che volevo vedere. (Inoltre, sono già un abbonato tramite un indirizzo email alternativo).
Supporto WPBeginner
Ciao Bond Shands,
Ogni sito WordPress utilizza un paio di template che vengono caricati su ogni pagina. Ad esempio, i template dell'header e del footer. Per modificare il tuo indirizzo postale dovrai modificare il file footer.php. Tuttavia, assicurati di eseguire il backup del tuo tema WordPress prima di apportare modifiche dirette.
Grazie
Amministratore