Come usare il Personalizzatore del tema di WordPress come un professionista (Guida definitiva)

Hai mai aperto il Personalizzatore del tema di WordPress, guardato tutte quelle opzioni e ti sei sentito completamente sopraffatto?

Ci sono dozzine di impostazioni per colori, font e layout, che possono sembrare troppe quando stai solo cercando di rendere il tuo sito bello. Modifichi alcune cose, ma in qualche modo il tuo sito web finisce per sembrare peggio di quando hai iniziato.

Abbiamo visto molti principianti incontrare lo stesso problema, e la buona notizia è che è più facile da risolvere di quanto pensi.

In questa guida, ti spiegheremo passo dopo passo come usare il Personalizzatore del tema di WordPress in modo da poter creare un sito web curato e facile da usare senza confusione. Condivideremo anche alcuni suggerimenti che ti faranno risparmiare ore di tentativi ed errori. 🙌

Come accedere al Personalizzatore del tema di WordPress

Il personalizzatore del tema è una funzionalità predefinita di WordPress che ti consente di controllare l'aspetto del tuo tema. Viene fornito con tutti i temi classici e include un pannello di impostazioni per controlli a livello di sito come tipografia, design dell'intestazione e altro ancora.

Puoi accedervi effettuando l'accesso alla tua area di amministrazione di WordPress. Quindi, vai su Aspetto » Personalizza dalla barra laterale sinistra del tuo pannello di amministrazione.

Questo aprirà l'interfaccia del Personalizzatore con il tuo tema corrente.

Puoi anche utilizzare il personalizzatore del tema di WordPress per uno qualsiasi dei temi installati sul tuo sito web, anche se sono inattivi. Questa funzione ti consente di vedere un'anteprima dal vivo del tema e apportare modifiche prima di attivarlo.

Per farlo, dovrai andare alla pagina Aspetto » Temi. Successivamente, posiziona il cursore del mouse su qualsiasi tema installato e fai clic sul pulsante 'Anteprima dal vivo' per aprire la pagina del personalizzatore del tema di WordPress.

Come utilizzare il personalizzatore del tema di WordPress

Dopo aver aperto il personalizzatore del tema di WordPress, vedrai tutte le impostazioni di personalizzazione sul lato sinistro dello schermo. L'anteprima dal vivo del tuo sito web verrà visualizzata sul lato destro.

Il personalizzatore del tema di WordPress viene fornito con un set di pannelli predefiniti indipendentemente dal tuo tema.

Devi fare clic sui singoli pannelli per apportare modifiche. Puoi anche fare clic su una qualsiasi delle icone a matita blu sul lato destro dello schermo per aprire le impostazioni per quel particolare elemento.

Nelle sezioni seguenti, ti mostreremo le opzioni predefinite disponibili nel personalizzatore del tema di WordPress, oltre a condividere alcuni suggerimenti e alternative di personalizzazione.

Se sei interessato a un argomento particolare, puoi fare clic sul link per saltare avanti nell'articolo:

• Pannello Identità del Sito: Aggiungi Titolo, Logo e Favicon
• Personalizzatore del Tema WordPress: Cambia i Colori sul Tuo Sito Web
• Aggiungere Menu di Navigazione nel Personalizzatore del Tema
• Controllare i Widget sul Tuo Sito Web nel Personalizzatore del Tema
• Pannello Impostazioni Homepage nel Personalizzatore del Tema
• Pannello CSS Aggiuntivo per Aggiungere CSS Personalizzato
• Altre Opzioni del Personalizzatore del Tema
• Anteprima del Tuo Sito Web in Diverse Risoluzioni dello Schermo
• Pubblica, Salva o Pianifica le Impostazioni del Personalizzatore
• Anteprima Diversi Temi Senza Andare in Diretta
• Importa o Esporta le Impostazioni del Personalizzatore del Tema
• Bonus Tip: WordPress Theme Customizer Alternatives
• Domande Frequenti sull'Utilizzo del Personalizzatore del Tema di WordPress
• Continua a Esplorare: Progetta e Personalizza come un Professionista

Pronto? Iniziamo.

Pannello Identità del Sito: Aggiungi Titolo, Logo e Favicon

