Come aggiornare un tema WordPress senza perdere le personalizzazioni

Sei preoccupato di perdere le tue personalizzazioni quando aggiorni il tema del tuo sito web WordPress?

Una delle cose migliori di WordPress è quanto sia facile personalizzarlo. Ma sfortunatamente, c'è un'alta probabilità che perderai alcune delle tue modifiche quando aggiorni il tuo tema.

L'abbiamo visto accadere molte volte, dove gli utenti di WordPress hanno riversato il loro cuore e la loro anima nella personalizzazione dei loro siti web, solo per vedere quelle modifiche scomparire dopo un aggiornamento di routine del tema. Fortunatamente, possiamo aiutarti a evitare questo problema e a mantenere sicure le tue personalizzazioni.

In questo articolo, ti mostreremo come aggiornare facilmente un tema WordPress senza perdere le personalizzazioni.

Come funzionano gli aggiornamenti dei temi in WordPress

WordPress è dotato di un potente sistema per installare aggiornamenti non solo per WordPress stesso, ma anche per plugin e temi.

Il tuo sito web WordPress controlla regolarmente gli aggiornamenti e li visualizza nella pagina Dashboard » Aggiornamenti.

Quando un aggiornamento del tema diventa disponibile, vedrai anche una notifica nella pagina Aspetto » Temi.

Gli aggiornamenti sono davvero importanti per la sicurezza e le prestazioni del tuo sito web WordPress. Oltre alle correzioni di sicurezza e ai bug, gli sviluppatori di temi possono anche introdurre nuove funzionalità con questi aggiornamenti.

Puoi semplicemente fare clic sul pulsante 'Aggiorna ora' per installare la nuova versione.

WordPress scaricherà quindi il pacchetto del tema, lo decomprimerà e sostituirà i vecchi file con la versione più recente.

Questo sovrascriverà tutti i vecchi file del tema sul tuo sito web. Se hai aggiunto manualmente codice personalizzato ai file del tuo tema WordPress, perderai tali modifiche.

Detto questo, diamo un'occhiata a quali modifiche del tema sono sicure e quali personalizzazioni verranno cancellate.

Quali personalizzazioni puoi perdere durante l'aggiornamento del tema?

Ci sono diversi modi per personalizzare un tema WordPress. Alcune di queste personalizzazioni del tema sono sicure perché le tue modifiche vengono archiviate nel database di WordPress stesso.

Personalizzazioni che non perderai durante un aggiornamento del tema

Non perderai alcuna modifica apportata tramite il personalizzatore del tema integrato di WordPress, a cui puoi accedere visitando la pagina Aspetto » Personalizza.

Il personalizzatore del tema ti consente di modificare il tuo tema WordPress e archiviare tutte le modifiche nel database di WordPress. Puoi cambiare l'immagine dell'intestazione, i colori, il layout, CSS personalizzato e altro ancora.

Anche i tuoi widget e menu di navigazione di WordPress non sono interessati dagli aggiornamenti del tema.

Temi WordPress popolari come Astra e Ocean WP ora includono plugin complementari. Questi plugin vengono utilizzati per aggiungere funzionalità extra al tuo tema. Qualsiasi modifica al tema apportata utilizzando questi plugin complementari non è interessata da un aggiornamento del tema.

Se personalizzi il layout di WordPress utilizzando un page builder per WordPress come SeedProd, Divi o Beaver Builder, tali modifiche non saranno interessate.

Qualsiasi altra funzionalità che hai aggiunto al tuo sito web utilizzando un plugin è anch'essa al sicuro. Ad esempio, i tuoi moduli di contatto WordPress, Google Analytics, popup per newsletter via email e altro ancora.

Personalizzazioni che perderai durante un aggiornamento del tema

Ciò che perderai sono eventuali modifiche apportate direttamente ai file del tuo tema.

Ad esempio, potresti aver aggiunto codice al file functions.php del tuo tema o aggiunto stili CSS al file del foglio di stile del tuo tema (style.css). Queste modifiche andranno perse perché i file verranno sovrascritti quando il tuo tema verrà aggiornato.

La stessa cosa accadrà se hai apportato modifiche a uno qualsiasi dei modelli del tuo tema, come index.php, header.php e footer.php. Anche questi file verranno sovrascritti e perderai le tue modifiche.

Tuttavia, se hai aggiunto codice al tuo sito WordPress utilizzando un plugin per snippet di codice, non perderesti queste personalizzazioni.

Ecco perché raccomandiamo sempre WPCode. Ti consente di aggiungere facilmente codice personalizzato direttamente dalla tua dashboard di WordPress. Questi snippet di codice vengono eseguiti come se fossero nei file del tuo tema, ma rendono le tue personalizzazioni a prova di futuro.

WPCode semplifica anche la gestione di tutto il tuo codice personalizzato da un'unica schermata centrale. In questo modo, non dovrai mai preoccuparti di perdere uno snippet o di commettere un errore.

