{"id":22363,"date":"2026-08-27T16:14:19","date_gmt":"2026-08-27T14:14:19","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22363"},"modified":"2026-08-27T16:16:09","modified_gmt":"2026-08-27T14:16:09","password":"","slug":"modificare-limmagine-dellintestazione-di-wordpress","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/it\/hilfe\/wordpress\/wordpress-headerbild-aendern\/","title":{"rendered":"Modificare l'immagine di intestazione in WordPress: come adattare correttamente logo, header e immagine di copertina"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Del <strong>Intestazione<\/strong> \u00e8 la parte superiore del tuo sito web WordPress ed \u00e8 uno dei primi elementi che i visitatori vedono. A seconda del sito web, include ad esempio il tuo logo, la navigazione principale, un'immagine di sfondo, i dati di contatto o un pulsante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se tu <strong>Modificare l'immagine di intestazione in WordPress<\/strong> tuttavia, questa voce di menu non \u00e8 presente su ogni sito web. Il percorso esatto dipende dal tema che utilizzi e da come \u00e8 stato strutturato l'header del tuo sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nei temi classici di WordPress, la personalizzazione avviene spesso tramite il <strong>Personalizzatore<\/strong>. I temi a blocchi moderni utilizzano il <strong>Editor di siti web<\/strong>. Altri temi possiedono proprie impostazioni dell'intestazione e nei siti web con Elementor o un altro page builder, l'intestazione potrebbe essere stata creata completamente al di fuori delle normali impostazioni del tema WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In questa guida ti mostriamo come scoprire quale metodo utilizza il tuo sito Web e come adattare in sicurezza il logo, l'immagine dell'intestazione e altri elementi nella sezione di intestazione.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Breve spiegazione:<\/strong> Se tu sotto <strong>Design<\/strong> la voce di menu <strong>Personalizzatore<\/strong> trovi, il tuo tema potrebbe essere modificato tramite esso. Nel caso di un block theme, troverai invece solitamente <strong>Design \u2192 Editor<\/strong>. Se il tuo sito web utilizza un page builder o un tema con un proprio header builder, devi modificare l'intestazione l\u00ec.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Cos'\u00e8 l'intestazione di un sito Web WordPress?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Come header si intende solitamente la parte superiore di un sito web. Spesso compare su tutte o almeno su molte pagine nella stessa forma o in una forma simile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un tipico intestatario di un sito web pu\u00f2 contenere i seguenti elementi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Logo<\/li>\n\n\n\n<li>Nome del sito web<\/li>\n\n\n\n<li>Navigazione principale<\/li>\n\n\n\n<li>Immagine di intestazione o immagine di sfondo<\/li>\n\n\n\n<li>Funzione di ricerca<\/li>\n\n\n\n<li>Informazioni di contatto<\/li>\n\n\n\n<li>Link ai social media<\/li>\n\n\n\n<li>Pulsante di invito all'azione<\/li>\n\n\n\n<li>Selezione della lingua<\/li>\n\n\n\n<li>Carrello in WooCommerce<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Quali elementi siano presenti \u00e8 determinato principalmente dal tuo tema e dalla progettazione individuale del tuo sito web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Header, headerbild und beitragsbild non sono la stessa cosa<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Prima di modificare qualsiasi cosa, dovresti distinguere a quale immagine ti riferisci realmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uno <strong>Immagine di intestazione<\/strong> l'immagine di sfondo dell'intestazione appartiene all'area di design superiore del sito web. Un <strong>Logo<\/strong> \u00e8 solitamente un elemento separato all'interno dell'intestazione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il <strong>Immagine in evidenza<\/strong> L'immagine in evidenza appartiene invece a un determinato articolo o a una pagina. A seconda del tema, questa immagine pu\u00f2 essere visualizzata in grande anche nella parte superiore della pagina, ma tecnicamente non si tratta necessariamente dell'immagine di intestazione vera e propria.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Tipico errore:<\/strong> Se sostituisci l'immagine in evidenza di una pagina e l'immagine grande nella parte superiore cambia, probabilmente non \u00e8 stata modificata un'immagine di intestazione globale. In questo caso il tuo tema utilizza l'immagine in evidenza come immagine del titolo o hero per la rispettiva pagina.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Perch\u00e9 la gestione dell'intestazione non \u00e8 uguale per ogni sito WordPress?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress fornisce la base tecnica, ma il tema attivo determina gran parte della presentazione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nel corso dello sviluppo di WordPress sono inoltre nati diversi sistemi per la progettazione dei temi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Oggi ti imatti principalmente nelle seguenti varianti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>temi classici<\/strong> con il Customizer di WordPress<\/li>\n\n\n\n<li><strong>Temi a blocchi<\/strong> con l'editor di siti web<\/li>\n\n\n\n<li><strong>Temi con header builder integrato<\/strong><\/li>\n\n\n\n<li><strong>Costruttore di pagine<\/strong> come Elementor con le proprie funzioni di tema o intestazione<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Perci\u00f2 una guida con l'affermazione generale \u201eClicca su Design \u2192 Customizer \u2192 Immagine dell'intestazione\u201c sarebbe semplicemente errata per molti siti web WordPress attuali.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prima scoprire quale tema \u00e8 attivo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Prima di cercare le impostazioni dell'intestazione, dovresti sapere quale tema WordPress utilizza il tuo sito web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Verifica il tema attivo<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Accedi all'area di amministrazione di WordPress.<\/li>\n\n\n\n<li>Apri <strong>Design \u2192 Temi<\/strong>.<\/li>\n\n\n\n<li>Cerco il tema che come <strong>\u201eAttivo\u201c<\/strong> contrassegnato.<\/li>\n\n\n\n<li>Prendi nota del nome del tema.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Se non sai ancora come aprire l'area di amministrazione di WordPress, trovi le istruzioni complete su <a href=\"\/it\/aiuto\/wordpress\/accedere-allarea-di-amministrazione-di-wordpress\/\">Accesso a WordPress: come effettuare il login nell'area amministrativa<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Metodo 1: Modificare l'intestazione in un tema WordPress classico<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Molti temi classici utilizzano il <strong>Personalizzatore di WordPress<\/strong>. Se il tuo tema supporta questa funzione, di solito la trovi sotto <strong>Design<\/strong> la voce di menu corrispondente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apri:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Design \u2192 Personalizzatore<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le impostazioni disponibili dipendono interamente dal tema utilizzato.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A titolo di esempio, le possibili aree potrebbero essere:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Informazioni sul sito web<\/li>\n\n\n\n<li>Intestazione<\/li>\n\n\n\n<li>Immagine di intestazione<\/li>\n\n\n\n<li>Contenuto multimediale dell'intestazione<\/li>\n\n\n\n<li>Logo<\/li>\n\n\n\n<li>Layout<\/li>\n\n\n\n<li>Menu<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Non tutti i temi classici offrono tutte queste opzioni.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sostituire l'immagine di intestazione tramite il personalizzatore<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se il tuo tema offre una sezione per l'immagine dell'intestazione nel personalizzatore, di solito puoi sostituire un'immagine esistente o caricarne una nuova.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Modifica l'immagine dell'intestazione nel personalizzatore<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Apri <strong>Design \u2192 Personalizzatore<\/strong>.<\/li>\n\n\n\n<li>Cerca <strong>Intestazione<\/strong>, <strong>Immagine di intestazione<\/strong> o di un'impostazione con denominazione simile.<\/li>\n\n\n\n<li>Fai clic sull'immagine esistente o sulla funzione per aggiungere o modificare un'immagine.<\/li>\n\n\n\n<li>Seleziona un'immagine dalla libreria multimediale di WordPress o caricane una nuova.<\/li>\n\n\n\n<li>Ritaglia l'immagine se necessario in base alle specifiche del tema.<\/li>\n\n\n\n<li>Controlla l'anteprima.<\/li>\n\n\n\n<li>Salva o pubblica la modifica.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">La dicitura esatta dei pulsanti pu\u00f2 variare leggermente a seconda del tema e della versione di WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Perch\u00e9 non trovo il customizer sotto Aspetto?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se sotto <strong>Design<\/strong> non viene visualizzato alcun personalizzatore normale, non si tratta automaticamente di un errore.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Stai probabilmente utilizzando un moderno <strong>Tema a blocchi<\/strong>. Tali temi vengono progettati tramite l'editor di siti WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In questo caso trovi solitamente:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Design \u2192 Editor<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Invece di configurare singole aree del tema tramite il classico personalizzatore, l\u00ec puoi modificare template e parti di template con i blocchi di WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Metodo 2: Modificare l'intestazione con l'editor del sito di WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In un tema a blocchi, l'intestazione \u00e8 solitamente un cosiddetto <strong>Sezione del modello<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apri prima:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Design \u2192 Editor<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A seconda della versione di WordPress e del tema, l\u00ec puoi modificare la grafica del tuo sito web, i template e i modelli o le parti di template.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apri l'intestazione o un modello che contiene l'intestazione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nell'editor puoi quindi modificare i blocchi utilizzati al suo interno.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un header WordPress moderno pu\u00f2 consistere, ad esempio, nei seguenti blocchi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Logo del sito web<\/li>\n\n\n\n<li>Titolo del sito web<\/li>\n\n\n\n<li>Navigazione<\/li>\n\n\n\n<li>Immagine<\/li>\n\n\n\n<li>Copertina<\/li>\n\n\n\n<li>Gruppo<\/li>\n\n\n\n<li>Pulsanti<\/li>\n\n\n\n<li>Icone social<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Modificare l'immagine di intestazione in un tema a blocchi<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se l'immagine di intestazione visibile sopra un <strong>Blocco immagine<\/strong> seleziona questo block e sostituisci l'immagine tramite la sua barra degli strumenti o le sue impostazioni.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c8 stato lo sfondo con un <strong>Blocco copertina<\/strong> creato, devi invece cambiare l'immagine di sfondo di questo blocco.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questa \u00e8 una differenza importante: nei block-theme non esiste necessariamente un'impostazione centrale denominata \u201eImmagine di testata\u201c. L'immagine pu\u00f2 semplicemente fare parte del layout dell'intestazione.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Suggerimento:<\/strong> Se nell'editor del sito non riconosci quale elemento genera l'immagine, apri la vista elenco dell'editor. L\u00ec vedrai la struttura dei blocchi utilizzati e potrai identificare pi\u00f9 facilmente i blocchi immagine, copertina o gruppo.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Le modifiche all'intestazione globale si riflettono su pi\u00f9 pagine<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quando si elabora un'intestazione bisogna tenere presente che si tratta spesso di un <strong>sezione del sito utilizzata a livello globale<\/strong> agisce.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se, ad esempio, modifichi il logo o un'immagine nell'intestazione globale, la modifica pu\u00f2 apparire automaticamente su tutte le pagine che utilizzano quell'intestazione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Controlla quindi prima di salvare se desideri davvero modificare l'intestazione globale o semplicemente l'immagine di copertina di una singola pagina.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Metodo 3: Tema con un proprio header builder<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Alcuni temi WordPress forniscono propri strumenti per la progettazione dell'intestazione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il funzionamento esatto varia a seconda del tema. Le possibili denominazioni sono, ad esempio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Costruttore di intestazioni<\/li>\n\n\n\n<li>Opzioni tema<\/li>\n\n\n\n<li>Impostazioni tema<\/li>\n\n\n\n<li>Layout dell'intestazione<\/li>\n\n\n\n<li>Costruttore di siti web<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In questo caso dovresti usare le impostazioni fornite dal tema e non cercare di modificare l'intestazione tramite una voce di menu pensata per un altro tema.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Di conseguenza, quando cambi tema, anche le impostazioni dell'intestazione disponibili possono cambiare completamente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Metodo 4: Modifica dell'intestazione con Elementor<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se il tuo sito WordPress con <strong>Elementor<\/strong> \u00e8 stato creato, bisogna fare una distinzione tra i normali contenuti della pagina e un'intestazione globale creata con Elementor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizzando le relative funzioni di Elementor, \u00e8 possibile creare un header come template personalizzato e assegnarlo a determinate aree del sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In un caso del genere, non serve a nulla cercare l'immagine dell'intestazione nel normale customizer di WordPress, se l'intera intestazione visibile \u00e8 in realt\u00e0 generata da Elementor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apri invece i relativi template di Elementor o il Theme Builder e verifica quale template di intestazione \u00e8 attivo.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Importante:<\/strong> Non modificare contemporaneamente l'intestazione del tema e un'intestazione creata con un page builder, se non sai quale viene effettivamente visualizzata. Altrimenti, potresti modificare impostazioni che non sono affatto visibili sul sito web.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Modificare il logo in WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se in realt\u00e0 non l'immagine di intestazione, ma <strong>Logo<\/strong> desideri sostituire, il percorso dipende anche dal tema.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nei temi classici trovi spesso l'impostazione del logo nel Customizer in una sezione come:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Informazioni sul sito web<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">o nelle impostazioni dell'intestazione del tema.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nei temi a blocchi viene spesso utilizzato il blocco <strong>Logo del sito web<\/strong> usato. Puoi selezionarlo nell'editor del sito web e sostituire il logo memorizzato.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nei temi o nei page builder con un proprio sistema di intestazione, il logo potrebbe trovarsi direttamente all'interno dell'intestazione creata l\u00ec.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Non confondere il logo con l'immagine di intestazione<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il logo rappresenta solitamente il marchio o l'azienda. L'immagine di intestazione, invece, \u00e8 un elemento di design e pu\u00f2 mostrare, ad esempio, un paesaggio, un prodotto, un'illustrazione o uno sfondo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dal punto di vista tecnico, perci\u00f2, i due elementi vengono spesso gestiti separatamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se desideri semplicemente sostituire il logo della tua azienda, non dovresti sostituire l'intera immagine di sfondo dell'intestazione.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quali dimensioni dovrebbe avere un'immagine di intestazione di WordPress?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Non esiste una dimensione di pixel ottimale universale per le immagini di intestazione di WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le dimensioni richieste dipendono, tra le altre cose, da:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>del tema utilizzato<\/li>\n\n\n\n<li>del layout di pagina<\/li>\n\n\n\n<li>l'altezza dell'intestazione<\/li>\n\n\n\n<li>della larghezza massima del contenuto<\/li>\n\n\n\n<li>della visualizzazione sui dispositivi mobili<\/li>\n\n\n\n<li>del formato utilizzato<\/li>\n\n\n\n<li>il genere dell'immagine<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Un tema potrebbe ad esempio utilizzare un'immagine di intestazione molto ampia e piatta, mentre un altro sito web visualizza una grande immagine hero a tutta larghezza dello schermo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pertanto, orientati innanzitutto sulle raccomandazioni o sulla presentazione del tuo tema.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Non caricare semplicemente immagini enormi<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un problema comune \u00e8 costituito da file di immagine inutilmente grandi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una fotocamera moderna o uno smartphone possono generare immagini larghe diverse migliaia di pixel e con una dimensione di diversi megabyte. Utilizzare un'immagine originale di questo tipo senza controlli come intestazione di un sito web non \u00e8 solitamente una buona idea.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un'immagine di intestazione dovrebbe essere grande solo quanto \u00e8 necessario per la sua effettiva visualizzazione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I file inutilmente grandi possono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>aumentare il tempo di caricamento<\/li>\n\n\n\n<li>trasmettere pi\u00f9 dati<\/li>\n\n\n\n<li>consumare larghezza di banda inutile sui dispositivi mobili<\/li>\n\n\n\n<li>peggiorare la velocit\u00e0 percepita del sito web<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Soprattutto le immagini grandi nella parte superiore visibile della pagina possono essere particolarmente rilevanti per le performance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quale formato di file \u00e8 adatto per le immagini di intestazione?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La scelta del formato d'immagine pi\u00f9 opportuno dipende dal soggetto e dalle funzioni richieste.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I formati tipici sono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>JPEG\/JPG:<\/strong> adatto per fotografie e soggetti con molte sfumature di colore<\/li>\n\n\n\n<li><strong>PNG:<\/strong> utile quando \u00e8 necessaria trasparenza o sono disponibili determinate grafiche<\/li>\n\n\n\n<li><strong>WebP:<\/strong> moderno formato web con una buona compressione per molti tipi di immagini<\/li>\n\n\n\n<li><strong>AVIF:<\/strong> formato immagine moderno ed efficiente, a patto che sia supportato in modo utile nel tuo specifico flusso di lavoro<\/li>\n\n\n\n<li><strong>SVG:<\/strong> particolarmente adatto per grafica vettoriale e loghi, ma deve essere usato con cautela per motivi di sicurezza<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Per un'immagine d'intestazione fotografica, un PNG enorme non \u00e8 solitamente una scelta sensata. Per un logo scontornato con sfondo trasparente, invece, il PNG pu\u00f2 essere adatto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Controlla l'immagine dell'intestazione per desktop e smartphone<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un'immagine di intestazione che appare perfetta su un grande monitor desktop pu\u00f2 essere visualizzata in modo problematico su uno smartphone.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nei layout responsivi la larghezza disponibile varia notevolmente. Perci\u00f2, a seconda delle impostazioni CSS, le immagini di sfondo potrebbero essere ritagliate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Controlla dopo ogni modifica almeno:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visualizzazione desktop<\/li>\n\n\n\n<li>Visualizzazione tablet<\/li>\n\n\n\n<li>Visualizzazione per smartphone<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Gli elementi importanti dell'immagine non dovrebbero essere cos\u00ec vicini al bordo da essere tagliati in caso di visualizzazione pi\u00f9 stretta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Non inserire il testo direttamente nell'immagine di intestazione<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se nel campo dell'intestazione deve comparire un titolo, un'offerta o un pulsante, normalmente dovresti posizionare questo testo come vero contenuto HTML sopra o davanti all'immagine, anzich\u00e9 incorporarlo direttamente nel file dell'immagine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 presenta diversi vantaggi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Il testo rimane pi\u00f9 leggibile su diverse dimensioni dello schermo<\/li>\n\n\n\n<li>I contenuti possono essere modificati pi\u00f9 facilmente<\/li>\n\n\n\n<li>I motori di ricerca possono rilevare il testo come contenuto<\/li>\n\n\n\n<li>I lettori di schermo possono elaborare il testo<\/li>\n\n\n\n<li>Le traduzioni sono molto pi\u00f9 semplici<\/li>\n\n\n\n<li>I pulsanti rimangono veri controlli cliccabili<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Un'immagine di intestazione dovrebbe quindi essere principalmente un elemento visivo e non servire come sostituto di importanti contenuti del sito web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Come usare correttamente il testo alternativo per l'immagine di intestazione<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se un'immagine necessiti di un testo alternativo e cosa debba contenere dipende dalla sua funzione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se l'immagine trasmette informazioni importanti, \u00e8 opportuno inserire un testo alternativo significativo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se invece l'immagine d'intestazione \u00e8 puramente decorativa e non trasmette informazioni aggiuntive, dal punto di vista dell'accessibilit\u00e0 non dovrebbe essere dotata inutilmente di una descrizione. Le immagini decorative dovrebbero essere integrate in modo tale che le tecnologie assistive possano saltarle.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inoltre, un testo alternativo non \u00e8 il posto per un elenco di parole chiave SEO.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Esempio:<\/strong> La foto di un determinato edificio aziendale pu\u00f2 richiedere un testo alternativo descrittivo se il soggetto \u00e8 rilevante per il contenuto. Un gradiente di colore astratto dietro a un titolo H1 gi\u00e0 esistente, invece, solitamente non richiede alcuna descrizione testuale aggiuntiva.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Immagine dell'intestazione modificata, ma sul sito web compare ancora la vecchia immagine<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se hai modificato e salvato l'immagine dell'intestazione ma continui a vedere la versione precedente, la causa potrebbe essere la cache.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'immagine potrebbe inoltre essere memorizzata nella cache, ad esempio, tramite:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il tuo browser<\/li>\n\n\n\n<li>un plugin di cache per WordPress<\/li>\n\n\n\n<li>caching lato server<\/li>\n\n\n\n<li>un CDN<\/li>\n\n\n\n<li>un page builder<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Testa prima il sito Web in una finestra di navigazione in incognito o esegui un ricaricamento completo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se continua ad apparire la vecchia immagine, controlla i sistemi di cache utilizzati.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L'immagine di intestazione non viene visualizzata su alcune pagine<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se l'immagine di intestazione manca solo su determinate pagine, il tuo sito web potrebbe utilizzare modelli o intestazioni differenti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo \u00e8 possibile, ad esempio, presso:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>di uno speciale modello di pagina iniziale<\/li>\n\n\n\n<li>Pagine di blog e archivi<\/li>\n\n\n\n<li>Pagine WooCommerce<\/li>\n\n\n\n<li>Landing page<\/li>\n\n\n\n<li>Modelli Elementor con diverse condizioni di visualizzazione<\/li>\n\n\n\n<li>template WordPress personalizzati<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Verifica quindi prima se davvero tutte le pagine utilizzano la stessa intestazione.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L'immagine di intestazione viene tagliata<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Con gli sfondi \u00e8 normale che parti di un'immagine vengano tagliate a seconda del formato dello schermo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo accade spesso quando l'immagine viene ridimensionata in modo da riempire l'intera area disponibile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se parti importanti del soggetto scompaiono, a seconda del design utilizzato, puoi ad esempio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>modificare la posizione dell'immagine di sfondo<\/li>\n\n\n\n<li>regolare l'altezza dell'area dell'intestazione<\/li>\n\n\n\n<li>utilizzare un'immagine con un formato pi\u00f9 adatto<\/li>\n\n\n\n<li>inserire un'immagine diversa per i dispositivi mobili<\/li>\n\n\n\n<li>ritagliare il motivo in modo diverso prima del caricamento<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Le possibilit\u00e0 a disposizione dipendono dal tema, dal blocco o dal page builder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L'immagine di intestazione risulta sfocata<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un'immagine di intestazione sfocata pu\u00f2 verificarsi se il file caricato \u00e8 troppo piccolo per l'area visualizzata.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se, ad esempio, un'immagine molto piccola viene ingrandita sull'intera larghezza dello schermo, mancano informazioni sufficienti sull'immagine per una visualizzazione nitida.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usa quindi una risoluzione che corrisponda alla visualizzazione massima effettiva, senza caricare file originali inutilmente enormi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L'immagine di intestazione causa scarsi tempi di caricamento<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una grande immagine nella parte superiore visibile di un sito web pu\u00f2 avere un impatto significativo sul tempo di caricamento percepito.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se la tua immagine di intestazione \u00e8 grande diversi megabyte, dovresti ottimizzarla.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verifica in particolare:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dimensioni dell'immagine<\/li>\n\n\n\n<li>Dimensione del file<\/li>\n\n\n\n<li>Formato file<\/li>\n\n\n\n<li>Compressione<\/li>\n\n\n\n<li>output di immagini responsive<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Una buona ottimizzazione delle immagini non cerca di ridurre al massimo la qualit\u00e0 dell'immagine, ma di raggiungere un rapporto ragionevole tra qualit\u00e0 visiva e dimensione del file.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Non sottoporre l'immagine hero a un lazy loading sconsiderato<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le immagini che compaiono solo pi\u00f9 in basso in una pagina possono spesso essere caricate in ritardo. Questa procedura viene chiamata <strong>Caricamento differito<\/strong> definito.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nel caso di un'immagine di intestazione o di un hero image grande e centrale nell'area immediatamente visibile, un caricamento ritardato non \u00e8 invece automaticamente utile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se un'immagine importante per la visualizzazione iniziale viene caricata troppo tardi, il tempo di caricamento percepito potrebbe peggiorare.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le impostazioni delle prestazioni non dovrebbero quindi essere applicate secondo il principio \u201eLazy loading per ogni immagine\u201c.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Modifica il menu dell'intestazione<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se non desideri modificare l'immagine, ma la navigazione nell'intestazione, si tratta della <strong>Gestione dei menu di WordPress<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A seconda del tema, anche questa operazione avviene in modo diverso nei block theme classici e moderni.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trattiamo quindi la configurazione completa separatamente nella nostra guida <a href=\"\/it\/aiuto\/wordpress\/creare-e-gestire-menu\/\">Creare e gestire menu in WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Non modificare l'header direttamente nei file del tema<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nei temi classici esistono spesso file PHP come:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>header.php<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 non significa per\u00f2 che tu debba modificare direttamente questo file per una normale modifica del logo o dell'immagine dell'intestazione.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le modifiche dirette ai file di un tema padre possono essere sovrascritte durante un aggiornamento del tema.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inoltre, anche un piccolo errore nel codice PHP pu\u00f2 fare s\u00ec che parti del sito web non funzionino pi\u00f9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizza quindi prima le funzioni previste del tema, di WordPress o del page builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se sono effettivamente necessarie modifiche personali ai file del tema, \u00e8 un <a href=\"\/it\/aiuto\/wordpress\/creare-un-child-theme-di-wordpress\/\">Tema figlio di WordPress<\/a> spesso l'approccio tecnicamente migliore.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cambiare tema solo perch\u00e9 non \u00e8 facile modificare l'intestazione?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il cambio di tema non dovrebbe essere affrontato alla leggera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il tema influisce ben oltre la sola intestazione. Un cambio pu\u00f2 avere conseguenze su:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Layout<\/li>\n\n\n\n<li>Navigazione<\/li>\n\n\n\n<li>Widget<\/li>\n\n\n\n<li>Caratteri<\/li>\n\n\n\n<li>Colori<\/li>\n\n\n\n<li>Modelli<\/li>\n\n\n\n<li>Funzioni specifiche del tema<\/li>\n\n\n\n<li>Visualizzazione dei contenuti esistenti<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Se ti manca semplicemente un'impostazione dell'intestazione, dovresti prima verificare quali opzioni offre il tema esistente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Spieghiamo come installare correttamente i nuovi temi nella nostra guida su <a href=\"\/it\/aiuto\/wordpress\/installare-il-tema-wordpress\/\">Installazione di un nuovo tema WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prima di apportare modifiche importanti all'intestazione, verificare la configurazione esistente<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Per una semplice modifica di un logo di solito non \u00e8 necessaria una preparazione approfondita.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se tuttavia desideri ridisegnare completamente l'intestazione, dovresti prima capire come \u00e8 stata strutturata.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verifica in particolare:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>quale tema \u00e8 attivo<\/li>\n\n\n\n<li>se viene utilizzato un child theme<\/li>\n\n\n\n<li>se l'intestazione \u00e8 stata creata tramite il Customizer<\/li>\n\n\n\n<li>se viene utilizzato un block theme<\/li>\n\n\n\n<li>che Elementor o un altro Page Builder generi l'intestazione<\/li>\n\n\n\n<li>se esistono intestazioni diverse per pagine diverse<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Solo allora dovresti apportare modifiche maggiori.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Modificare l'intestazione su un ambiente di staging o di test<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In caso di modifiche estese a un sito Web aziendale di produzione o a un negozio online, pu\u00f2 essere utile provare prima il nuovo design in un ambiente di test.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In questo modo puoi controllare il layout, la navigazione e la visualizzazione responsive senza che i visitatori vedano un header non finito durante la modifica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anche un'installazione di WordPress clonata pu\u00f2 essere utile per questo tipo di lavoro. Spieghiamo come copiare un'installazione esistente con Softaculous su <a href=\"\/it\/aiuto\/wordpress\/clonare-wordpress-softaculous\/\">Clonare WordPress con Softaculous<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Errori tipici durante la modifica dell'intestazione di WordPress<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>confondere l'immagine di intestazione con l'immagine in evidenza<\/li>\n\n\n\n<li>cercare nel Customizer nonostante si utilizzi un block theme<\/li>\n\n\n\n<li>modificare l'intestazione del tema, anche se Elementor genera l'intestazione visibile<\/li>\n\n\n\n<li>apportare modifiche globali anzich\u00e9 modificarne una sola pagina<\/li>\n\n\n\n<li>caricare immagini originali grandi diversi megabyte<\/li>\n\n\n\n<li>controllare l'immagine solo su un PC desktop<\/li>\n\n\n\n<li>integrare il testo importante direttamente nell'immagine<\/li>\n\n\n\n<li>Riempire i testi alt di parole chiave<\/li>\n\n\n\n<li>Modificare direttamente i file del tema<\/li>\n\n\n\n<li>non considerare la cache dopo una modifica<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Nota:<\/strong> Se non trovi l'immagine di testata dove la descrive un'altra guida, WordPress non \u00e8 automaticamente configurato in modo errato. Molto probabilmente il tuo sito web sta semplicemente utilizzando un tema o un sistema di intestazione diverso.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Quando dovresti contattare il supporto di CURIAWEB?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se come cliente di CURIAWEB non riesci a scoprire da cosa viene generato l'intestazione del tuo sito web WordPress, puoi contattare il nostro supporto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Comunicaci, se possibile:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>quale dominio \u00e8 interessato<\/li>\n\n\n\n<li>quale tema usi<\/li>\n\n\n\n<li>quale elemento desideri modificare<\/li>\n\n\n\n<li>se Elementor o un altro page builder \u00e8 installato<\/li>\n\n\n\n<li>ci\u00f2 che hai gi\u00e0 provato<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 consente di determinare molto pi\u00f9 rapidamente se l'intestazione \u00e8 gestita tramite WordPress, il tema o un page builder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Riepilogo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Come modificare un'immagine dell'intestazione in WordPress dipende dalla struttura del tuo sito web. I temi classici utilizzano spesso il <strong>Personalizzatore di WordPress<\/strong>, mentre i moderni block-theme tramite <strong>Design \u2192 Editor<\/strong> e l'editor del sito pu\u00f2 essere adattato. I temi con il proprio generatore di intestazioni e page builder come Elementor possono a loro volta utilizzare modalit\u00e0 di gestione completamente proprie.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Controlla quindi prima sotto <strong>Design \u2192 Temi<\/strong>, quale tema \u00e8 attivo e da cosa viene effettivamente generato il tuo header. Inoltre, non confondere l'immagine di intestazione globale con il logo o l'immagine in evidenza di una singola pagina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se desideri modificare anche la navigazione nell'intestazione, troverai le istruzioni corrispondenti su <a href=\"\/it\/aiuto\/wordpress\/creare-e-gestire-menu\/\">Creare e gestire menu in WordPress<\/a>. Per le modifiche al codice del tema, non dovresti modificare direttamente il tema padre. Per questo spiegheremo pi\u00f9 avanti l'uso di un <a href=\"\/it\/aiuto\/wordpress\/creare-un-child-theme-di-wordpress\/\">Tema child di WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Der Header ist der obere Bereich deiner WordPress-Website und geh\u00f6rt zu den ersten Elementen, die Besucher sehen. Je nach Website enth\u00e4lt er beispielsweise dein Logo, die Hauptnavigation, ein Hintergrundbild, Kontaktdaten oder einen Button. Wenn du das Headerbild in WordPress \u00e4ndern m\u00f6chtest, gibt es allerdings nicht bei jeder Website denselben Men\u00fcpunkt. Der genaue Weg h\u00e4ngt davon [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[80],"doc_tag":[],"class_list":["post-22363","docs","type-docs","status-publish","hentry","doc_category-wordpress"],"year_month":"2026-10","word_count":3165,"total_views":"22","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/it\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"WordPress","term_url":"https:\/\/www.curiaweb.ch\/it\/hilfe-kategorie\/wordpress\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/22363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/comments?post=22363"}],"version-history":[{"count":1,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/22363\/revisions"}],"predecessor-version":[{"id":22365,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/22363\/revisions\/22365"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/media?parent=22363"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/doc_category?post=22363"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/doc_tag?post=22363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}