Come personalizzare un tema WordPress

WordPress viene fornito con una varietà di temi integrati. In alcuni casi, i temi standard funzionano bene per l'aspetto grafico del tuo sito, ma in altri casi potresti volere un aspetto più personalizzato. In altre parole, vuoi personalizzare il tuo sito web.

Le opzioni per personalizzare il tuo tema WordPress variano in base a ciò che vorresti cambiare e al tuo know-how tecnico. In questo articolo, ci concentreremo sui diversi modi in cui puoi apportare modifiche al tuo sito in modo che appaia e funzioni come desideri. La chiave è trovare l'opzione giusta per te.

Cosa controlla il tuo tema WordPress?

Sapere quali controlli del tuo tema WordPress è un buon punto di partenza quando stai pensando alle personalizzazioni. I temi influenzano il modo in cui vengono visualizzati il ​​tuo sito Web e i suoi contenuti. Ciò include funzionalità come caratteri, colori, layout del sito, posizioni dei widget e stile dei tuoi post o archivi, tra gli altri dettagli basati sullo stile.

Identifica perché vuoi personalizzare il tuo tema WordPress

Prima di iniziare ad apportare modifiche al tuo tema, è importante identificare il motivo alla base di quel desiderio. Se stai cercando semplici modifiche all'aspetto del tuo sito Web, puoi farlo attraverso le funzionalità fornite da WordPress.

Se manca una funzionalità, quello che stai cercando è il plugin giusto. I plugin sono software che ampliano ciò di cui è capace il tuo sito web. WordPress ha un ampio database di plugin disponibili, quindi sfogliare le opzioni è una buona idea. Alcune delle funzionalità che puoi aggiungere con il plug-in giusto includono l'integrazione dei social media, l'ottimizzazione dei motori di ricerca (SEO) e l'aggiunta di più widget.

Puoi trovare i plug-in accedendo alla dashboard di WordPress e cercando la categoria "Plugin". Una volta lì, puoi cercare quelli che soddisfano le tue esigenze.

Precauzioni da adottare prima di personalizzare il tema

Hai dedicato molto tempo alla creazione del tuo sito Web, quindi l'ultima cosa che vuoi fare è danneggiarlo mentre cerchi di apportare modifiche. Non dovrebbero esserci problemi se stai apportando modifiche tramite le funzionalità fornite da WordPress, ma procedi comunque con cautela. Si consiglia di apportare le modifiche una alla volta in modo da poter ripristinare facilmente l'originale se non ti piace l'effetto.

Se stai utilizzando le opzioni più avanzate di cui parleremo più avanti nell'articolo, ti consigliamo di utilizzare una versione di sviluppo locale del tuo sito. In questo modo, lo proteggerai e sarai in grado di modificare le modifiche prima di implementarle completamente. Dovresti anche utilizzare un sito di staging in modo da poter testare la funzionalità delle modifiche prima di lanciarle ufficialmente.

Quando personalizzi il tuo tema a un livello avanzato, ne stai producendo un'altra versione. È qui che entra in gioco il controllo della versione appropriato. Sia che tu stia semplicemente numerando ogni versione o utilizzando un servizio per aiutarti a tenerne traccia, dovrai essere in grado di proteggere ciò che funziona per il tuo sito. Se modifichi un tema e scopri dei problemi, dovrebbe essere facile ripristinare il tema originale.

Come utilizzare le funzionalità di personalizzazione di WordPress

Per semplici modifiche al tema come colori, caratteri e layout dei widget, dovresti controllare la funzione di personalizzazione del tema di WordPress. Una volta effettuato l'accesso al tuo sito, puoi accedere alla dashboard e al link "Personalizza". Sotto quella categoria, vedrai l'opzione per modificare l'aspetto del tuo sito utilizzando il Personalizzatore di WordPress. È qui che scoprirai quali sono le possibilità di personalizzazione per il tema che stai utilizzando.

Alcuni temi hanno più opzioni di altri, ma recentemente WordPress ha incluso temi che hanno un'ampia varietà di possibili regolazioni. Si consiglia di provare prima questo percorso. Sebbene sia una soluzione abbastanza semplice, potrebbe darti il ​​design che stai cercando.

