Come personalizzare il tema WordPress tramite il Customizer

La personalizzazione di un tema WordPress è un passaggio necessario per utilizzare qualsiasi tema dopo averlo attivato. E con l'aiuto del Customizer del tema, puoi farlo più facilmente che mai. Tuttavia, potrebbe essere un po' difficile quando ci si abitua a questo strumento. Quindi, se sei confuso, questo articolo ti sarà davvero utile.

Dopo aver scelto un tema WordPress e averlo installato, dovresti utilizzare lo strumento Customizer per personalizzare l'aspetto del sito web seguendo la demo del tema o il tuo stile. Il vantaggio di questo strumento è la modalità di anteprima dal vivo che consente di vedere direttamente i risultati durante la personalizzazione. Ciò consente di risparmiare tempo ed è molto più facile da manipolare rispetto alla modifica nel backend (Admin Dashboard).

Ecco i passaggi di base per personalizzare un tema WordPress con Customizer per creare un sito Web più simile al tema demo o al tuo desiderio.

Apri lo strumento di personalizzazione

Innanzitutto, vai su Customizer nella barra di amministrazione nella parte superiore della pagina o Dashboard > Aspetto > Personalizza per aprire questo strumento.

L'interfaccia di Customizer è composta da due parti principali: la colonna di sinistra contiene le opzioni di personalizzazione e la schermata di destra mostra l'anteprima dal vivo. Ecco l'interfaccia più comune di Customizer.

La colonna di sinistra include:

1: il pulsante Pubblica per salvare i risultati dopo la personalizzazione. Se chiudi il sito senza cliccarci sopra, la tua personalizzazione non verrà salvata. Quindi, dopo ogni modifica, non dimenticare di premere questo pulsante.
2: Quest'area mostra il tema che stai utilizzando. Come puoi vedere nel mio esempio, sto usando il tema Memory. (Puoi scaricare questo tema qui).
3: Opzioni di personalizzazione del tema. Tieni presente che le opzioni del tema variano a seconda dei diversi temi.
4: fare clic su Nascondi controlli per nascondere questa colonna. Inoltre, se vuoi vedere come appare l'anteprima dal vivo su altri dispositivi, fai clic qui sulle icone dei dispositivi corrispondenti.

Dopo aver acquisito familiarità con l'interfaccia di Customizer, esaminiamo ogni opzione di personalizzazione di base per personalizzare un aspetto più simile alla demo o alla tua idea. Ricorda di leggere attentamente la documentazione del tema, poiché potrebbe avere requisiti di personalizzazione diversi.

Personalizza tema per Customizer

Dopo aver attivato un tema, il tuo sito web non ha ancora l'aspetto della demo. A meno che il tuo tema non supporti l'importazione di demo, devi personalizzare manualmente il tema. Le sezioni personalizzate comuni includono:

Impostazioni della home page

Questa è la sezione più importante per determinare la visualizzazione della tua home page.

Nelle impostazioni della home page , ci sono due opzioni per mostrare la home page: gli ultimi post e la pagina statica. A seconda dei requisiti di ciascun tema, puoi scegliere un'opzione adatta.

Per un sito di lettura come i blog, dovresti scegliere I tuoi ultimi post .

Per le pagine aziendali, dovresti scegliere Una pagina statica , quindi selezionare una pagina per la home page nella sezione Home page e una pagina di archivio nella sezione Post page . Basta fare clic sull'icona del menu a discesa in ogni sezione per selezionarne uno dai post e dalle pagine disponibili, oppure fare clic su Aggiungi nuova pagina per crearne una nuova per questi due elementi.

Tuttavia, se la homepage scelta non è stata personalizzata e configurata, potrebbe non avere funzioni speciali come slider, invito all'azione, immagine dell'eroe, ecc. e avrai bisogno di maggiore personalizzazione. Faresti meglio a leggere le linee guida del tema per queste impostazioni.

Identità del sito

Questa sezione ti aiuta a modificare le informazioni sul sito web come cambiare logo, titolo, tagline.

Scegli il logo, scrivi il titolo e lo slogan per il tuo sito web. Inoltre, potrebbe avere opzioni per personalizzare logo, titolo o nascondere/mostrare questi elementi.

Colore, immagine di sfondo e caratteri

La maggior parte dei temi, una volta attivati, imposterà automaticamente colori, sfondi e caratteri simili alla demo. Tuttavia, nel caso in cui gli elementi di cui sopra non siano ancora pronti, è necessario configurarli.

Colore

La maggior parte dei temi supporta la sezione Colore. Tuttavia, mentre alcuni temi ti consentono di cambiare il colore di molti elementi, alcuni temi si limitano a pochi.

