Come usare il personalizzatore di temi di WordPress come un professionista (Guida definitiva)

Sapevate che WordPress è dotato di un personalizzatore di temi integrato che vi consente di apportare facilmente modifiche al design del vostro sito web in tempo reale?

Sebbene ogni tema abbia un certo livello di supporto per le opzioni del customizer predefinito, molti temi includono schede e opzioni aggiuntive al customizer del tema WordPress, in modo da poter personalizzare facilmente il tema senza alcuna conoscenza di codifica.

In questo articolo, vi guideremo attraverso i pannelli predefiniti e vi mostreremo come utilizzare il personalizzatore di temi di WordPress come un professionista.

Come accedere al personalizzatore del tema di WordPress

Il personalizzatore di temi è una funzione predefinita di WordPress e fa parte di ogni sito web WordPress.

È possibile accedervi accedendo all’area di amministrazione di WordPress e andando su Aspetto ” Personalizzazione dalla barra laterale sinistra del pannello di amministrazione di WordPress. Si aprirà l’interfaccia del Customizer con il tema corrente.

È inoltre possibile utilizzare la pagina del personalizzatore di temi di WordPress per tutti i temi installati sul sito web, anche quando non sono attivi.

In questo modo è possibile vedere un’anteprima dal vivo del tema e apportare modifiche prima di attivarlo.

Per farlo, è necessario andare alla pagina Aspetto ” Temi.

Quindi, passate il cursore del mouse su qualsiasi tema installato e fate clic sul pulsante Anteprima dal vivo per aprire la pagina del personalizzatore di temi di WordPress.

Come utilizzare il personalizzatore del tema di WordPress

Dopo aver aperto il personalizzatore del tema WordPress, vedrete tutte le impostazioni di personalizzazione sul lato sinistro dello schermo e l’anteprima live del vostro sito web sul lato destro.

Il personalizzatore di temi di WordPress è dotato di una serie di pannelli predefiniti, indipendentemente dal tema che si sta utilizzando.

È necessario fare clic sui singoli pannelli per modificarli. È anche possibile fare clic su una qualsiasi icona a forma di matita blu sul lato destro dello schermo per aprire le impostazioni di quella particolare voce.

Nota: i temi WordPress avanzati aggiungono pannelli di impostazione per ulteriori opzioni di personalizzazione (maggiori informazioni in seguito).

Diamo un’occhiata alle opzioni predefinite disponibili nel personalizzatore dei temi di WordPress.

Pannello identità del sito: Aggiungi titolo, logo e favicon

Il pannello Site Identity nel personalizzatore del tema WordPress consente di aggiungere o modificare il titolo e la tagline del sito web.

Per impostazione predefinita, WordPress aggiunge “Just Another WordPress Site” come tagline del sito.

Si consiglia di modificarlo dopo l’installazione di WordPress sul sito. Se volete, potete anche lasciarlo vuoto.

Il pannello Identità del sito nel personalizzatore del tema WordPress consente anche di aggiungere il logo del sito. È sufficiente fare clic sull’opzione Seleziona logo per caricare il logo del vostro sito.

Volete aggiungere una favicon al vostro sito? Potete farlo cliccando sull’opzione Seleziona icona del sito. Per istruzioni dettagliate, potete seguire la nostra guida su come creare e aggiungere una favicon al vostro sito.

Personalizzatore del tema WordPress: Cambia i colori del tuo sito web

I controlli del pannello Colori variano principalmente a seconda del tema WordPress in uso.

Ad esempio, il tema Twenty Seventeen consente di scegliere il colore del testo dell’intestazione e di selezionare uno schema di colori per l’intero sito.

Altri temi WordPress possono offrire diverse opzioni di colore per elementi del sito come intestazioni, link, testo del corpo e sfondo del sito.

Aggiunta di menu di navigazione nel personalizzatore del tema

Il pannello Menu consente di creare menu di navigazione e di controllarne la posizione sul sito web.

In questa scheda sono presenti tutti i menu di WordPress creati in precedenza. È possibile fare clic sul pulsante “Visualizza tutte le posizioni” per verificare le posizioni di menu disponibili supportate dal tema.

Per creare un nuovo menu, è necessario fare clic sul pulsante Crea nuovo menu.

Successivamente, è necessario assegnare un nome al menu, in modo da poterlo gestire facilmente in seguito. È inoltre possibile selezionare la posizione del menu e fare clic su Avanti per procedere.

Per aggiungere elementi a questo menu, è necessario fare clic sul pulsante Aggiungi elementi per aprire un nuovo pannello. È ora possibile aggiungere link personalizzati, pagine, post, categorie e tag come voci di menu.

Per riordinare le voci, è possibile fare clic sul link Riordina e quindi utilizzare le icone a forma di freccia per regolare le voci del menu.

Controllo dei widget sul sito web nel personalizzatore del tema

Il pannello Widget consente di aggiungere e gestire i widget del sito.