Puoi iniziare con la versione gratuita di WPCode per rendere a prova di futuro le personalizzazioni del tuo sito web. Per maggiori dettagli, consulta questa guida su come aggiungere facilmente codice personalizzato in WordPress.

Ora che sappiamo quali modifiche verranno eliminate, parliamo di come preservarle durante un aggiornamento del tema.

Metodo 1: Utilizzare un plugin per snippet di codice per preservare le personalizzazioni (Consigliato)

Se hai aggiunto codice personalizzato ai file del tuo tema WordPress, il modo più semplice per salvarlo è spostarlo nel plugin WPCode prima di aggiornare il tuo tema.

Per iniziare, vai su Aspetto » Editor file del tema dalla dashboard di WordPress.

Quindi, naviga nella barra laterale della colonna di destra e fai clic sul file functions.php per aprirlo nell'editor.

Da qui, devi individuare dove hai precedentemente aggiunto il tuo codice personalizzato, che si trova spesso alla fine del file. Una volta trovato il tuo codice personalizzato, copialo e incollalo in un editor di testo semplice sul tuo computer, come Blocco note.

Successivamente, è necessario installare e attivare il plugin gratuito WPCode. Se hai bisogno di aiuto, consulta il nostro tutorial su come installare un plugin di WordPress.

Una volta attivato il plugin, vai su Code Snippets » Add Snippet dalla dashboard di WordPress.

Quindi, passa il mouse sopra l'opzione 'Aggiungi il tuo codice personalizzato (Nuovo snippet)' e fai clic sul pulsante 'Aggiungi snippet personalizzato'.

Dopodiché, seleziona ‘PHP Snipept’ come tipo di codice dall'elenco di opzioni che appaiono sullo schermo.

Ora, copia uno degli snippet di codice che hai salvato sul tuo computer nel passaggio precedente e incollalo nella casella Code Preview.

Puoi anche aggiungere un titolo per il tuo snippet in cima alla pagina per aiutarti a ricordare a cosa serve il codice.

Dopodiché, semplicemente sposta l'interruttore in cima alla pagina da ‘Inactive’ ad ‘Active’ e fai clic sul pulsante ‘Save Snippet’.

Il plugin ora caricherà automaticamente il codice sul tuo sito WordPress.

Nota: Devi ripetere questo processo per ciascuno dei tuoi snippet di codice personalizzati.

Puoi anche seguire passaggi simili per spostare eventuali personalizzazioni dal file header.php e dal file footer.php nel plugin WPCode. Per istruzioni passo passo, consulta la nostra guida su come aggiungere codice nell'intestazione e nel piè di pagina in WordPress.

Una volta aggiunti tutti i tuoi snippet di codice in WPCode, sono a prova di futuro e puoi aggiornare in sicurezza il tuo tema senza perdere le tue personalizzazioni.

Metodo 2: Creare un tema figlio per preservare le personalizzazioni

Un tema figlio è un tema WordPress che eredita la funzionalità, le caratteristiche e lo stile di un altro tema WordPress, il tema padre. Puoi quindi personalizzare il tema figlio senza apportare modifiche al tema padre.

Poiché le tue modifiche sono memorizzate nel tema figlio, puoi aggiornare in sicurezza il tema padre senza perdere le tue personalizzazioni. In questo tutorial, creeremo un tema figlio e sposteremo tutte le tue personalizzazioni su di esso.

Puoi creare il tema figlio utilizzando un plugin o utilizzando il codice. Vai alla nostra guida per principianti su come creare un tema figlio di WordPress e creane uno ora. Il tema che devi aggiornare dovrebbe essere il tema padre.

Non attivare ancora il tema figlio. Lo faremo alla fine di questo tutorial.

Se utilizzi il metodo del codice per creare un tema figlio, dovresti crearlo in una cartella sul tuo computer. Se utilizzi il metodo del plugin, dovrai scaricare la cartella del tema figlio sul tuo computer nella sezione successiva.

Scaricare le cartelle dei temi sul tuo computer

La prima cosa da fare è connettersi al proprio account di hosting WordPress utilizzando un client FTP.

Una volta connessi, vai alla cartella /wp-content/themes/ e scarica la cartella del tuo tema sul tuo computer.

Questa cartella sarà il backup del tuo tema e delle tue personalizzazioni. Successivamente copieremo le tue personalizzazioni da questa cartella nella cartella del tema figlio.

Se hai creato un tema figlio utilizzando il metodo del plugin nella sezione precedente, dovresti scaricare la sua cartella sul tuo computer nello stesso modo.

Ora dobbiamo scaricare l'aggiornamento del tuo tema. Dovresti visitare il sito web del tuo tema e scaricare l'ultima versione sul tuo computer. Dopodiché, dovrai individuare il file zip del tema ed estrarlo.