Durante la ricerca di modi per cambiare il tema, potresti anche imbatterti in quello che viene chiamato "Editor di temi" nella categoria "Aspetto". Questa opzione ti dà accesso diretto ai file nel tuo tema in modo da poterli modificare. Sembra esattamente quello di cui hai bisogno, ma ci sono due ottimi motivi per cui ti consigliamo di lasciarlo da solo.

In primo luogo, se stai utilizzando un tema di terze parti, tutte le modifiche apportate andranno perse la prossima volta che ci sarà un aggiornamento. I temi e altri aspetti del tuo sito verranno aggiornati occasionalmente per assicurarsi che il tuo sito rimanga sicuro e compatibile con WordPress. Non è consigliabile disattivare gli aggiornamenti, quindi perdere le modifiche sarebbe inevitabile.

In secondo luogo, anche se sei esperto nel web design e conosci CSS o PHP, le cose possono andare storte. Se utilizzi l'editor di temi, le modifiche ai file possono danneggiare completamente il tuo sito. Poiché hai apportato modifiche direttamente al tema, la versione originale non esisterebbe più e non saresti in grado di tornare al tuo sito non modificato.

Se vuoi modificare il tuo tema a un livello fondamentale, un editor di codice è la soluzione migliore. Per i temi di terze parti, si consiglia l'uso di un tema figlio. Scoprirai di più su queste opzioni più in basso.

Come utilizzare un Page Builder per personalizzare il tuo tema

Questa è un'altra opzione facile da usare che ti aiuta a personalizzare il tuo tema WordPress. Un generatore di pagine è un plug-in che installi in base al tema che stai utilizzando. Il plug-in deve essere compatibile con il tuo tema, quindi assicurati di fare le tue ricerche in modo che le cose si muovano senza intoppi.

Quando utilizzi il plug-in per la creazione di pagine, vedrai funzionalità di trascinamento della selezione che semplificano l'ottenimento di un aspetto davvero personalizzato. Mentre sposti le cose, otterrai un'immagine in tempo reale di come apparirà il tuo sito e il suo contenuto quando avrai finito. I page builder sono una buona opzione perché offrono maggiore flessibilità ma sono comunque facili da usare.

Come utilizzare un framework per personalizzare il tuo tema

I framework sono un'alternativa ai page builder ma generalmente sono altrettanto facili da usare. Con un framework, avrai alcuni temi che sono stati raggruppati. In questo gruppo c'è il tema principale noto come framework. Gli altri temi del gruppo sono conosciuti come temi figlio.

Modificando il tema figlio associato al framework, puoi personalizzare l'aspetto del tuo tema generale. Se vuoi modificare i temi figlio, ci sono programmi che ti permetteranno di farlo. Proprio come l'opzione del generatore di pagine, anche quei temi del framework hanno un'interfaccia di trascinamento della selezione.

Come utilizzare la codifica per personalizzare il tuo tema

La personalizzazione del tuo tema WordPress a livello di codice è l'opzione più avanzata a tua disposizione. È anche quello che ti dà il maggior controllo su quale sarà il tuo prodotto finito. Ovviamente, non dovresti tentare questo a meno che tu non sia esperto nella modifica di CSS o PHP. In caso contrario, sarebbe meglio attenersi alle opzioni discusse sopra.

Se il tuo sito utilizza un tema che hai creato, puoi apportare modifiche al file e ricaricarlo sul tuo sito. Le cose sono un po' più complicate se utilizzi un tema di terze parti. È qui che la creazione di un tema figlio potrebbe tornare utile. Ma prima, iniziamo con le basi.

La base di qualsiasi tema WordPress è il suo foglio di stile ed è indicato come style.css. È qui che troverai tutto il codice associato a caratteri, display, layout e altro ancora. Per modificare un particolare elemento, devi trovare il relativo codice nel foglio di stile.

Quando stai cercando il codice da cambiare, devi essere molto diligente nella tua ricerca. Alcuni elementi in realtà prendono il loro stile da altri che si trovano al di sopra di loro nella gerarchia. Per personalizzare il tuo tema in modo efficace, devi assicurarti di modificare il codice giusto.

Per trovare l'origine CSS per un elemento, usa l'ispettore del tuo browser. Ad esempio, Google Chrome ha una funzione DevTools che sarà utile.

