Come personalizzare un tema WordPress

Potrebbe succedere che installi un tema WordPress ma non funziona per te. Fortunatamente, WordPress è estremamente personalizzabile. Dovrai solo scegliere il modo giusto per farlo. In questo articolo, ti insegneremo diversi modi per personalizzare il tuo tema WordPress in modo sicuro ed efficiente.

Opzioni per personalizzare un tema WordPress

Ci sono diverse opzioni su come personalizzare il tema del tuo sito WordPress a seconda della tua situazione. Ecco una rapida panoramica delle opzioni:

• Installa un plugin per aggiungere funzionalità al tuo tema
• Usa il Customizer nelle schermate di amministrazione di WordPress per personalizzare caratteri, colori e layout, a seconda del tuo tema
• Utilizza le funzionalità del tema di un generatore di pagine per personalizzare il design del tuo sito
• Se hai installato un tema framework, usa uno dei temi figlio disponibili per personalizzare il tuo sito web
• Se hai la capacità e il tema è specifico per il tuo sito, puoi modificare direttamente il codice del tema
• Crea un tema figlio se vuoi modificare il codice di uno schema di terze parti

Come sapere se è necessario personalizzare un tema WordPress

In alcuni casi, in realtà non è necessario personalizzare il tema. Piuttosto, puoi invece installare un plugin. I temi determinano il design del tuo sito web, il modo in cui appare e visualizza i contenuti. I plugin aggiungono semplicemente funzionalità extra. Se le modifiche richieste si basano più sulla funzionalità che sul design, potresti prendere in considerazione l'installazione di un plug-in anziché la personalizzazione del tema. Puoi scrivere un plug-in, scaricarne uno da una directory di plug-in o acquistarne uno.

Se vuoi modificare il file functions.php nel tuo tema, chiediti "Vorrei mantenere questa funzionalità se cambiassi tema in futuro?" Se dici di sì, quel codice dovrebbe andare in un plugin piuttosto che nel tuo tema. Potresti utilizzare un plug-in piuttosto che un tema se desideri aggiungere un widget, registrare tipi di post e tassonomie personalizzati, creare campi personalizzati e aggiungere funzionalità extra come un negozio o miglioramenti SEO.

Come personalizzare il tuo tema WordPress tramite le schermate di amministrazione di WordPress

Un'altra opzione è personalizzare il tuo tema WordPress tramite le schermate di amministrazione di WordPress. Funziona se le modifiche che vuoi apportare sono abbastanza semplici e incentrate sul design. Il Customizer offre diverse scelte per regolare il tuo tema. Le scelte disponibili dipenderanno dal tuo tema. Se vedi l'Editor nel menu Aspetto, assicurati di evitarlo.

Personalizza un tema WordPress tramite il Customizer

Il modo più semplice per personalizzare il tuo tema WordPress è utilizzare WordPress Customizer. Puoi farlo in uno dei due modi:

• Una volta effettuato l'accesso e visualizzato il sito Web, fare clic sul collegamento "Personalizza" nella barra di amministrazione nella parte superiore dello schermo.
• Oppure, nelle schermate di amministrazione, fai clic su Aspetto > Personalizza.

In entrambi i casi ti porterà al Customizer.

L'editor di temi di WordPress

Quando guardi le schermate di amministrazione del tuo sito Web WordPress, potresti vedere una scelta chiamata "Editor di temi", che puoi vedere tramite Aspetto> Editor di temi. Ciò ti consente di vedere i file nel tuo tema e modificarli direttamente. Tuttavia, questa è una cattiva idea. Anche se sai scrivere CSS o PHP, non è una buona idea modificare i file nel tuo tema. Prima di tutto, se hai acquistato o scaricato un tema di terze parti, tutte le modifiche apportate andranno perse al prossimo aggiornamento. In secondo luogo, se apporti una modifica che danneggia il tuo sito Web, non verrà tracciata e la versione precedente del file non verrà modificata. È possibile che tu possa interrompere definitivamente il tuo sito web.

Anche WordPress sa quanto possa essere pericoloso utilizzare l'editor di temi e ti avvisa quando provi ad accedervi. Quindi, segui i consigli di WordPress e non utilizzare mai l'editor di temi.

Se desideri modificare il codice nel tuo tema WordPress, puoi farlo utilizzando un editor di codice. E non modificare mai i file nel tuo sito Web live finché non lo hai testato su un sito di staging. Se devi modificare un tema di terze parti, puoi farlo tramite un tema figlio.

Come utilizzare i page builder e i framework per personalizzare il tuo tema WordPress

Molti temi WordPress hanno opzioni di personalizzazione, il che significa che puoi modificare il design e il layout con il Customizer. Tuttavia, alcuni temi sono in realtà pensati per essere estesi e personalizzati, anche in modo significativo. Questi temi sono in realtà chiamati framework. In alternativa, puoi utilizzare un plug-in che ti aiuta a progettare il tuo sito Web con un'interfaccia intuitiva, chiamata generatore di pagine.