Il pannello 'Identità del Sito' nel personalizzatore del tema di WordPress ti consente di aggiungere o modificare il titolo e la tagline del tuo sito web.

Per impostazione predefinita, WordPress aggiunge 'Just Another WordPress Site' come tagline del sito. Ti consigliamo di modificarlo dopo aver installato WordPress sul tuo sito, ma puoi anche lasciarlo vuoto se lo desideri.

Il pannello 'Identità del Sito' nel personalizzatore del tema di WordPress ti consente anche di aggiungere il logo del tuo sito. Fai semplicemente clic sull'opzione Seleziona logo per caricare il logo del tuo sito web.

Vuoi aggiungere una favicon al tuo sito? Puoi farlo facendo clic sull'opzione 'Seleziona icona del sito'.

Per istruzioni dettagliate, puoi seguire la nostra guida su come creare e aggiungere una favicon al tuo sito.

Personalizzatore del Tema WordPress: Cambia i Colori sul Tuo Sito Web

I controlli nel pannello 'Colori' varieranno principalmente a seconda del tema di WordPress che stai utilizzando.

Ad esempio, il tema Sydney ti consente di selezionare uno schema di colori per l'intero sito web nelle opzioni Colore globale. Ti consente inoltre di modificare lo sfondo, il testo, i collegamenti, le intestazioni, i campi modulo e la barra laterale.

Altri temi di WordPress potrebbero avere opzioni di colore diverse, come controlli separati per i colori dell'intestazione, i menu di navigazione, i pulsanti o sezioni specifiche del sito.

Aggiungere Menu di Navigazione nel Personalizzatore del Tema

Il pannello ‘Menu’ ti permette di creare menu di navigazione e controllarne la posizione sul tuo sito web.

In questa scheda, troverai tutti i menu di WordPress esistenti che hai creato in precedenza. Puoi fare clic sul pulsante ‘Visualizza tutte le posizioni’ per verificare le posizioni dei menu disponibili supportate dal tuo tema.

Per creare un nuovo menu, devi fare clic sul pulsante ‘Crea nuovo menu’.

Successivamente, dovrai dare un nome al tuo menu in modo da poterlo gestire facilmente in seguito. Puoi anche selezionare la posizione del menu e fare clic su ‘Avanti’ per procedere.

Per aggiungere elementi a questo menu, dovrai iniziare facendo clic sul pulsante ‘Aggiungi elementi’. Si aprirà un nuovo pannello.

Ora puoi aggiungere link personalizzati, pagine, articoli, categorie e tag come elementi del menu nei rispettivi campi.

Per riordinare gli elementi, puoi fare clic sul link ‘Riordina’ e quindi utilizzare le icone a freccia per regolare gli elementi del menu.

Controllare i Widget sul Tuo Sito Web nel Personalizzatore del Tema

Il pannello ‘Widget’ ti permette di aggiungere e gestire i widget sul tuo sito. Facendo clic su di esso, vedrai le diverse posizioni in cui puoi aggiungere i widget.

E ancora, questo varierà a seconda del tema WordPress che stai utilizzando.

Ad esempio, il tema Sydney offre cinque posizioni per i widget, mentre il tema Twenty Nineteen ne offre solo una.

Quando fai clic su uno di essi, vedrai i widget che hai precedentemente aggiunto a quella posizione.

Per aggiungere un nuovo widget, puoi fare clic sul pulsante ‘Aggiungi un widget’. Si aprirà un nuovo pannello in cui vedrai un elenco di tutti i widget disponibili.

Quindi, dovrai fare clic su quello che desideri aggiungere. Puoi anche apportare modifiche ai widget appena aggiunti e regolarne la posizione trascinandoli su o giù.

Pannello Impostazioni Homepage nel Personalizzatore del Tema

Per impostazione predefinita, WordPress visualizza gli ultimi articoli del blog sulla tua homepage.

Tuttavia, la maggior parte degli utenti preferisce utilizzare una homepage personalizzata per i siti web aziendali. Questo ti permette di avere una landing page appropriata che mostra i tuoi prodotti e servizi.

Per utilizzare una home page personalizzata, dovrai selezionare il pulsante radio ‘Una pagina statica’ nel pannello ‘Impostazioni homepage’.

