Come utilizzare il personalizzatore di temi di WordPress

Scegliere un tema WordPress perfettamente in linea con il marchio è solo l'inizio della creazione di un sito Web personalizzato. WordPress ha un personalizzatore di temi integrato, che ti consente di apportare modifiche al design e allo stile del tuo sito e visualizzarne l'anteprima ( prima di pubblicarli dal vivo) in tempo reale. Anche il miglior tema del sito Web può utilizzare perfezionamenti per renderlo perfetto per i tuoi scopi. Esaminiamo in dettaglio il personalizzatore di WordPress, da come accedervi a tutto ciò che può fare per te.

Iscriviti al nostro canale Youtube

Dove si trova il personalizzatore di temi WordPress?

Ogni sito Web WordPress viene fornito di serie con il personalizzatore del tema. Per accedervi, accedi alla dashboard di amministrazione di WordPress, quindi vai su Aspetto> Personalizza, che puoi trovare nella barra laterale di sinistra. In questo modo si apre il personalizzatore per il tema corrente. (Quando vuoi uscire dalla personalizzazione, fai clic sulla X nell'angolo in alto a sinistra.)

Indipendentemente dal tema che stai utilizzando, ci sono sempre gli stessi pannelli predefiniti di base nel personalizzatore. Ed è anche qui che altri temi avanzati e personalizzati aggiungeranno le proprie opzioni, rendendo più facile apportare modifiche da un'unica posizione.

Quali sono le caratteristiche e le funzioni del personalizzatore?

Una volta aperto il personalizzatore, vedrai le opzioni di personalizzazione sulla sinistra dello schermo e l'anteprima del tuo sito web sulla destra. Ricorda, quell'anteprima non è come sembra dal vivo; invece, è l'aspetto che avrà il tuo sito una volta che le modifiche saranno state pubblicate.

Per apportare modifiche utilizzando il personalizzatore, fai clic sul singolo pannello su cui vuoi lavorare. Oppure, fai clic sull'icona Matita blu per aprire le impostazioni di quell'elemento se l'icona è presente (solo alcuni elementi lo avranno).

Ora esamineremo le diverse funzionalità e impostazioni del personalizzatore del tema WordPress che puoi scegliere.

Personalizzazione del titolo, logo e favicon

Nel pannello Identità del sito, puoi aggiornare il titolo, lo slogan, il logo e la favicon. Le indicazioni sono abbastanza chiare in questo pannello. Ad esempio, per caricare un logo o una favicon, scegli le opzioni Seleziona logo o Seleziona icona sito.

Ecco alcune cose da sapere:

• Il titolo del sito apparirà nella parte superiore del tuo sito web nella sezione principale dell'intestazione.
• Se non aggiorni o rimuovi lo slogan, il tuo sito web utilizzerà l'impostazione predefinita di WordPress: "Solo un altro sito WordPress".
• Solo alcuni temi supportano i loghi. Puoi aggiungere il tuo logo in questo pannello ma non vederlo sul tuo sito web, il che probabilmente significa che il tuo tema non li supporta.
• La favicon, chiamata "icona del sito" su WordPress, viene visualizzata nelle barre dei segnalibri, nelle schede del browser e nelle app mobili.

Aggiungere (o nascondere) un'immagine di intestazione

Potresti vedere un pannello Immagine di intestazione nel personalizzatore se il tuo tema supporta le immagini di intestazione. Di solito, questo pannello ti darà informazioni sulla dimensione migliore da usare per la tua intestazione. Una volta caricata l'immagine dell'intestazione su WordPress, puoi ritagliarla alla dimensione corretta per la migliore visualizzazione possibile. Qui puoi anche scegliere Nascondi immagine se preferisci non averne affatto una.

Modifica dello schema di colori del sito web

Il pannello Colori ti consente di modificare la combinazione di colori del tuo sito web. Il tema WordPress che stai utilizzando influenzerà i controlli che sono disponibili qui, il che significa che non tutti i temi hanno infinite opzioni di colore. Ad esempio, potresti essere in grado di modificare il colore del testo dell'intestazione ma non molto altro. In alternativa, potresti essere in grado di selezionare i colori per ogni elemento del sito, come lo sfondo, il corpo del testo, le intestazioni e i collegamenti.

Suggerimento avanzato: se non ottieni il controllo del colore desiderato dal pannello di personalizzazione dei colori, puoi apportare aggiornamenti personalizzati nell'editor blocchi. Ogni blocco può avere le proprie impostazioni di colore, dandoti il ​​controllo sul tuo tema che potresti non ottenere nel personalizzatore del tema di WordPress. Quando sei nel blocco che desideri modificare, fai clic su Impostazioni colore a destra.

Modifica dei caratteri predefiniti del sito web

Se vedi un pannello Tipografia disponibile nel personalizzatore, significa che il tuo tema ti consente di apportare modifiche alle opzioni di carattere predefinite. Se non ci sono abbastanza opzioni tra cui scegliere, di solito significa che il tuo tema non consente modifiche ai caratteri predefiniti. Tuttavia, non sei sfortunato. Puoi utilizzare un plug-in dedicato o aggiungere CSS personalizzati per modificare gli stili tipografici del tuo sito.

Selezione delle impostazioni della home page

Il tuo sito Web WordPress visualizzerà i post del blog sulla home page per impostazione predefinita, ma è facile da modificare se preferisci invece una home page statica. Su una home page statica, puoi aggiungere qualsiasi contenuto che desideri rimanere lì per il prossimo futuro, come una copia di benvenuto, collegamenti a prodotti o pagine specifici, testimonianze evidenziate, ecc.

Se desideri visualizzare una pagina statica invece dei tuoi post recenti del blog sulla home page, seleziona Una pagina statica nel pannello Impostazioni della home page. Apparirà un menu a discesa e potrai selezionare la pagina che desideri utilizzare come home page. Potrai anche selezionare la pagina del tuo blog dal menu a discesa sotto Pagina dei post.

Se non disponi di pagine che desideri utilizzare per la tua home page o il tuo blog, puoi scegliere + Aggiungi nuova pagina nei menu a discesa per crearle. Puoi creare una pagina vuota e nominarla come vuoi, quindi tornare più tardi per personalizzare le pagine. Se non hai ancora nessuna pagina pubblicata, dovrai prima crearne una andando su Dashboard > Pagine > Aggiungi nuova. Solo allora vedrai il pannello Impostazioni home page nel personalizzatore.

Impostazione delle opzioni di contenuto

Se il tuo tema ha un pannello Opzioni contenuto, avrai un controllo extra su come i tuoi contenuti vengono visualizzati su diverse pagine del sito web. Anche se ogni tema avrà le sue opzioni di contenuto (se le ha), ecco alcune opzioni comuni che potresti vedere:

• Biografia dell'autore: attiva o disattiva la visualizzazione della tua biografia sui post del blog.
• Visualizzazione blog: consente di visualizzare un estratto del post del blog o l'intero post.
• Immagini in primo piano: decidi dove verranno mostrate le immagini in primo piano , ad esempio nei post o nelle pagine del blog.
• Dettagli del post: decidi quali dettagli visualizzare su ciascun post, come autore, categorie, data e/o tag.

Fonte: WordPress.com

Se non vedi un pannello Opzioni contenuto, puoi accedere ad alcuni di questi controlli altrove in WordPress. Ad esempio, puoi scegliere tra la visualizzazione del testo completo o un riepilogo dei post del tuo blog andando su Dashboard > Impostazioni > Lettura.

Creazione di menu di navigazione

Nel pannello Menu, puoi creare diversi menu di navigazione e scegliere dove saranno posizionati sul tuo sito. Qui è anche possibile trovare i menu di navigazione esistenti che è possibile lasciare così come sono, aggiornare o rimuovere.

Per capire dove possono andare i diversi menu di navigazione, scegli l'opzione Visualizza tutte le posizioni, che ti mostrerà le posizioni dei menu supportate dal tema. Potresti anche essere in grado di aggiungere un widget Menu di navigazione per visualizzarlo in una delle aree widget del tuo sito. È una buona idea giocare con tutto questo prima di creare un menu in modo da poter pianificare dove andrà il tuo.

Per creare un nuovo menu di navigazione, seleziona Crea nuovo menu. Quindi, dai un nome al menu. Il nome non verrà effettivamente visualizzato sul tuo sito web; è solo lì, così puoi gestire meglio i tuoi menu di navigazione mentre personalizzi il tuo sito. Successivamente, sceglierai il menu della posizione. Al termine, fare clic su Avanti.

Ora è il momento di aggiungere collegamenti al menu. Scegli Aggiungi elementi, che aprirà un nuovo pannello. Qui è dove puoi aggiungere categorie, collegamenti, pagine, post e tag al tuo menu. Quando hai finito di aggiungere tutto ciò che desideri al menu, seleziona Riordina per disporli come preferisci.

Suggerimento per professionisti: se sai che desideri tutte le tue pagine di primo livello in un menu di navigazione specifico, come quello che rimarrà nella barra laterale, puoi selezionare Aggiungi automaticamente nuove pagine di primo livello e non aggiungerle manualmente ogni volta crei una nuova pagina di alto livello.

Personalizzazione dei widget del sito web

Nel pannello Widget, puoi aggiungere, gestire e rimuovere i widget del tuo sito. Ci sono tutti i tipi di widget che puoi scegliere di utilizzare sul tuo sito, come Calendario, Galleria e Ricerca.

Innanzitutto, vedrai le posizioni dei widget disponibili. Temi diversi avranno opzioni di posizione e widget diverse. Alcuni temi hanno solo le basi, come le aree widget del piè di pagina e della barra laterale, mentre altri temi hanno più opzioni di posizionamento dei widget. Facendo clic su una posizione, vedrai i widget che hai lì (se ce ne sono) e potrai apportare le modifiche che desideri.

Per aggiungere un nuovo widget, seleziona una posizione e quindi scegli Aggiungi un widget. Si aprirà un pannello per mostrarti i widget disponibili per il tuo sito in quella posizione. Fare clic su uno per aggiungerlo, quindi regolare le impostazioni e apportare aggiornamenti all'interno del widget. Puoi anche trascinare il widget per cambiarne la posizione nella posizione.

Aggiunta di CSS personalizzati

Se desideri aggiungere CSS personalizzati al tuo sito Web per apportare ulteriori modifiche, puoi utilizzare il pannello CSS aggiuntivo. Ciò ti consente di apportare modifiche personalizzate al tuo sito senza modificare direttamente il file style.css, il che significa che è un modo più sicuro per provare e finalizzare le modifiche, rendendolo un'opzione ideale per gli utenti moderatamente esperti di tecnologia. Inoltre, utilizzando il pannello CSS personalizzato, sarai in grado di vedere le modifiche in tempo reale prima della pubblicazione (proprio come con il resto del personalizzatore).

Ancora più opzioni di personalizzazione

Come accennato in precedenza, i temi WordPress avanzati e personalizzati possono essere dotati di opzioni di personalizzazione aggiuntive, a cui potrai accedere anche nella stessa area delle funzionalità sopra. Ulteriori personalizzazioni possono includere l'aggiunta di un'immagine di sfondo, l'aggiunta di immagini di intestazione che cambiano casualmente, la scelta di un layout diverso, ecc. E se hai una funzionalità che desideri aggiungere che non è un'opzione, potresti essere in grado di ottenere quella funzionalità con WordPress plugin.

Visualizza in anteprima le modifiche su diverse risoluzioni dello schermo

Ora che hai apportato tutte le modifiche che desideri al tuo sito web, è il momento di vedere come apparirà dal vivo su diverse risoluzioni dello schermo, ancora una volta, prima di pubblicarlo dal vivo. Nella parte inferiore della personalizzazione, vedrai un collegamento Nascondi controlli e, a destra, tre icone dello schermo. Queste icone ti consentono di vedere come apparirà il tuo sito su un computer desktop, tablet e dispositivo mobile. Durante la visualizzazione in modalità desktop, facendo clic sul collegamento Nascondi controlli otterrai un'anteprima completa e corretta del tuo sito senza che venga visualizzato il pannello di personalizzazione.

Pubblicare gli aggiornamenti del tuo sito web

Ami quello che vedi? Quando hai finito di apportare modifiche al tuo sito web, è il momento di pubblicarle o pianifica di pubblicarle. Per applicare subito le modifiche, fai clic sul pulsante Pubblica. Ricorda, questo pubblicherà effettivamente le tue modifiche in tempo reale, non solo le salverà come bozza.

Se non sei ancora pronto per pubblicare le modifiche, puoi salvarle come bozza per pubblicarle in seguito. (Assicurati di fare almeno questo, però. Altrimenti, potresti perdere tutte quelle modifiche su cui hai lavorato così duramente.) Per salvare le tue modifiche senza pubblicarle, fai clic sull'icona a forma di ingranaggio a destra del pulsante Pubblica. Dal pannello delle azioni che si apre, puoi selezionare Pubblica, Salva bozza o Pianifica. Se non sai quando sarai pronto per pubblicare le modifiche, fai clic su Salva bozza.

Suggerimento professionale: salvare una bozza delle modifiche su cui continuare a lavorare in futuro? Puoi condividere un link di anteprima del sito web rivisto e non pubblicato, che è un ottimo modo per ottenere feedback sul tuo lavoro.

Se sai che vuoi che le modifiche vengano pubblicate in una data (e ora) specifica, fai clic su Pianifica. Puoi anche condividere un link di anteprima dal pannello Pianificazione.

Suggerimento avanzato: pianifica le modifiche in modo che vengano pubblicate in un momento in cui il traffico è basso, come nel cuore della notte. In questo modo, se qualcosa va storto, non influirai su tutti coloro che visitano il tuo sito e avrai tempo per risolverlo prima che il traffico aumenti nuovamente.

Prova nuovi temi usando il Customizer

Ecco qualcosa che molti proprietari di siti Web non sanno: puoi anche utilizzare il personalizzatore per apportare modifiche a un tema installato e inattivo. Ciò significa che puoi personalizzare un tema con cui vuoi giocare o che potresti utilizzare in un secondo momento (o per un altro sito web).

Vai al personalizzatore e cerca Tema attivo. Fare clic sul pulsante Modifica. Vedrai tutti i temi installati sulla destra. Per vedere come apparirà un tema se attivato per il tuo sito, fai clic su Anteprima dal vivo. Questo aprirà il personalizzatore e potrai apportare modifiche come faresti con un tema attivato.

Vuoi vedere altri temi che non hai installato ma che sono disponibili da WordPress? Seleziona la casella a destra di Temi WordPress.org. Per filtrare in base alle specifiche, scegli Filtra temi in alto a destra. Quando trovi un tema che desideri provare, seleziona Installa e visualizza in anteprima.

Avvolgendo

Il personalizzatore di WordPress è così facile da usare che puoi facilmente completare tutti gli aggiornamenti del tuo sito in un pomeriggio o un fine settimana. E se il tuo tema specifico ha opzioni aggiuntive, troverai facile capire come lavorare con loro poiché sai già come gestire la funzionalità di base del personalizzatore. Inoltre, con funzionalità intelligenti come la condivisione di collegamenti di anteprima, il salvataggio delle modifiche in una bozza e la pianificazione degli aggiornamenti, puoi ottenere il feedback di cui hai bisogno e anche distanziare i tuoi aggiornamenti come preferisci.

Pronto a progettare su misura il tuo sito web? Potresti anche voler dare un'occhiata al nostro post sull'uso di Divi Theme Customizer.

Immagine in primo piano tramite Creative Shell / shutterstock.com