Se sei più interessato alla personalizzazione di funzionalità come widget e immagini in primo piano, allora stai cercando il file delle funzioni. Questo prende il formato di functions.php. Modificando questo file, sarai in grado di apportare modifiche alla funzione generale del tuo tema.

Prima di apportare tali modifiche, tuttavia, dovresti considerare se desideri o meno applicare tali modifiche solo al tema corrente o al sito in generale. Se pensi che ti piacerebbe avere quella funzione indipendentemente dal tema che stai utilizzando, ti consigliamo di creare invece un plug-in. In questo modo, puoi sempre utilizzare quella funzione.

Un altro file che puoi modificare è il modello del tema. I temi di WordPress utilizzano i modelli per determinare come il contenuto viene posizionato su una determinata pagina in base a una gerarchia di modelli. Per apportare modifiche alla modalità di visualizzazione delle pagine e dei contenuti, puoi modificare i file PHP esistenti per crearne di tuoi. Questo può essere complicato, quindi assicurati di utilizzare un sito locale o di staging per evitare di danneggiare il tuo sito web.

L'ultima cosa che affronteremo è l'uso di temi figlio quando è necessario personalizzare un tema di terze parti. In genere, questo è un processo in quattro fasi.

1. Devi creare una nuova cartella in wp-content/themes.
2. Crea un foglio di stile in quella cartella e informa WordPress che è un tema figlio del tema che stai attualmente utilizzando.
3. Inserisci le copie dei file del tema che desideri modificare in quel foglio di stile ed esegui le modifiche.
4. Attiva il nuovo tema figlio sul tuo sito.

Dovresti vedere le modifiche desiderate una volta attivato il tema figlio. Questo perché WordPress di solito utilizza le informazioni dal tema figlio a meno che non ci sia un altro file nel tema principale che si trova più in alto nella gerarchia. Inoltre, se ci sono due versioni, WordPress darà la preferenza al tema figlio. Ciò significa che il tuo tema figlio appena caricato sovrascriverà il file del tema principale.

Come notato prima, tuttavia, la modifica del codice del tema dovrebbe essere l'ultima risorsa. Anche se prendi le precauzioni necessarie indicate all'inizio di questo articolo, le cose possono comunque andare storte. Dovresti sempre provare prima le altre opzioni a tua disposizione.

Altri fattori da considerare quando si personalizza un tema WordPress

Quando personalizzi il tuo tema WordPress, hai più cose a cui pensare oltre a cosa lo fa funzionare per te. Altre due considerazioni sono la reattività del tuo tema e assicurarti che sia ancora accessibile a tutti i tuoi utenti.

Reattività

Questo si riferisce alla facilità con cui il tuo sito web cambia design e funzionalità a seconda del dispositivo utilizzato per accedervi. Quando personalizzi il tuo tema WordPress, devi assicurarti di non aver influito negativamente sulla reattività del tuo sito web.

È fondamentale prestare attenzione alla reattività perché un numero crescente di persone utilizza i propri tablet o telefoni cellulari per accedere alle informazioni online. Se il tuo sito web non è reattivo, influirà sul tuo traffico web e sul posizionamento nei motori di ricerca. Apportare modifiche al tuo tema non sarà utile se perdi utenti.

Accessibilità

Il tuo sito web non deve solo essere reattivo, ma deve anche rimanere accessibile alle persone che hanno a che fare con disabilità o hanno una sensibilità agli elementi sensoriali. Ciò significa che dovresti evitare colori troppo luminosi, caratteri troppo piccoli o uno stile difficile da navigare per queste persone.

Se non sei sicuro di come determinare l'accessibilità del tuo sito, un buon controllo dell'accessibilità è un buon modo per procedere. Puoi trovare alcuni strumenti utili online se ne hai bisogno.

Conclusione

La personalizzazione del tema WordPress può essere semplice o complessa. Il percorso che prendi dipende dalle modifiche che vorresti apportare e dalle tue abilità. Prima di personalizzare, assicurati di scegliere l'opzione più adatta e di prendere le precauzioni necessarie per salvaguardare il tuo sito web. È anche importante scegliere gli strumenti giusti per ciò che vorresti ottenere.

Anche se avere un design personalizzato è un'ottima idea, non farlo a spese del tuo tasso di conversione e del posizionamento sui motori di ricerca. Dovresti sempre controllare che le modifiche che hai apportato non abbiano influito sulle prestazioni del tuo sito.