Innanzitutto, fai clic sull'elemento che desideri ricolorare (1) (come il colore principale, il colore dell'intestazione o il colore del testo). Puoi scegliere un colore direttamente sulla tavolozza (2), oppure inserire qui il codice colore (3).

Font

La sezione Carattere o Tipografia ti consente di modificare gli stili dei caratteri, i caratteri della famiglia, le dimensioni del testo, ecc. A seconda di ciascun tema.

La scelta di un carattere familiare dipende anche dai requisiti del tema. Il modo più semplice è selezionare un carattere disponibile dal menu a discesa come l'immagine qui sotto. Temi come questo di solito supportano solo alcuni caratteri di base.

Se i tuoi temi supportano Google Fonts, potresti dover ottenere il codice, il nome o il collegamento del carattere da fonts.google.com e quindi incollarlo nelle caselle come questa.

Il vantaggio del secondo modo è che hai molte scelte di caratteri da Google Fonts.

Immagine di sfondo

La maggior parte dei temi ti consente di scegliere una foto per impostare l' immagine di sfondo . Nella sezione Immagine di sfondo, fai clic su Seleziona immagine e seleziona una foto dalla tua libreria o caricane una.

Quindi, puoi modificare lo stile, la posizione e le dimensioni dell'immagine per adattarla perfettamente al tuo sito web.

Per modificare l'immagine di sfondo, fare clic sul pulsante Cambia immagine . Se vuoi eliminare una foto di sfondo, premi il pulsante Rimuovi .

Quando scegli Ripeti immagine di sfondo , l'immagine di sfondo verrà ripetuta dall'inizio alla fine della pagina. Se scegli Scorri con la pagina , verrà spostato insieme alla pagina quando scorri come di seguito.

Menù

La sezione Menu elenca tutti i menu e le loro posizioni correnti. Tradizionalmente, il menu principale si trova nell'intestazione. In particolare, alcuni temi ti permetteranno di visualizzare più di una posizione, come nel piè di pagina, nella barra superiore, nel menu a scorrimento, ecc. Per scoprire quante posizioni nel menu hai, guarda il testo sotto la posizione del menu .

Il tema della memoria, ad esempio, ha una sola posizione per il menu. Puoi vederlo facendo clic sulla scheda Visualizza posizione . Quindi, seleziona una posizione del menu e seleziona un menu disponibile che desideri visualizzare lì. Per modificare un menu, fai clic su Modifica menu e fai clic su Crea nuovo menu per crearne un altro.

Che dire dei dettagli della creazione e della modifica di un menu? Puoi fare riferimento al nostro articolo precedente qui.

Aggeggio

I widget sono blocchi di contenuto o funzione aggiunti ad alcune aree che supportano widget come la barra laterale o il piè di pagina. Ci sono 15 widget WordPress predefiniti che ti consentono di inserire video, foto, gallerie, ultimi post, pagine e altro. In particolare, alcuni temi offrono anche i propri widget speciali, quindi dovresti trovare esattamente i widget di cui hai bisogno, quindi selezionarli correttamente.

Nella sezione Widget , vedrai le aree che supportano i widget nella pagina corrente. Anche il numero e la posizione di queste aree variano in base al tema.

Per aggiungere un widget, fai clic sulla posizione in cui posizionare il widget, ad esempio piè di pagina, e fai clic sul pulsante Aggiungi un widget . Puoi sceglierne uno nell'elenco o utilizzare la barra di ricerca per trovare il widget che desideri.

Dopo aver scelto un widget, alcuni come immagini, galleria, video, audio e pagine potrebbero richiedere un'impostazione aggiuntiva per visualizzarli come desideri. Quando lo fai, dovresti leggere attentamente la richiesta del widget e seguirla. Non preoccuparti, questi passaggi sono abbastanza semplici.

Per eliminare un widget, vai a quello desiderato e fai clic su Rimuovi .

Il pulsante Riordina ti aiuterà a spostare i widget in un'altra area del tema. In particolare, fare clic su (1), selezionare la nuova area del widget (2) e fare clic sul pulsante Sposta (3). Inoltre, il pulsante freccia su e giù (4) aiuterà a spostare i widget in un'area. Al termine, premere Fine (5).

Questo è tutto, abbiamo finito con i widget.

Ultime parole

La personalizzazione di queste sezioni precedenti con il Customizer sono passaggi generali e di base per personalizzare il tuo sito Web in modo che assomigli a una demo o alla tua immaginazione. Inoltre, ci sono molte altre sezioni diverse per ogni tema. Se hai difficoltà nella personalizzazione, dovresti leggere la documentazione o contattare immediatamente l'autore del tema.

Spero che questo articolo ti abbia aiutato a creare il tuo aspetto affascinante per il tuo sito.