Questo aprirà due nuovi menu a discesa che puoi utilizzare per selezionare una pagina per la tua homepage e un'altra per visualizzare i tuoi post del blog.

Se non hai le pagine sul tuo sito, puoi crearne una nuova facendo clic sul collegamento ‘+ Aggiungi nuova pagina’ presente sotto il menu a discesa. Questo creerà una pagina vuota con il nome da te scelto.

Pannello CSS Aggiuntivo per Aggiungere CSS Personalizzato

Vuoi aggiungere codice CSS personalizzato per stilizzare il tuo sito web? Puoi farlo nel pannello ‘CSS aggiuntivo’.

Utenti WordPress intermedi e avanzati personalizzano spesso i loro siti aggiungendo codice CSS direttamente al file style.css del loro tema. Questo metodo richiede passaggi aggiuntivi come avere accesso FTP all'hosting WordPress, modificare i file del tema, ecc.

Una soluzione più semplice per i principianti è aggiungere il tuo codice CSS personalizzato al pannello CSS aggiuntivo nel personalizzatore del tema WordPress. Questo ti permetterà di apportare modifiche al tuo sito e vederle in tempo reale sul lato destro dello schermo.

Quando inizi a scrivere del codice CSS, WordPress ti suggerirà automaticamente gli attributi in base alle lettere che digiti. Visualizzerà anche messaggi di errore se non hai scritto un'istruzione CSS corretta.

Altre Opzioni del Personalizzatore del Tema

Alcuni temi gratuiti e premium offrono più opzioni di personalizzazione del tema.

A seconda del tema che stai utilizzando, potresti essere in grado di cambiare lo stile del carattere, aggiungere un'immagine di sfondo, cambiare il layout, modificare i colori, aggiungere immagini casuali nell'intestazione e molto altro.

Puoi anche aggiungere funzionalità specifiche al tuo personalizzatore di temi con l'aiuto dei plugin.

Ad esempio, puoi aggiungere font personalizzati in WordPress utilizzando il plugin Easy Google Fonts.

Anteprima del Tuo Sito Web in Diverse Risoluzioni dello Schermo

È importante che ogni proprietario di sito web si assicuri che il proprio sito sia responsive per dispositivi mobili e abbia un bell'aspetto su tutte le dimensioni dello schermo.

Grazie al personalizzatore di temi di WordPress, puoi facilmente verificare come appare il tuo sito web su diverse dimensioni dello schermo.

In fondo al pannello del personalizzatore di temi, troverai tre icone e il link 'Nascondi controlli'.

Queste icone ti permettono di testare il tuo sito su diverse risoluzioni dello schermo, come desktop, tablet e dispositivi mobili.

Il link 'Nascondi controlli' è utile per nascondere il pannello del personalizzatore di WordPress in modo da poter visualizzare correttamente il tuo sito su un desktop.

Pubblica, Salva o Pianifica le Impostazioni del Personalizzatore

Una volta apportate le modifiche necessarie, devi applicarle al tuo sito. Altrimenti, tutto il tuo duro lavoro andrà perso.

Fai clic sul pulsante 'Pubblica' per applicare le modifiche. Una volta completato il processo, puoi fare clic sul pulsante di chiusura nell'angolo in alto a sinistra dello schermo per uscire dal personalizzatore di temi.

E se avessi bisogno di più tempo per finalizzare il tuo nuovo design di WordPress? In tal caso, puoi salvare il tuo nuovo design come bozza e persino condividerlo con qualcuno senza dargli accesso alla tua area amministrativa.

Per fare ciò, dovrai fare clic sull'icona dell'ingranaggio accanto al pulsante 'Pubblica'. Questo aprirà il pannello 'Azione'.

Qui troverai tre opzioni: 'Pubblica', 'Salva bozza' e 'Pianifica'.

Seleziona semplicemente il pulsante radio 'Salva bozza' nel pannello 'Azione'. Quindi, procedi e fai clic sul pulsante 'Salva bozza' per memorizzare le tue modifiche.

Ora puoi copiare il link di anteprima e condividerlo con altri per ottenere feedback.

L'opzione 'Pianifica' ti consente di pubblicare le tue modifiche in una data e ora specifiche. Ad esempio, puoi pianificare che le modifiche al tuo tema vengano attivate nel momento in cui ricevi meno traffico.

