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
I temi WordPress sono costituiti da diversi file. Questi includono file di template, tag e funzioni di template personalizzati, parti di template, immagini, JavaScript e file CSS.
Tutti i migliori temi WordPress seguono le migliori pratiche ufficiali. Ciò significa che organizzano tutto il codice utilizzando la struttura standard di file e template.
Ad esempio, tutti i temi WordPress hanno archive.php, single.php, functions.php e altri file.
Ogni file viene utilizzato come template per visualizzare una particolare area del tuo sito web WordPress.
Ad esempio, il template single.php visualizza i singoli post. Nel frattempo, il template page.php visualizza una singola pagina.
Comprendere la gerarchia dei template di WordPress ti darà una migliore comprensione di come funziona WordPress. 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:
- Trovare i file di template da modificare in un tema WordPress
- Suggerimento Bonus: Aggiungere codice personalizzato per header e footer in WordPress
- Domande frequenti: Quali file modificare nel tuo tema WordPress
- Risorse aggiuntive: Altri suggerimenti e trucchi per i temi WordPress
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: Tieni presente che questo plugin è un po' obsoleto e non è stato testato con gli ultimi aggiornamenti di WordPress. Tuttavia, lo abbiamo testato di recente sui nostri siti di staging e abbiamo scoperto che funziona ancora bene.
Se hai dubbi, ti consigliamo di consultare la nostra guida per vedere se è sicuro utilizzare 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 normale, come Blocco note.
Non è consigliabile apportare modifiche dirette al tema di WordPress. Queste modifiche verranno eliminate quando aggiornerai il tuo tema.
Apportare modifiche dirette al tema di WordPress è anche una cattiva idea. Questo perché tali modifiche scompariranno quando aggiornerai il tuo tema.
Se hai solo bisogno di aggiungere del CSS, puoi farlo come CSS personalizzato in WordPress.
Per modifiche più estese ai file del tuo tema, dovresti creare un tema figlio. Il plugin 'What The File' può aiutarti a individuare i file del tema che devi copiare e modificare nel tuo tema figlio.
☝ Nota: La voce di menu aggiunta dal plugin nella barra di amministrazione sarà visibile a tutti gli utenti connessi e rimanderà a un sito esterno. Dovresti usare 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, non è necessario modificare i file del tuo tema per aggiungere funzionalità al tuo sito WordPress.
Ad esempio, potresti voler solo aggiungere codice personalizzato all'area di intestazione o piè di pagina del tuo sito per inserire script di tracciamento o codici di verifica.
In questi casi, puoi utilizzare plugin per aggiungere snippet di codice senza modificare i file del tema, come WPCode.
Usiamo WPCode per gestire snippet di codice su diversi dei nostri siti web, e ci piace molto. Se sei curioso delle 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, qui aggiungiamo un codice di tracciamento personalizzato nell'intestazione del nostro sito demo:
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 incerto da dove iniziare o come evitare errori comuni? Queste domande frequenti possono aiutarti a prendere decisioni più intelligenti e sicure quando personalizzi il tuo tema 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.
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
- Come aggiungere un effetto parallasse a qualsiasi tema WordPress
- Come aggiungere un effetto di scorrimento fluido verso l'alto in WordPress usando jQuery
- Cos'è un Framework per Temi WordPress?
- Foglio di riferimento rapido per lo sviluppo di temi WordPress
- Classi CSS generate da WordPress per stilizzare i tuoi temi
- Temi WordPress gratuiti vs Premium (Pro e contro per i proprietari di siti)
- I migliori temi WordPress semplici che dovresti provare
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