Facendo clic su di esso si visualizzeranno le diverse posizioni in cui è possibile aggiungere i widget. Questo varia a seconda del tema che si sta utilizzando.

Ad esempio, il tema Twenty Seventeen offre 3 posizioni per i widget, mentre il tema Twenty Nineteen ne ha solo una.

Facendo clic su uno di essi, si vedranno i widget aggiunti in precedenza in quella posizione.

Per aggiungere un nuovo widget, è necessario fare clic sul pulsante “Aggiungi un widget”. Si aprirà un nuovo pannello con un elenco di tutti i widget disponibili.

È necessario fare clic su quello che si desidera aggiungere. È inoltre possibile apportare modifiche ai widget appena aggiunti e regolarne la posizione trascinandoli verso l’alto o verso il basso.

Pannello delle impostazioni della homepage nel Theme Customizer

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

Tuttavia, per i siti web aziendali, gli utenti preferiscono utilizzare una homepage personalizzata. Questa permette di avere una pagina di atterraggio appropriata che mostra i prodotti e i servizi offerti.

Per utilizzare una home page personalizzata, è necessario selezionare il pulsante di opzione “Una pagina statica” nel pannello Impostazioni homepage.

Si apriranno due nuovi menu a tendina, con i quali si potrà selezionare una pagina per la homepage e un’altra per la visualizzazione dei post del blog.

Se le pagine non sono presenti sul sito, è possibile crearne una nuova facendo clic sul link “+ Aggiungi nuova pagina” presente sotto il menu a discesa. In questo modo verrà creata una pagina vuota con un nome a scelta.

Pannello CSS aggiuntivo per l’aggiunta di CSS personalizzati

Volete aggiungere del codice CSS personalizzato per dare stile al vostro sito web? Potete farlo nel pannello CSS aggiuntivo.

Gli utenti intermedi e avanzati di WordPress spesso personalizzano i loro siti aggiungendo codice CSS direttamente al file style.css del loro tema. Questo aggiunge ulteriori passaggi come l’accesso FTP all’hosting di WordPress, la modifica dei file del tema, ecc.

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

Quando si inizia a scrivere del codice CSS, WordPress suggerisce automaticamente gli attributi in base alle lettere digitate. Inoltre, visualizzerà dei messaggi di errore se non avete scritto una dichiarazione CSS corretta.

Nota: se volete personalizzare il vostro sito web senza scrivere alcun codice, continuate a leggere. Condivideremo tre opzioni adatte ai principianti che vi permetteranno di personalizzare facilmente il vostro tema e persino di creare un tema WordPress personalizzato.

Altre opzioni del personalizzatore del tema

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

A seconda del tema utilizzato, è possibile cambiare lo stile dei caratteri, aggiungere un’immagine di sfondo, cambiare il layout, modificare i colori, aggiungere immagini di intestazione casuali e molto altro ancora.

È anche possibile aggiungere funzioni specifiche al personalizzatore del tema con l’aiuto di plugin. Ad esempio, è possibile aggiungere caratteri personalizzati in WordPress utilizzando il plugin Easy Google Fonts.

Anteprima del sito web su diverse risoluzioni dello schermo

È importante che ogni proprietario di un sito web si assicuri che il suo sito sia mobile responsive e che appaia bene su tutte le dimensioni dello schermo.

Grazie al personalizzatore del tema WordPress, è possibile verificare facilmente l’aspetto del sito web su schermi di diverse dimensioni.

Nella parte inferiore del pannello di personalizzazione del tema, si trovano tre icone e il link “Nascondi controlli”.

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

Il link Nascondi controlli è utile per nascondere il pannello del Customizer di WordPress in modo da poter visualizzare correttamente il sito in modalità desktop.

Pubblicare, salvare o programmare le impostazioni del Customizer

Una volta apportate le modifiche necessarie, è necessario applicarle al sito. Altrimenti, tutto il vostro duro lavoro andrà perduto.

Fare clic sul pulsante Pubblica per applicare le modifiche. Al termine, è possibile fare clic sul pulsante Chiudi, presente nell’angolo in alto a sinistra dello schermo, per uscire dal personalizzatore del tema.

E se avete bisogno di più tempo per finalizzare il vostro nuovo design? In questo caso, potete salvarlo come bozza e persino condividere il nuovo design con qualcuno senza dargli accesso alla vostra area amministrativa.

Per farlo, è necessario fare clic sull’icona dell’ingranaggio accanto al pulsante Pubblica. Si aprirà il pannello Azione.

Qui si trovano tre opzioni: Pubblica, Salva bozza e Pianifica.

È necessario selezionare il pulsante di opzione Salva bozza nel pannello Azione e poi fare clic sul pulsante Salva bozza per memorizzare le modifiche.

Ora è possibile copiare il link di anteprima e condividerlo con altri per ottenere un feedback.

L’opzione Pianifica, invece, consente di pubblicare le modifiche in una data e ora specifiche. È possibile utilizzare questa opzione per programmare le modifiche al tema in modo che vengano pubblicate nel momento in cui si riceve meno traffico.