Infine, se desideri reimpostare le modifiche non pubblicate, puoi fare clic sul collegamento 'Annulla modifiche' nel pannello Azione.

Anteprima Diversi Temi Senza Andare in Diretta

Ci sono momenti in cui si desidera verificare come un nuovo tema apparirebbe sul tuo sito. Tuttavia, non vuoi attivarli sul tuo sito web live.

In tal caso, puoi aprire il Personalizzatore di WordPress per testare nuovi temi senza andare in diretta.

Nel pannello Personalizzatore, troverai il nome del tuo tema attivo e il pulsante 'Cambia'.

Se fai clic su quel pulsante, WordPress visualizzerà tutti i tuoi temi installati sul lato destro della pagina.

Per controllare un tema particolare, devi fare clic sul pulsante 'Anteprima Live'.

Puoi anche visualizzare in anteprima i temi dal Repository dei temi di WordPress.

Per fare ciò, dovrai selezionare la casella di controllo 'Temi WordPress.org' nel pannello di sinistra. Questo mostrerà i temi dalla directory WordPress.org.

Fai semplicemente clic sul pulsante 'Installa e anteprima' per controllare il tema che ti piace.

Puoi anche filtrare i temi facendo clic sul pulsante 'Filtra temi' nell'angolo in alto a destra dello schermo.

Importa o Esporta le Impostazioni del Personalizzatore del Tema

Sapevi che puoi importare ed esportare le impostazioni del tuo personalizzatore di temi?

Questo è estremamente utile quando apporti modifiche al tuo tema sul tuo server locale o su un sito di staging. Invece di copiare manualmente le impostazioni sul tuo sito web live, puoi semplicemente esportare le impostazioni del personalizzatore di temi per risparmiare tempo.

Per istruzioni dettagliate, puoi seguire la nostra guida su come importare ed esportare le impostazioni del personalizzatore del tema in WordPress.

Suggerimento bonus: Alternative al personalizzatore del tema di WordPress

Sebbene il personalizzatore di WordPress ti permetta di apportare modifiche al tuo sito, il numero di controlli varierà a seconda del tema che stai utilizzando.

Cosa succede se ti piace il tuo tema ma desideri che avesse opzioni di personalizzazione aggiuntive?

In tal caso, la soluzione migliore è utilizzare uno dei tre plugin di personalizzazione che funzionano insieme al personalizzatore del tema di WordPress.

SeedProd

SeedProd è il miglior costruttore di pagine drag-and-drop per WordPress. Puoi usare SeedProd per creare facilmente temi WordPress personalizzati e layout di pagina senza modificare alcun codice.

Alcuni dei nostri marchi partner hanno utilizzato SeedProd per costruire i loro siti. Curioso della nostra esperienza? Approfondisci la nostra recensione dettagliata di SeedProd per maggiori informazioni.

SeedProd offre centinaia di layout di pagina predefiniti per landing page, pagine di vendita, pagine di registrazione webinar, pagine "coming soon", pagine in modalità manutenzione e molto altro.

La personalizzazione è facile con blocchi pronti all'uso come moduli di iscrizione, profili social, pulsanti, timer per il conto alla rovescia, moduli di contatto e altro ancora.

Puoi anche impostare schemi di colori, salvare combinazioni di font e riutilizzare pagine ed elementi di pagina in modo da non doverli creare di nuovo.

Thrive Theme Builder

Thrive Theme Builder è un altro eccellente plugin per WordPress per la creazione di temi drag-and-drop. Puoi usarlo per creare facilmente un tema WordPress personalizzato, senza bisogno di scrivere codice.

Viene fornito con quattro diversi modelli di tema pronti all'uso per iniziare rapidamente. Ogni modello di tema include una varietà di pagine predefinite che puoi aggiungere al tuo sito.

Per un'analisi approfondita, puoi consultare la nostra recensione completa di Thrive Themes Suite.

Con questo plugin, puoi modificare ogni parte del tuo tema, inclusi l'intestazione, il piè di pagina, i post del blog, le pagine di categoria e altro ancora, semplicemente puntando e cliccando.

Inoltre, ci sono oltre 100 elementi di design e di creazione di siti che puoi aggiungere rapidamente al tuo tema trascinandoli e rilasciandoli in posizione.