Usa un Page Builder per personalizzare il tuo tema WordPress

Lo scopo dei plug-in Page Builder è semplificare l'impostazione del design del tuo sito web. L'interfaccia ti consente di vedere cosa otterrai in anticipo. Innanzitutto, installi un plug-in per la creazione di pagine con un tema compatibile, quindi utilizzi le opzioni per progettare il tuo sito come preferisci. Uno dei costruttori di pagine più popolari è Elementor. Tuttavia, ci sono diverse opzioni. Uno dei vantaggi dei page builder è che puoi modificare i tuoi post e le tue pagine con un'interfaccia drag-and-drop. Ciò ti consente di creare pagine Web uniche e vedere come appariranno i tuoi contenuti. Offrono anche molta flessibilità quando si tratta di layout e design.

Usa un framework di temi per personalizzare il tuo tema WordPress

Se preferisci non utilizzare un generatore di pagine, puoi anche utilizzare un framework per personalizzare il tuo tema WordPress. Un framework di temi è una suite di temi progettati per funzionare insieme. C'è un tema genitore, che è il framework, e vari temi figli disponibili che puoi usare per personalizzare il tema principale e farlo apparire come preferisci. Divi è un esempio di framework tematico. Ha opzioni di personalizzazione che ti consentono di regolare ancora di più il design del tema figlio, in modo simile all'interfaccia drag and drop come quella dei page builder.

Come modificare il codice del tuo tema WordPress

Se sai come modificare CSS e/o PHP, puoi modificare il codice nel tuo tema per personalizzarlo. Ciò ti consente il massimo controllo, ma richiede anche le conoscenze più tecniche. Se stai modificando il tuo tema che è stato sviluppato appositamente per il tuo sito web, puoi modificarlo direttamente. Tuttavia, se stai lavorando con un tema di terze parti, dovrai creare un tema figlio per evitare di perdere le modifiche al prossimo aggiornamento.

Come modificare i file dei temi

Il primo passo per modificare il tuo tema WordPress è sapere quali file del tema controllano cosa e quali dovrai modificare.

Il foglio di stile

Ogni tema WordPress ha un foglio di stile, chiamato style.css. Questo ha tutto il codice per lo styling del tuo sito web, incluso il layout, i caratteri, le combinazioni di colori e altro. Ad esempio, se desideri modificare i colori nel tema del tuo sito web, puoi modificare il foglio di stile. E se desideri aggiungere un nuovo carattere, puoi utilizzare il foglio di stile per applicare il carattere desiderato a vari elementi, come il testo del corpo e le intestazioni.

Tuttavia, fai attenzione quando modifichi il foglio di stile. Specificità significa che il codice per un elemento non proviene sempre da dove pensi che sia. Ad esempio, gli elementi erediteranno lo stile da altri elementi che si trovano al di sopra di essi nella gerarchia della pagina, a meno che non si aggiunga uno stile specifico per l'elemento inferiore.

Per vedere cosa CSS influisce su ogni elemento della pagina, puoi utilizzare l'inspector nel tuo browser per visualizzare il CSS. Quindi, puoi usarlo per scrivere un nuovo CSS che abbia come target i singoli elementi o l'intervallo di elementi o classi nella pagina che desideri modificare.

Se questo discorso su CSS e specificità è nuovo e confuso per te, ti suggeriamo di evitare di modificare tu stesso il CSS del tuo tema e piuttosto di provare un'opzione diversa per personalizzare il tuo tema WordPress, o consentire agli esperti di SEO Design Chicago di aiutarti!

Il file delle funzioni

La maggior parte dei temi ha anche un file di funzioni, chiamato functions.php. Il file functions è scritto interamente in PHP. Questo file fa funzionare un sacco di cose nel tuo tema. Puoi trovare il codice in questo file per registrare le funzionalità del tema come immagini in primo piano, widget e altro. Puoi anche aggiungere codice funzionale al tuo tema nel file functions. Tuttavia, potresti prendere in considerazione la possibilità di scrivere un plugin invece di aggiungere codice al file functions.

I file modello del tema

La maggior parte dei file in un tema sono file modello di tema. Questi file determinano il contenuto che WordPress emette su una determinata pagina e vengono selezionati in base alla gerarchia dei modelli. Puoi modificare questi file, o crearne uno nuovo, per cambiare il modo in cui il contenuto viene emesso su un determinato tipo di post, pagina o archivio.

Ad esempio, se il tuo tema ha un file archive.php che viene utilizzato per generare pagine di archivio per categorie e tag, puoi apportare modifiche al modo in cui vengono visualizzati i tag. Quindi, crei un file chiamato "tag.php", che sarebbe basato su archive.php con le tue modifiche.

Ancora una volta, sii coscienzioso quando modifichi i file perché potrebbero danneggiare il tuo sito. Usa sempre prima un sito di staging!

Personalizzazione di un tema di terze parti con un tema figlio

