Come modificare un tema WordPress<\/h2> In questa sezione vedrai modi semplici per cambiare l’aspetto del tuo tema, tra cui la regolazione di colori, font, layout e spaziatura per adattarlo al tuo stile.<\/p>
Usa l’Editor del sito<\/h3> L’Editor del sito ti permette di modificare il design visivo del tuo tema tramite blocchi, colori, tipografia e spaziatura senza scrivere codice.<\/p>
Con gli stili globali, puoi modificare le impostazioni dell’intero sito, come colori, tipografia e layout. Ecco come fare:<\/p>
Vai su Aspetto<\/strong> → Editor<\/strong> nella tua dashboard di WordPress. Poi vai alla sezione Stili<\/strong> nel pannello a sinistra.<\/p>Fai click sull’icona Modifica stili<\/strong> nella parte superiore di questo pannello per modificare le preimpostazioni. Puoi visualizzare in anteprima diverse combinazioni e schemi di colori prima di scegliere l’opzione più adatta.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Questo aprirà il pannello degli stili sulla destra dello schermo. Accedi alle impostazioni degli stili globali e modifica le tue preferenze.<\/p>
Ecco cosa puoi personalizzare:<\/p>
\nTipografia:<\/strong> scegli la famiglia di caratteri, la dimensione, l’altezza della riga, lo spessore, la spaziatura tra le lettere e altro ancora. Puoi anche personalizzare gli stili dei titoli e creare uno stile specifico per i link. Aggiungi i tuoi font personalizzati per creare uno stile unico.<\/li>\n<\/ul>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\nColori:<\/strong> Cambia i colori del testo e dello sfondo scegliendoli da una palette predefinita oppure usa il selettore colori personalizzato. Puoi anche modificare i colori di accento dei pulsanti o degli elementi in highlight.<\/li>\n<\/ul>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\nLayout: <\/strong>imposta la larghezza predefinita per i blocchi di contenuto e configura la spaziatura tra i diversi elementi.<\/li>\n<\/ul>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Usa il Customizer<\/h3> Il Personalizzatore è lo strumento di modifica predefinito per i temi classici. Ecco come puoi personalizzare il tuo tema WordPress con questo:<\/p>
Vai su Aspetto <\/strong>→ Personalizza <\/strong>nella bacheca di WordPress.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Ora dovresti essere reindirizzato alla home page, che ha una barra laterale sinistra con diverse opzioni di personalizzazione. Queste opzioni dipendono dal tema che stai personalizzando.<\/p>
In generale, vedrai queste opzioni:<\/p>
\nPalette colori<\/strong>: adatta l’identità visiva del tuo sito selezionando i colori del brand per sfondi, testo, pulsanti e link. Le scelte strategiche dei colori definiscono l’atmosfera e guidano l’attenzione dell’utente verso gli elementi importanti.<\/li>\n\n\n\nImpostazioni tipografiche<\/strong>: controlla l’esperienza di lettura selezionando font, dimensioni e spaziatura. Le tue scelte tipografiche possono influire sul modo in cui i visitatori percepiscono il tuo brand.<\/li>\n\n\n\nPersonalizzazione dei pulsanti<\/strong>: progetta elementi call to action per aumentare le conversioni. Regola colori, bordi, effetti al passaggio del mouse e stile del testo per creare pulsanti che risaltino e invitino al click.<\/li>\n\n\n\nControlli del layout<\/strong>: definisci la struttura di base del tuo sito regolando la larghezza dei contenuti, la posizione delle barre laterali e la spaziatura tra gli elementi. Queste impostazioni determinano come fluiscono le informazioni e quanto respiro ha il tuo contenuto.<\/li>\n<\/ul>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Usa un plugin di page builder<\/h3> Elementor e Beaver Builder sono potenti plugin per la creazione di pagine che ti aiutano a progettare il tuo sito web e a cambiare il tuo tema.<\/p>
Per prima cosa, dovrai completare una semplice procedura di configurazione:<\/p>
\nInstallazione<\/strong>: vai su Plugin → Aggiungi nuovo nella bacheca di WordPress, cerca il page builder che hai scelto e fai click su Installa ora,<\/strong> poi su Attiva<\/strong>.<\/li>\n\n\n\nConfigurazione iniziale<\/strong>: la maggior parte dei page builder ti guiderà attraverso un processo di onboarding in cui selezionerai le preferenze per i colori predefiniti, i font e le impostazioni responsive. Queste scelte di base definiscono le fondamenta del tuo design.<\/li>\n\n\n\nAttivazione della licenza<\/strong>: Le versioni Premium richiedono l’attivazione della tua chiave di licenza per sbloccare funzionalità avanzate e template. In genere, questo comporta l’inserimento del tuo codice di acquisto nell’area delle impostazioni del plugin.<\/li>\n<\/ol>Una volta fatto, sei pronto per iniziare a personalizzare la tua pagina.<\/p>
Useremo Elementor per questa guida.<\/p>
Fai click su Elementor <\/strong>nella barra laterale della dashboard → Theme Builder <\/strong>→ Personalizza.<\/strong> <\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Verrai reindirizzato alla pagina del builder del tema, dove puoi personalizzare le singole parti del tuo tema.<\/strong> <\/p>Ecco cosa puoi personalizzare:<\/p>
\nHeader<\/strong>: personalizza il logo, il menu e i pulsanti di invito all’azione nell’intestazione. Puoi regolare spaziatura, layout e stile per far risaltare il tuo brand.<\/li>\n\n\n\nFooter<\/strong>: aggiungi il testo del copyright, i link di navigazione e le icone dei social media al piè di pagina. Personalizza lo sfondo, la tipografia e l’allineamento in modo che corrispondano al tuo design.<\/li>\n\n\n\nArticolo singolo<\/strong>: progetta il layout per i singoli articoli del blog. Puoi personalizzare lo stile del titolo, del nome dell’autore, dell’immagine in evidenza e del contenuto per creare un’esperienza di lettura unica.<\/li>\n\n\n\nPagina singola<\/strong>: personalizza pagine come Chi siamo o Contatti. Controlla il layout, gli stili dei caratteri e lo sfondo in modo che siano in linea con il brand del tuo sito.<\/li>\n\n\n\nArchivio<\/strong>: pagine di archivio dello stile che mostrano contenuti raggruppati, come categorie o tag. Puoi personalizzare i titoli, gli estratti degli articoli e le opzioni di layout.<\/li>\n\n\n\nRisultati di ricerca<\/strong>: personalizza l’aspetto delle pagine dei risultati di ricerca. Puoi formattare i titoli, i riepiloghi dei risultati e l’impaginazione per migliorare la chiarezza e facilitare la navigazione.<\/li>\n\n\n\nElemento del loop<\/strong>: regola il modo in cui i singoli post vengono visualizzati in un elenco o in una griglia. Formatta il titolo, l’immagine e i meta dettagli in modo coerente.<\/li>\n\n\n\nErrore 404<\/strong>: crea la pagina che gli utenti vedono quando trovano un link non funzionante. Aggiungi un testo utile, una barra di ricerca o dei link per indirizzarli di nuovo al tuo sito.<\/li>\n<\/ul>Come modificare la home page in WordPress<\/h2> WordPress ti permette di scegliere qualsiasi pagina come tua home page. Ecco come configurarlo.<\/p>
Vai su Impostazioni <\/strong>→ Lettura<\/strong> nella bacheca di WordPress. In La tua homepage mostra<\/strong>, scegli I tuoi ultimi articoli<\/strong> oppure seleziona Una pagina statica<\/strong>. Fai click su Salva modifiche<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Ora, vediamo i diversi modi per modificare la tua homepage di WordPress.<\/p>
Usa l’Editor del sito<\/h3> Ecco i passaggi per modificare la tua home page usando il Site Editor:<\/p>
Vai su Aspetto <\/strong>→ Editor <\/strong>nella tua bacheca di WordPress.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Ora dovresti vedere la home page a destra<\/strong> e le opzioni di design a sinistra<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Fai click sulla home page. Ora puoi modificare la pagina visivamente facendo click sui singoli elementi.<\/p>
Premi l’icona +<\/strong> nel pannello di modifica in alto accanto al logo di WordPress per aggiungere nuovi blocchi, pattern ed elementi multimediali. Ecco alcuni elementi essenziali di una buona homepage:<\/p>\nSezione hero con un titolo accattivante.<\/li>\n\n\n\n Prodotti o servizi in evidenza.<\/li>\n\n\n\n Pulsanti di call to action.<\/li>\n\n\n\n Testimonianze.<\/li>\n<\/ul>Ricordati di salvare i tuoi progressi e di applicare le modifiche premendo il pulsante Salva<\/strong> nell’angolo in alto a destra.<\/p>Usa il Customizer<\/h3> Ecco come puoi modificare la tua homepage in un tema classico usando il Customizer.<\/p>
Vai su Aspetto <\/strong>→ Personalizza <\/strong>nella tua bacheca di WordPress.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Apri le impostazioni della home page <\/strong>dal pannello di modifica nella parte sinistra dello schermo. Scegli una pagina specifica o gli articoli più recenti come homepage, se non l’hai già impostata.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Ecco cosa puoi modificare nella tua homepage:<\/p>
\nImpostazioni dell’immagine dell’intestazione o dello slider.<\/li>\n\n\n\n Immagini o motivi di sfondo.<\/li>\n\n\n\n Impostazioni dei contenuti in evidenza.<\/li>\n\n\n\n Posizionamento delle aree widget.<\/li>\n\n\n\n Opzioni di layout dei contenuti.<\/li>\n<\/ul>Usa un plugin di page builder<\/h3> Per modificare la home page con Elementor, devi prima creare una pagina con questo strumento e impostarla come home page tramite Impostazioni<\/strong> → Lettura<\/strong> → Una homepage statica.<\/strong> <\/p>Vai su Pagine<\/strong> → Aggiungi nuova pagina.<\/strong><\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Poi, fai click su Modifica con Elementor<\/strong> nella parte superiore della pagina.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Ora puoi personalizzare la tua home page usando i moduli disponibili nel pannello a sinistra.<\/p>
Una volta impostata questa pagina come homepage, quando visiti la homepage mentre hai effettuato l’accesso dovresti vedere il pulsante Modifica con Elementor. In questo modo puoi modificare la homepage con Elementor quando vuoi.<\/p>
\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Puoi iniziare con uno dei modelli predefiniti per velocizzare il processo oppure aprire una tela vuota per progettare tutto da zero.<\/p>
Inizia organizzando gli elementi della tua homepage in ordine di importanza, così i visitatori capiscono subito che cosa conta di più. Elementor semplifica tutto questo con la sua interfaccia drag-and-drop e sezioni specializzate:<\/p>
\nArea di benvenuto<\/strong>: usa lo strumento Sezione di Elementor per creare un banner superiore a tutta larghezza con un’immagine di sfondo, un titolo e un pulsante. Questo presenta il tuo sito ai visitatori con un forte impatto visivo.<\/li>\n\n\n\nBlocchi dei vantaggi<\/strong>: trascina i widget Icon Box di Elementor per mostrare 3-4 vantaggi chiave del tuo prodotto o servizio, ciascuno con la propria icona e una breve descrizione.<\/li>\n\n\n\nSezione Chi siamo<\/strong>: aggiungi un blocco “Immagine + testo” per raccontare la tua storia e includi una foto pertinente che crei un legame con i visitatori.<\/li>\n\n\n\nTestimonianze<\/strong>: inserisci il widget Testimonianze dedicato di Elementor per mostrare recensioni e valutazioni dei clienti e rafforzare fiducia e credibilità.<\/li>\n<\/ol>Ciò che rende Elementor utile per chi è agli inizi è che puoi vedere ogni modifica all’istante mentre la fai. Puoi anche personalizzare tutto, dalla spaziatura ai colori, facendo click direttamente su qualsiasi elemento e usando le opzioni del pannello laterale.<\/p>
L’header e il footer fungono da struttura portante del tuo sito. Compaiono in ogni pagina del tuo sito per creare coerenza e orientamento.<\/p>
L’header di solito include il sistema di navigazione del tuo sito, così i contenuti sono facili da esplorare. I footer, invece, includono elementi essenziali di fiducia come le informazioni di contatto e i link alla documentazione legale.<\/p>
Insieme, creano un’esperienza che aiuta i visitatori a orientarsi con sicurezza nel tuo sito, indipendentemente dalla pagina che stanno visualizzando.<\/p>
Vediamo come modificare l’header e il footer del tuo sito web.<\/p>
Usa l’Editor del sito<\/h3> L’Editor del sito offre diversi modelli per l’header e il footer del tuo sito. Ecco come modificare questi elementi:<\/p>
Vai su Aspetto <\/strong>→ Editor <\/strong>nella dashboard di WordPress.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Fai click su Patterns<\/strong> nel pannello di modifica a sinistra.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Vai su Header <\/strong>per vedere tutti i design disponibili. Apri uno di questi design per modificare le intestazioni.<\/p>\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>In alternativa, vai su Footer <\/strong>per vedere tutti i design del footer disponibili.<\/p>\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>Fai click su Aggiungi nuovo modello<\/strong> → Aggiungi nuova parte del modello <\/strong>nell’angolo in alto a destra per creare un nuovo design per l’header o il footer.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Scegli se vuoi progettare un elemento dell’intestazione o del piè di pagina. Poi aggiungi un nome, seleziona il tipo di parte del template e fai click su Aggiungi<\/strong>.<\/p>Qui trovi tutti gli strumenti di modifica che ti servono per progettare questo nuovo elemento. Puoi aggiungere nuovi blocchi o contenuti multimediali come preferisci.<\/p>
Usa il Customizer<\/h3> I temi classici di WordPress suddividono la personalizzazione dell’header e del footer tra due sistemi interconnessi.<\/p>
Il personalizzatore gestisce lo stile visivo, come colori, layout e dimensioni, mentre le aree widget ti permettono di aggiungere blocchi di contenuto funzionali come menu, barre di ricerca e informazioni di contatto.<\/p>
Per accedere a questi sistemi, vai su Aspetto<\/strong> → Personalizza<\/strong>, poi cerca le opzioni Header o Footer nel menu laterale.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>Fai click su Header Builder<\/strong> nella barra laterale sinistra per accedere ai controlli di progettazione dell’area di navigazione superiore del tuo sito. Noterai subito che le opzioni dell’header variano notevolmente da un tema all’altro.<\/p>\n
\n\t\t\t
![\"Schermata](\"\/it\/tutorial\/wp-content\/uploads\/sites\/27\/2026\/05\/Interfaccia-delleditor-del-sito-di-WordPress.png\")