CSS Hero

CSS Hero è un plugin per WordPress che ti permette di personalizzare il tuo sito senza scrivere una singola riga di codice CSS. Hai la libertà di stilizzare ogni elemento del tuo sito senza alcun problema.

Vuoi personalizzare la pagina di accesso del tuo sito WordPress? CSS Hero ti permette di farlo in pochi minuti.

Puoi anche modificare e visualizzare in anteprima le modifiche sul front-end per assicurarti che il tuo design sia perfetto su ogni dispositivo.

Beaver Builder

Beaver Builder è un altro dei migliori page builder per WordPress. Ti permette di creare pagine straordinarie per il tuo sito utilizzando un'interfaccia drag-and-drop.

La parte migliore è che Beaver Builder funziona con quasi tutti i temi WordPress. Questo ti permette di usarlo con il tuo tema attuale. L'abbiamo testato a fondo e puoi scoprire tutto nella nostra recensione completa di Beaver Builder.

Beaver Builder supporta l'uso di shortcode e widget. Offre anche diversi tipi di moduli che puoi utilizzare per stilizzare facilmente il tuo sito web. Puoi consultare la nostra guida su come creare layout personalizzati in WordPress per istruzioni dettagliate.

Domande Frequenti sull'Utilizzo del Personalizzatore del Tema di WordPress

Hai ancora domande su come sfruttare al meglio il Personalizzatore del tema? Ecco alcune domande comuni che sentiamo dagli utenti di WordPress.

Posso personalizzare ogni tema usando il Personalizzatore del tema di WordPress?

Non tutti i temi. La maggior parte dei temi WordPress supporta ancora il Personalizzatore del tema e offre varie opzioni di design. Tuttavia, i temi basati su blocchi che utilizzano la Modifica completa del sito (FSE) si basano invece sull'Editor del sito, e il Personalizzatore non apparirà in quei temi.

La modifica dei temi eliminerà le mie impostazioni del Personalizzatore?

Sì, può succedere. Le impostazioni del Personalizzatore sono solitamente specifiche del tema, quindi passare a un nuovo tema potrebbe reimpostare o rimuovere tali modifiche. Per sicurezza, annota le tue impostazioni o utilizza lo strumento di importazione/esportazione se il tuo tema lo supporta.

Cosa devo fare se non riesco a trovare il Personalizzatore del tema in WordPress?

Se non vedi l'opzione Aspetto » Personalizza nella tua bacheca, potresti star usando un tema basato su blocchi (modifica completa del sito). Questi temi utilizzano l'Editor del sito, che troverai sotto Aspetto » Editor. Per maggiori informazioni, consulta la nostra guida su come risolvere la mancanza del personalizzatore del tema nella bacheca di WordPress.

Come posso aggiungere opzioni di personalizzazione extra al mio tema?

Se il tuo tema attuale ti sembra troppo limitato, puoi provare a creare un tema figlio o utilizzare plugin per page builder come SeedProd, Thrive Theme Builder o CSS Hero. Questi strumenti offrono un maggiore controllo sul design senza dover toccare alcun codice.

È sicuro apportare modifiche nel Personalizzatore del tema su un sito web live?

Sì, è sicuro apportare modifiche all'interno del Personalizzatore del tema perché non verranno pubblicate finché non farai clic su 'Pubblica'. Detto questo, se stai pianificando modifiche importanti, è meglio testarle prima in un ambiente di staging per evitare di interrompere il tuo sito live.

Continua a Esplorare: Progetta e Personalizza come un Professionista

Speriamo che questa guida ti abbia aiutato a imparare come usare il Personalizzatore del tema di WordPress come un professionista.

Se l'hai trovato utile, potresti anche voler vedere le nostre altre guide su:

• Come personalizzare il tuo tema WordPress
• Come aggiungere un effetto parallasse a qualsiasi tema WordPress
• Come aggiungere collegamenti Successivo / Precedente in WordPress 
• Modi per creare un sito WordPress ottimizzato per dispositivi mobili
• Come trovare e tradurre un tema WordPress pronto per la traduzione
• Temi WordPress gratuiti vs. a pagamento
• I migliori temi WordPress semplici da provare
• Come testare il tuo tema WordPress rispetto agli standard più recenti

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