Se stai eseguendo un tema di terze parti sul tuo sito web e desideri modificarne il codice, dovrai creare un tema figlio. Se modifichi direttamente il tema e poi lo aggiorni, perderai tutte le modifiche.

Come creare un tema per bambini

1. In wp-content/themes, crea una nuova cartella.
2. In questa cartella, crea un foglio di stile. Nel nuovo foglio di stile, dì a WordPress che questo è un tema figlio del tuo tema esistente.
3. Quindi, aggiungi copie dei file che desideri modificare al tema figlio. Modifica i file in questa cartella.
4. Infine, attiva il tema figlio sul tuo sito web.

WordPress utilizza sempre il file del tema figlio per l'output del contenuto, a meno che non ci sia un file più in alto nella gerarchia nel tema padre. Anche se esistono due versioni dello stesso file, WordPress utilizzerà quella del tema figlio. Fondamentalmente, il nuovo file nel tema figlio sovrascriverà sempre il file del tema padre.

Best practice per personalizzare il tuo tema WordPress

Queste sono alcune best practice da seguire ogni volta che personalizzi il tuo tema WordPress.

Personalizza senza aggiungere codice quando possibile

Ogni volta che puoi effettuare le tue personalizzazioni tramite il Customizer o in qualsiasi altro punto delle schermate di amministrazione, questa è un'opzione molto migliore rispetto alla modifica del codice. Modifica il codice solo se hai familiarità con CSS e PHP e sai come farlo in sicurezza.

Usa un sito di sviluppo locale per apportare modifiche

Se stai modificando il codice nel tuo tema o creando un tema figlio per apportare modifiche, esegui sempre il lavoro di sviluppo su un'installazione locale di WordPress con il tuo tema installato e i tuoi contenuti copiati dal tuo sito live. In questo modo, puoi testare dal vivo i tuoi aggiornamenti su un sito mirror. Questo non ha effetto sul tuo sito live ed è molto più veloce.

Usa il controllo della versione

Ogni volta che apporti modifiche al tuo tema WordPress, dovresti utilizzare il controllo della versione per tenere traccia delle modifiche. Come minimo, è necessario modificare il numero di versione del tema e conservare copie di entrambe le versioni. Ma per eseguire correttamente il controllo della versione, dovrai utilizzare un servizio (come GitHub, ad esempio) per tenere traccia delle modifiche. Se una modifica causa problemi, puoi ripristinarla semplicemente senza apportare modifiche manuali. Questo è un passaggio particolarmente importante se lavori in squadra.

Utilizzare un sito di staging per testare le modifiche

Se puoi accedere a un sito di staging, assicurati di provare su questo sito prima di attivare il tuo nuovo tema sul tuo sito live. Qualsiasi sito locale avrà alcune lievi differenze rispetto al tuo sito live perché si trova su un server diverso e potrebbe essere eseguito su una versione diversa di PHP. Crea una copia del tuo sito live sul tuo server di staging, quindi carica e attiva il tuo nuovo tema. Prima prova il tuo sito per assicurarti che tutto funzioni correttamente, quindi invia le modifiche al tuo sito live.

Rendi il tuo tema reattivo ai dispositivi mobili

È importante assicurarsi che il nuovo tema sia reattivo per i dispositivi mobili, non solo per il desktop. Nel 2021, i dispositivi mobili rappresentano la metà del traffico web. Ecco perché è fondamentale che il tuo nuovo tema WordPress sia ottimizzato per i dispositivi mobili, altrimenti puoi perdere fino alla metà del tuo traffico. Puoi sempre utilizzare uno strumento come BrowserStack per vedere come appare il tuo sito web su vari dispositivi.

Assicurati che le tue personalizzazioni siano accessibili a tutti

Tutte le personalizzazioni apportate al tuo sito Web devono essere accessibili a tutti, inclusi gli utenti con disabilità o disabilità sensoriali. Considera eventuali modifiche come rendere i colori più luminosi o il testo più piccolo e assicurati che siano conformi ADA.

Attenersi agli standard di codifica di WordPress

Ogni volta che modifichi il codice nel tuo tema WordPress o crei un tema figlio, devi assicurarti che il tuo codice sia in linea con gli standard di codifica di WordPress. Questi standard hanno lo scopo di garantire che il codice sia coerente e di alta qualità.

Personalizza il tuo tema WordPress con SEO Design Chicago

Uno dei motivi per cui WordPress è la migliore piattaforma per la creazione di siti Web è perché è estremamente personalizzabile. Tuttavia, può essere difficile personalizzare il tuo sito. Gli sviluppatori web di SEO Design Chicago sono esperti di WordPress e possono personalizzare il tuo tema per te, in modo da ottenere esattamente il sito web che desideri. Contattaci oggi!

Domande frequenti:

• Hai bisogno di personalizzare il tuo tema WordPress?
• Perché non dovrei usare l'editor di temi di WordPress?
• Come trovo il Customizer in WordPress?
• Come modifico il layout, i caratteri e i colori del mio tema WordPress?
• Quali sono alcune best practice per personalizzare i temi di WordPress?