Infine, se si desidera ripristinare le modifiche non pubblicate, è possibile fare clic sul collegamento Scarta le modifiche nel pannello Azione.

Anteprima di diversi temi senza andare in diretta

A volte si desidera verificare l’aspetto di un nuovo tema sul proprio sito. Tuttavia, non si vuole attivarli sul proprio sito web.

In questo caso, è possibile aprire il Customizer di WordPress per testare i nuovi temi senza andare in onda.

Nel pannello del Customizer si trova il nome del tema attivo e il pulsante Cambia.

Se fate clic su questo pulsante, WordPress visualizzerà tutti i temi installati sul lato destro della pagina.

Per verificare un tema particolare, è necessario fare clic sul pulsante Anteprima dal vivo.

È anche possibile visualizzare l’anteprima dei temi dal Repository dei temi di WordPress. Per farlo, è necessario selezionare la casella di controllo “Temi di WordPress.org” nel pannello di sinistra.

Questo mostrerà i temi presenti nella directory di WordPress.org. È possibile fare clic sul pulsante “Installa e visualizza in anteprima” per verificare il tema desiderato.

È inoltre possibile filtrare i temi facendo clic sul pulsante Filtra temi che si trova nell’angolo in alto a destra dello schermo.

Nota: si consiglia di utilizzare un sito WordPress di staging per testare i nuovi temi, invece di utilizzare il customizer su un sito live.

Importazione o esportazione delle impostazioni del personalizzatore del tema

Sapevate che è possibile importare ed esportare le impostazioni del personalizzatore del tema?

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

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

Alternative al personalizzatore di temi di WordPress

Sebbene il Customizer di WordPress consenta di apportare modifiche al sito, il numero di controlli varia a seconda del tema utilizzato.

E se vi piace il vostro tema, ma vorreste che avesse delle opzioni di personalizzazione in più?

In questo caso, la soluzione migliore è utilizzare uno dei tre plugin di personalizzazione che affiancano il personalizzatore di temi di WordPress.

SeedProd

SeedProd è il miglior costruttore di siti web drag and drop per WordPress. È possibile utilizzare SeedProd per creare facilmente temi e layout di pagina personalizzati per WordPress senza modificare alcun codice.

SeedProd offre centinaia di layout di pagina predefiniti per pagine di destinazione, pagine di vendita, pagine di registrazione di webinar, pagine “coming soon”, pagine in modalità di manutenzione e molto altro ancora.

La personalizzazione è facile grazie a blocchi già pronti come moduli optin, profili social, pulsanti, timer per il conto alla rovescia, moduli di contatto e altro ancora.

È inoltre possibile impostare schemi di colori, salvare combinazioni di caratteri e riutilizzare pagine ed elementi di pagina per non doverli creare di nuovo.

Costruttore del tema Thrive

Thrive Theme Builder è un altro popolare plugin per la creazione di temi drag and drop per WordPress. È possibile utilizzarlo per creare facilmente un tema WordPress personalizzato, senza bisogno di codifica.

Viene fornito con quattro diversi modelli di tema già pronti per iniziare rapidamente. Ogni modello di tema include una serie di pagine preconfezionate che potete aggiungere al vostro sito.

È possibile modificare ogni parte del tema, compresi l’intestazione, il piè di pagina, i post del blog, le pagine delle categorie e altro ancora, semplicemente puntando e facendo clic.

Inoltre, ci sono oltre 100 elementi di design e di costruzione del sito che si possono aggiungere rapidamente al tema trascinandoli e rilasciandoli al loro posto.

Eroe CSS

CSS Hero è un plugin per WordPress che consente di personalizzare il sito senza scrivere una sola riga di codice. Avete la libertà di stilizzare ogni elemento del vostro sito senza alcun problema.

Volete personalizzare la pagina di login del vostro sito WordPress? CSS Hero vi permette di farlo in pochi minuti.

È inoltre possibile modificare e visualizzare in anteprima le modifiche nel frontend per assicurarsi che il design sia perfetto su ogni dispositivo.

Costruttore di castori

Beaver Builder è un altro dei migliori page builder per WordPress. Permette di costruire pagine straordinarie per il vostro sito utilizzando un’interfaccia drag and drop.

La cosa migliore è che Beaver Builder funziona con quasi tutti i temi di WordPress. Questo vi permette di utilizzarlo con il vostro tema attuale.

Beaver Builder supporta l’uso di shortcode e widget. Offre inoltre diversi tipi di moduli che si possono utilizzare per creare facilmente lo stile del proprio sito web. Per istruzioni dettagliate, consultate la nostra guida su come creare layout personalizzati in WordPress.

Speriamo che questa guida vi abbia aiutato a imparare a usare il personalizzatore di temi di WordPress come un professionista. Potreste anche voler consultare la nostra guida su come creare una pagina personalizzata in WordPress o le nostre scelte di esperti sui migliori plugin e strumenti WordPress per il vostro sito web.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.