Ora dovresti avere tre cartelle del tema sul tuo computer: la nuova versione aggiornata del tuo tema, la vecchia versione personalizzata del tuo tema e il tema figlio che hai appena creato.

Copiare le personalizzazioni nel tema figlio

Successivamente, dobbiamo identificare tutte le modifiche apportate al tuo tema in modo da poterle copiare nel tema figlio. Il modo più semplice per farlo è confrontare i file del tema vecchio e nuovo.

Dovrai utilizzare un software di confronto file per vedere la differenza tra la versione nuova e quella vecchia di ogni file. Consigliamo agli utenti Windows di usare WinMerge, agli utenti Mac di usare Kaleidoscope e agli utenti Linux di usare Meld.

Apri il tuo software di confronto file e quindi trascina la versione aggiornata del tuo tema nel pannello di sinistra e la vecchia versione personalizzata a sinistra. Il software evidenzierà eventuali file modificati o aggiunti.

Con l'eccezione di functions.php e style.css, dovresti copiare i file evidenziati nel pannello di destra nella cartella del tuo tema figlio.

Il tuo tema figlio ha già i suoi file functions.php e style.css, quindi dobbiamo gestirli in modo diverso. Dovrai copiare tutte le modifiche apportate a quei file e incollarle in fondo ai file del tuo tema figlio.

Per prima cosa, apri le versioni aggiornata e vecchia del tuo file functions.php nel tuo software di confronto. Devi copiare il testo evidenziato dalla versione personalizzata e copiarlo negli appunti.

Successivamente, dovresti incollare il testo in fondo al file functions.php del tuo tema figlio. Assicurati di salvare il file dopo averlo fatto.

Se il file style.css del tuo tema è stato modificato, dovrai ripetere il processo con quel file.

Caricare le cartelle del tema aggiornato e del tema figlio

Dopo aver copiato le tue modifiche nel tema figlio, sei pronto per caricare il tema aggiornato e il tema figlio sul tuo sito web.

Connettiti semplicemente al tuo sito web utilizzando il client FTP e vai alla cartella /wp-content/themes/. Dopodiché, dovresti selezionare la cartella del tema aggiornato e la cartella del tema figlio e caricarle sul tuo sito web.

Il tuo client FTP ti avviserà che i file con lo stesso nome esistono già.

Devi scegliere 'Sovrascrivi' per assicurarti che i tuoi vecchi file del tema vengano sostituiti dalle versioni aggiornate.

Importazione delle impostazioni del personalizzatore del tema

Abbiamo menzionato all'inizio di questo articolo che qualsiasi personalizzazione apportata con il personalizzatore del tema di WordPress non viene memorizzata nel tuo tema, quindi non è ancora stata aggiunta al tema figlio.

Dovremo aggiungerle ora. Per farlo, useremo un plugin per esportare le impostazioni del personalizzatore del tema dal tema padre e poi importarle nel tema figlio.

La prima cosa da fare è installare e attivare il plugin Customizer Export/Import su entrambi i siti dove vuoi esportare/importare. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.

Successivamente, dobbiamo esportare le impostazioni del personalizzatore del tema padre. Con il tema padre ancora attivo, devi visitare la pagina Temi » Personalizza.

Quindi devi fare clic sul pannello Esporta/Importa per visualizzare le sue impostazioni e poi fare clic sul pulsante Esporta.

Il plugin ora esporta le tue impostazioni del personalizzatore e le invia al tuo computer in un file .dat.

Successivamente, dovresti attivare il tuo child theme. Naviga semplicemente su Aspetto » Temi e poi fai clic sul pulsante ‘Attiva’ sotto il child theme.

Dopodiché, devi tornare alla pagina Aspetto » Personalizza e fare clic sul pannello Esporta/Importa.

Dovresti fare clic sul pulsante ‘Scegli file’ per selezionare il file che hai esportato in precedenza. Devi anche selezionare la casella accanto all’opzione ‘Scarica e importa file immagine?’ per importare l’header e altri file immagine.

Successivamente, dovresti fare clic sul pulsante ‘Importa’ per avviare il caricamento. Il plugin importerà ora le impostazioni del customizer dal tuo file di esportazione.

Una volta terminato, puoi visualizzare in anteprima le tue modifiche nel customizer e poi fare clic sul pulsante ‘Salva e pubblica’ per rendere effettive tali modifiche.

Ora hai spostato tutte le tue personalizzazioni nel child theme. In futuro, potrai aggiornare il parent theme senza dover ripetere questi passaggi.

Speriamo che questo articolo ti abbia aiutato ad aggiornare il tuo tema WordPress senza perdere le personalizzazioni. Se riscontri problemi, consulta la nostra guida sui errori più comuni di WordPress e come risolverli. Potresti anche voler consultare il nostro elenco dei migliori theme builder per siti WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.