{"id":78577,"date":"2024-08-14T08:42:43","date_gmt":"2024-08-14T07:42:43","guid":{"rendered":"https:\/\/kinqsta.com\/it\/?p=78577&#038;preview=true&#038;preview_id=78577"},"modified":"2024-08-14T14:26:08","modified_gmt":"2024-08-14T13:26:08","slug":"modificare-header-wordpress","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/","title":{"rendered":"Modificare l&#8217;header di un sito WordPress senza plugin"},"content":{"rendered":"<p>Si dice che sia importante fare una buona prima impressione. Quando i visitatori arrivano sul vostro sito web, la prima impressione inizia dall&#8217;alto, dall&#8217;header della pagina.<\/p>\n<p>Gli sviluppatori di <a href=\"https:\/\/kinqsta.com\/it\/blog\/come-funzionano-i-temi-di-wordpress\/\">temi WordPress<\/a> non sono obbligati a includere un template di header, ma \u00e8 raro che un sito non ne abbia uno. Sin dagli albori del web, il termine &#8220;header&#8221; \u00e8 stato utilizzato per indicare un blocco di HTML che racchiude gli elementi essenziali che i visitatori si aspettano di trovare nella parte superiore delle pagine. Questi elementi includono spesso:<\/p>\n<ul>\n<li><strong>Branding:<\/strong> pu\u00f2 includere il nome del sito e, spesso, un logo. L&#8217;uso di colori, immagini o video nell&#8217;header pu\u00f2 rafforzare il marchio.<\/li>\n<li><strong>Navigazione primaria:<\/strong> se il vostro sito web ha pi\u00f9 di una pagina, i visitatori probabilmente cercheranno un menu di navigazione vicino alla parte superiore di ogni pagina.<\/li>\n<li><strong>Navigazione secondaria:<\/strong> la navigazione secondaria pu\u00f2 essere costituita da qualsiasi link indipendente dalla posizione attuale dell&#8217;utente nella gerarchia del menu primario. Pensate al pulsante &#8220;login&#8221; e alle icone che collegano agli account dei social media o al carrello.<\/li>\n<li><strong>Ricerca:<\/strong> se il vostro sito web supporta la ricerca, non \u00e8 <em>necessario<\/em> che la casella di ricerca si trovi nell&#8217;header, ma sicuramente i visitatori non la cercheranno nel footer.<\/li>\n<\/ul>\n<p>Il <a href=\"https:\/\/kinqsta.com\/it\/blog\/content-management-system\/\">CMS<\/a> WordPress \u00e8 in grado di generare dinamicamente componenti come gli header combinando il markup dei template dei temi con i contenuti presenti in un database, come i link a un logo e le voci del menu, e di inserirli in ogni pagina.<\/p>\n<p>L&#8217;ecosistema dei temi di WordPress offre una ricca selezione di design per quasi tutti i siti web. Con decine di migliaia di temi tra cui scegliere su vari mercati, scegliere il migliore per il vostro scopo pu\u00f2 essere scoraggiante.<\/p>\n<p>Ma quando finalmente sceglierete e <a href=\"https:\/\/kinqsta.com\/it\/blog\/come-installare-un-tema-wordpress\/\">installerete un tema<\/a>, dovrete personalizzare almeno alcuni componenti, come l&#8217;header, per imprimere il vostro marchio sul sito e renderlo vostro.<\/p>\n<p>Vediamo come fare.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Blocco vs classico: la storia di due temi<\/h2>\n<p>Il modo in cui personalizzate l&#8217;header del vostro sito WordPress dipende da come \u00e8 stato costruito il suo tema (e, a volte, dalla quantit\u00e0 di personalizzazioni che volete apportare). Esistono tre modi per modificare l&#8217;header di un sito nativo di WordPress:<\/p>\n<ul>\n<li><strong>Utilizzando l&#8217;editor del sito<\/strong>: <a href=\"https:\/\/kinqsta.com\/it\/blog\/wordpress-5-0\/\">WordPress 5.0<\/a> ha introdotto un editor a blocchi per i contenuti del sito web noto come <a href=\"https:\/\/kinqsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">Gutenberg<\/a>. Con il rilascio di <a href=\"https:\/\/kinqsta.com\/it\/blog\/wordpress-5-9\/\">WordPress 5.9<\/a>, il concetto di blocco si \u00e8 esteso alla tematizzazione ed \u00e8 diventato un&#8217;opzione solida per il <a href=\"https:\/\/kinqsta.com\/it\/blog\/full-site-editing-wordpress\/\">full site editing<\/a>. L&#8217;Editor del sito e la possibilit\u00e0 di costruire le varie parti di un tema del sito web con componenti basati su HTML hanno portato una flessibilit\u00e0 senza precedenti alla personalizzazione nativa di WordPress.<\/li>\n<li><strong>Usare il Personalizza di WordPress<\/strong>: non vogliamo farvi sentire vecchi, ma i temi che possono essere modificati solo utilizzando il Personalizza e i widget associati, un tempo rivoluzionari, adesso vengono chiamati temi &#8220;classici&#8221;. Nonostante il nome dal sapore retr\u00f2, vengono rilasciati sempre nuovi temi in stile classico, che si aggiungono alle migliaia gi\u00e0 presenti sul mercato. Rispetto ai temi Editor del sito e a blocchi, i temi Personalizza e Classico offrono meno opzioni per la personalizzazione dell&#8217;header.<\/li>\n<li><strong>Modificare direttamente i file del tema<\/strong>: per modificare il codice all&#8217;interno dei file dei temi classici di WordPress \u00e8 necessaria una conoscenza di base del PHP, ma \u00e8 una soluzione quando il Personalizza non \u00e8 in grado di fornire ci\u00f2 che serve per l&#8217;header del vostro sito.<\/li>\n<\/ul>\n<p>Non ci occupiamo della personalizzazione dell&#8217;header nei <a href=\"https:\/\/kinqsta.com\/it\/blog\/page-builder-wordpress\/\">page builder di WordPress<\/a> di terze parti, come <a href=\"https:\/\/kinqsta.com\/it\/blog\/divi-vs-elementor\/\">Divi<\/a>, n\u00e9 di una serie di plugin progettati appositamente per gestire gli header <a href=\"https:\/\/kinqsta.com\/it\/blog\/modificare-il-footer-in-wordpress\/#edit-footer-in-wordpress-with-plugins\">(e i footer<\/a>) dei siti web. Questi plugin potrebbero valere la pena di essere esplorati se la vostra unica opzione richiede la modifica diretta dei file del tema e volete evitare la programmazione PHP.<\/p>\n<h2>Come modificare l&#8217;header di un tema a blocchi<\/h2>\n<p>Se avete utilizzato Gutenberg per creare contenuti, saprete che WordPress comprende una vasta collezione di blocchi che potete inserire nelle pagine per comporre qualsiasi cosa, dai titoli, paragrafi ed elenchi ai media, alla navigazione e ai moduli. Esiste una classe di blocchi che svolgono compiti simili a quelli dei widget nei temi classici, tra cui la generazione di link agli ultimi post e commenti, la visualizzazione di una tag cloud o l&#8217;inserimento di un calendario.<\/p>\n<p>I blocchi multipli possono essere combinati, personalizzati e salvati come pattern. Potete anche aggiungere questi componenti alle parti di un tema WordPress che aiutano a definire il layout di una pagina, compresi gli header.<\/p>\n<p>Come i singoli blocchi, le parti del template possono essere definite in <a href=\"https:\/\/kinqsta.com\/it\/blog\/html\/\">file HTML<\/a>. I temi a blocchi sono facili da personalizzare perch\u00e9 le informazioni che descrivono le modifiche vengono salvate nel database di WordPress e applicate ai vari componenti quando viene generata una pagina.<\/p>\n<p>Quindi, quando parliamo di &#8220;modificare&#8221; un&#8217;header in un tema a blocchi, raramente stiamo parlando di modificare un file memorizzato nella directory del tema di WordPress.<\/p>\n<h3>Dietro le quinte: l&#8217;header di un tema a blocchi<\/h3>\n<p>L&#8217;ispezione dell&#8217;HTML dietro una parte di template come l&#8217;header aiuta a spiegare cosa succede quando si personalizza un tema.<\/p>\n<p>Per questo tutorial utilizzeremo il tema Seedlet, disponibile sia come <a href=\"https:\/\/wordpress.org\/themes\/seedlet-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Seedlet (Blocks)<\/a> che come <a href=\"https:\/\/wordpress.org\/themes\/seedlet\/\" target=\"_blank\" rel=\"noopener noreferrer\">Seedlet (Classic)<\/a>. Seedlet (Blocks) utilizza il <a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\" target=\"_blank\" rel=\"noopener noreferrer\">tema Blockbase<\/a> come suo genitore e questo \u00e8 l&#8217;intero contenuto del file <code>header.html<\/code> nelle directory del tema Seedlet:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:pattern {\"slug\":\"blockbase\/header-centered\"} \/--&gt;\n&lt;!-- wp:spacer {\"height\":60} --&gt;\n&lt;div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"&gt;&lt;\/div&gt;\n&lt;!-- \/wp:spacer --&gt;<\/code><\/pre>\n<p>La maggior parte della magia dei blocchi di WordPress avviene nei commenti HTML. I commenti possono trasmettere informazioni sullo stile e altre direttive durante la creazione della pagina. L&#8217;HTML qui sopra aggiunge un po&#8217; di spaziatura verticale al nostro header predefinito, ma l&#8217;azione principale \u00e8 la richiesta di includere un modello nel tema Blockbase che (una volta aggiunto <code>.html<\/code> ) si trova nel file <code>header-centered.html<\/code>.<\/p>\n<p>La directory dei template all&#8217;interno del tema Blockbase include questi file relativi all&#8217;header:<\/p>\n<pre><code class=\"language-bash\">header-centered.html\nheader-default.html\nheader-linear.html\nheader-minimal.html\nheader-rounded-logo.html\nheader-wide.html<\/code><\/pre>\n<p>Ad esempio, il file <code>header-rounded-logo.html<\/code> include un commento HTML che aggiunge una classe CSS per il ritaglio circolare dell&#8217;immagine del logo. Se volessimo seguire questo approccio, <em>potremmo<\/em> modificare il nostro file Seedlet <code>header.html<\/code> per includere <code>header-rounded-logo.html<\/code> invece di <code>header-centered.html<\/code>. Ma non \u00e8 necessario farlo perch\u00e9 possiamo applicare questa parte del template nell&#8217;Editor del sito WordPress e lasciare intatti i file del tema sul disco rigido.<\/p>\n<h3>Usare l&#8217;Editor del sito per personalizzare un&#8217;header<\/h3>\n<p>Con un tema a blocchi attivo sul nostro sito web, possiamo accedere all&#8217;Editor del sito nel pannello di <a href=\"https:\/\/kinqsta.com\/it\/blog\/amministrazione-wordpress\/\">amministrazione di WordPress<\/a> selezionando <strong>Aspetto<\/strong> &gt; <strong>Editor<\/strong>:<\/p>\n<figure id=\"attachment_183495\" aria-describedby=\"caption-attachment-183495\" style=\"width: 1287px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183495\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-block-theme-site-editor.png\" alt=\"Schermata che mostra il pannello di amministrazione di WordPress e il menu Aspetto.\" width=\"1287\" height=\"604\"><figcaption id=\"caption-attachment-183495\" class=\"wp-caption-text\">Accedere all&#8217;Editor del sito dal pannello di amministrazione di WordPress.<\/figcaption><\/figure>\n<p>La vista iniziale dell&#8217;Editor del sito \u00e8 un layout a pagina intera che include l&#8217;header, il footer e qualsiasi altra parte del template gi\u00e0 aggiunta dallo sviluppatore del tema. Possiamo cliccare sull&#8217;area dell&#8217;header per iniziare subito a modificarla.<\/p>\n<p>Qui sotto, il nostro header include un placeholder per il logo e mostra gi\u00e0 il nome del sito e la navigazione principale (che ora consiste solo in &#8220;Chi siamo&#8221; e &#8220;Pagina di esempio&#8221;). Se aggiungiamo una tagline alle informazioni di base del sito, questa apparir\u00e0 anche qui.<\/p>\n<p>Questi elementi di identit\u00e0 del sito sono gi\u00e0 presenti nel nostro header perch\u00e9 la parte del template <code>header-centered.html<\/code> menzionata in precedenza include questi commenti:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:site-logo {\"align\":\"center\",\"width\":128} \/--&gt;\n&lt;!-- wp:site-title {\"textAlign\":\"center\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"30px\",\"bottom\":\"20px\"}}}} \/--&gt;\n&lt;!-- wp:site-tagline {\"textAlign\":\"center\",\"fontSize\":\"small\"} \/--&gt;<\/code><\/pre>\n<p>La navigazione principale \u00e8 generata da questo commento:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:navigation {\"layout\":{\"type\":\"flex\",\"setCascadingProperties\":true,\"justifyContent\":\"center\",\"orientation\":\"horizontal\"}} \/--&gt;<\/code><\/pre>\n<p>Aggiungiamo il nostro logo:<\/p>\n<ol start=\"1\">\n<li>Selezioniamo il placeholder del logo.<\/li>\n<li>Clicchiamo sul pulsante <strong>Aggiungi media<\/strong>.<\/li>\n<li>Scegliamo il logo nella libreria multimediale di WordPress o carichiamolo da disco.<\/li>\n<\/ol>\n<figure id=\"attachment_183497\" aria-describedby=\"caption-attachment-183497\" style=\"width: 1247px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183497\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-block-theme-add-logo.png\" alt=\"Schermata che mostra l'aggiunta di un logo a un'intestazione nell'Editor del sito.\" width=\"1247\" height=\"432\"><figcaption id=\"caption-attachment-183497\" class=\"wp-caption-text\">Aggiunta di un logo a una parte di template di header.<\/figcaption><\/figure>\n<p>La personalizzazione dell&#8217;header di un sito web con l&#8217;aggiunta di un logo \u00e8 un&#8217;operazione talmente comune che anche la maggior parte dei temi WordPress classici rende il lavoro semplice nel Personalizza. Quindi, aggiungiamo un blocco che non \u00e8 gi\u00e0 previsto nel template: un menu secondario vicino alla parte superiore della pagina con la voce: <strong>Shop<\/strong>.<\/p>\n<p>Per prima cosa, attiviamo la visualizzazione del Block Inserter cliccando sull&#8217;icona a forma di levetta nell&#8217;angolo in alto a sinistra dell&#8217;Editor del sito:<\/p>\n<figure id=\"attachment_183488\" aria-describedby=\"caption-attachment-183488\" style=\"width: 934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183488\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-block-theme-toggle-inserter.png\" alt=\"Schermata che mostra l'attivazione del Block Inserter per modificare un header in WordPress.\" width=\"934\" height=\"333\"><figcaption id=\"caption-attachment-183488\" class=\"wp-caption-text\">Attivare il Block Inserter.<\/figcaption><\/figure>\n<p>Con il Block Inserter attivo:<\/p>\n<ol start=\"1\">\n<li>Troviamo il blocco di navigazione (possiamo cercarlo).<\/li>\n<li>Trasciniamo il blocco sul margine superiore dell&#8217;header.<\/li>\n<\/ol>\n<figure id=\"attachment_183486\" aria-describedby=\"caption-attachment-183486\" style=\"width: 1249px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183486\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-block-theme-add-navigation.png\" alt=\"Trascinare un blocco di navigazione nell'area dell'header.\" width=\"1249\" height=\"508\"><figcaption id=\"caption-attachment-183486\" class=\"wp-caption-text\">Trascinare un blocco di navigazione nell&#8217;area dell&#8217;header.<\/figcaption><\/figure>\n<p>Ora modifichiamo il blocco di navigazione creando un link personalizzato (staccato dalla navigazione principale) che visualizzi il testo <strong>Shop<\/strong> e contenga l&#8217;URL del nostro sottodominio e-commerce:<\/p>\n<figure id=\"attachment_183489\" aria-describedby=\"caption-attachment-183489\" style=\"width: 1054px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183489\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-block-theme-toggle-edit-link.png\" alt=\"Schermata che mostra la modifica del link all'interno di un blocco di navigazione su di un header di WordPress.\" width=\"1054\" height=\"482\"><figcaption id=\"caption-attachment-183489\" class=\"wp-caption-text\">Creare un link di pagina per il nostro nuovo blocco di navigazione.<\/figcaption><\/figure>\n<p>Per impostazione predefinita, tutto ci\u00f2 che \u00e8 presente in questa parte del template dell&#8217;header \u00e8 centrato sulla pagina. Vogliamo che il link allo <strong>Shop<\/strong> sia fluttuante a destra. Per farlo:<\/p>\n<ol start=\"1\">\n<li>Clicchiamo sul nuovo blocco di navigazione.<\/li>\n<li>Clicchiamo sull&#8217;icona <strong>Cambia giustificazione degli elementi<\/strong> nella barra degli strumenti.<\/li>\n<li>Selezioniamo <strong>Giustifica gli elementi a destra.<\/strong><\/li>\n<\/ol>\n<figure id=\"attachment_183500\" aria-describedby=\"caption-attachment-183500\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183500\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-block-theme-navigation-justify.png\" alt=\"Schermata che mostra gli strumenti di giustificazione per un blocco nell'editor del sito WordPress.\" width=\"1034\" height=\"344\"><figcaption id=\"caption-attachment-183500\" class=\"wp-caption-text\">Modifica del posizionamento orizzontale del blocco nell&#8217;header.<\/figcaption><\/figure>\n<p>Ecco l&#8217;header completato:<\/p>\n<figure id=\"attachment_183487\" aria-describedby=\"caption-attachment-183487\" style=\"width: 915px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183487\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-block-theme-secondary-navigation-after.png\" width=\"915\" height=\"458\"><figcaption id=\"caption-attachment-183487\" class=\"wp-caption-text\">Header del tema a blocchi con un menu secondario contenente il link allo <strong>Shop<\/strong>.<\/figcaption><\/figure>\n<h2>Come modificare l&#8217;header di un tema classico con il Personalizza<\/h2>\n<p>Quando la prima versione del Personalizza dei temi \u00e8 stata rilasciata nel 2012, insieme a <a href=\"https:\/\/wordpress.org\/documentation\/wordpress-version\/version-3-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 3.4<\/a>, ha rappresentato un passo avanti nell&#8217;aiutare gli amministratori a modificare l&#8217;aspetto dei loro siti web senza dover ricorrere al codice.<\/p>\n<p>Da allora il Personalizza \u00e8 stato notevolmente migliorato, ma una cosa rimane vera: lo sviluppatore di un tema determina cosa pu\u00f2 o non pu\u00f2 essere personalizzato con questo strumento. Questo \u00e8 un contrasto con il libero arbitrio che i proprietari dei siti hanno con l&#8217;Editor del sito basato su blocchi.<\/p>\n<h3>Usare il Personalizza di WordPress<\/h3>\n<p>Quando un tema classico che supporta il Personalizza \u00e8 attivo su un sito, \u00e8 possibile accedervi tramite la bacheca di WordPress selezionando <strong>Aspetto<\/strong> &gt; <strong>Personalizza<\/strong>.<\/p>\n<figure id=\"attachment_183496\" aria-describedby=\"caption-attachment-183496\" style=\"width: 1310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183496\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-classic-theme-customizer-menu.png\" alt=\"Schermata che mostra il pannello di amministrazione di WordPress e il menu Aspetto per un tema classico.\" width=\"1310\" height=\"610\"><figcaption id=\"caption-attachment-183496\" class=\"wp-caption-text\">Accesso al Personalizza del tema dalla bacheca di WordPress.<\/figcaption><\/figure>\n<p>Dal menu principale del Personalizza, selezioniamo <strong>Identit\u00e0 del sito<\/strong> per accedere ai componenti personalizzabili dell&#8217;header:<\/p>\n<figure id=\"attachment_183498\" aria-describedby=\"caption-attachment-183498\" style=\"width: 988px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183498\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-classic-theme-customize-menu.png\" alt=\"Schermata che mostra il menu di personalizzazione del tema WordPress con l'opzione Identit\u00e0 del sito selezionata.\" width=\"988\" height=\"528\"><figcaption id=\"caption-attachment-183498\" class=\"wp-caption-text\">Selezionando l&#8217;opzione Identit\u00e0 del sito nel Personalizza del tema classico.<\/figcaption><\/figure>\n<p>Nella sezione <strong>Identit\u00e0 del sito<\/strong> di questo tema, possiamo aggiungere o cambiare un logo e modificare il titolo del sito ed eventuali tagline. (Il titolo del sito e la tagline sono inizialmente popolati dalle voci presenti nella pagina delle <strong>Impostazioni generali<\/strong> della bacheca).<\/p>\n<p>Questo tema posiziona anche la navigazione principale del sito nell&#8217;header. C&#8217;\u00e8 anche una posizione per la navigazione nel footer e per un menu di link ai social media. Il Personalizza permette di scegliere quale menu assegnare a ciascuna di queste posizioni, ma le posizioni stesse sono essenzialmente fisse.<\/p>\n<figure id=\"attachment_183491\" aria-describedby=\"caption-attachment-183491\" style=\"width: 1082px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183491\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-classic-theme-select-logo.png\" alt=\"Schermata che mostra l'opzione Seleziona logo per la modifica di un'intestazione nel Personalizza del tema WordPress.\" width=\"1082\" height=\"393\"><figcaption id=\"caption-attachment-183491\" class=\"wp-caption-text\">Aggiunta di un logo nel Personalizza dei temi WordPress classici.<\/figcaption><\/figure>\n<p>Dopo aver fatto clic sul pulsante <strong>Seleziona logo<\/strong> evidenziato in precedenza, possiamo scegliere un logo dalla Libreria multimediale di WordPress o caricarne uno nuovo da disco.<\/p>\n<p>Qui sotto, con il logo inserito, il Personalizza ci permette di rimuovere l&#8217;immagine o di sostituirla con un&#8217;altra:<\/p>\n<figure id=\"attachment_183499\" aria-describedby=\"caption-attachment-183499\" style=\"width: 1079px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183499\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-classic-theme-add-logo.png\" alt=\"Schermata che mostra l'intestazione di un tema classico con un logo in posizione.\" width=\"1079\" height=\"458\"><figcaption id=\"caption-attachment-183499\" class=\"wp-caption-text\">Il logo aggiunto alla testata utilizzando il Personalizza di WordPress.<\/figcaption><\/figure>\n<h3>Dietro le quinte: cosa pu\u00f2 personalizzare il Personalizza?<\/h3>\n<p>Come fa il Personalizza a stabilire se possiamo caricare un logo e dove posizionarlo?<\/p>\n<p>Il tutto inizia con questa voce nello script <code>functions.php<\/code> del tema:<\/p>\n<pre><code class=\"language-php\">\/**\n* Add support for core custom logo.\n*\n* @link https:\/\/codex.wordpress.org\/Theme_Logo\n*\/\nadd_theme_support(\n    'custom-logo',\n    array(\n        'height' =&gt; 240,\n        'width'           =&gt; 240,\n        'flex-width'  =&gt; false,\n        'flex-height' =&gt; false,\n     )\n);<\/code><\/pre>\n<p>Questo blocco di codice attiva il pulsante <strong>Seleziona logo<\/strong> nella scheda <strong>Identit\u00e0 del sito<\/strong> del Personalizza e il suo collegamento alle funzioni della Libreria multimediale.<\/p>\n<p>Poi, all&#8217;interno del codice PHP utilizzato per creare l&#8217;header del sito, viene aggiunto questo breve frammento di codice nella posizione in cui dovrebbe apparire il logo:<\/p>\n<pre><code class=\"language-php\">&lt;div class=\"site-logo\"&gt;&lt;?php the_custom_logo(); ?&gt;&lt;\/div&gt;<\/code><\/pre>\n<p>Il risultato:<\/p>\n<figure id=\"attachment_183492\" aria-describedby=\"caption-attachment-183492\" style=\"width: 973px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183492\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/secondary-menu-edit-header-before.png\" alt=\"Schermata che mostra l' header di un tema WordPress classico dopo aver modificato l'Identit\u00e0 del sito per aggiungere un logo.\" width=\"973\" height=\"459\"><figcaption id=\"caption-attachment-183492\" class=\"wp-caption-text\">L&#8217;header del sito dopo aver aggiornato il logo nel Personalizza del tema.<\/figcaption><\/figure>\n<h2>Modificare l&#8217;header di WordPress modificando i file del tema<\/h2>\n<p>Sopra, quando abbiamo personalizzato l&#8217;header di un tema a blocchi utilizzando l&#8217;Editor del sito, abbiamo aggiunto un menu secondario con un link allo <strong>Shop<\/strong>. Eravamo liberi di posizionare il blocco di navigazione ovunque volessimo all&#8217;interno del nostro header. La nostra versione classica del tema non ha una posizione riservata a questo menu, quindi dovremo modificare il codice PHP relativo all&#8217;header per apportare la modifica.<\/p>\n<p>Potremmo semplicemente aprire il file del tema appropriato e aggiungere manualmente l&#8217;HTML per il nostro menu secondario, ma sarebbe poco lungimirante. In seguito, potremmo voler aggiornare il testo del nostro link agli acquisti (Acquista ora?), cambiare il suo <a href=\"https:\/\/kinqsta.com\/it\/blog\/cosa-e-un-url\/\">URL<\/a> o aggiungere un&#8217;altra voce a quel menu (Accedi?).<\/p>\n<p>Vogliamo aggiungere una nuova navigazione all&#8217;header che sia registrata nel Personalizza, consentendo di modificare il contenuto del menu secondario nell&#8217;editor dei menu di WordPress senza dover tornare al codice del tema.<\/p>\n<h3>Prima di iniziare: Backup<\/h3>\n<p>Scavare nel codice PHP del tema classico di WordPress per personalizzare l&#8217;header del sito viene spesso descritto come una modifica del file <code>header.php<\/code>. Questo \u00e8 il caso di molti temi, ma altri possono combinare pi\u00f9 file per creare un&#8217;unico header.<\/p>\n<p>Prima di apportare modifiche ai file del tema, eseguiamo dei backup. Ecco come eseguire un <a href=\"https:\/\/kinqsta.com\/it\/docs\/hosting-wordpress\/wordpress-backup\/#wordpress-backup\">backup<\/a> e come <a href=\"https:\/\/kinqsta.com\/it\/blog\/come-ripristinare-wordpress-da-un-backup\/\">ripristinarli<\/a>.<\/p>\n<p>Anche con i backup, \u00e8 possibile incorrere in problemi quando un aggiornamento di un tema di terze parti sovrascrive le nostre modifiche. Le modifiche potrebbero scomparire dal sito fino a quando non potremo ripristinare i file del tema modificati da un backup. Ecco perch\u00e9 consigliamo vivamente di <a href=\"https:\/\/kinqsta.com\/it\/blog\/child-theme-wordpress\/\">creare un tema child<\/a> solo per i file modificati e di testare gli aggiornamenti su un <a href=\"https:\/\/kinqsta.com\/it\/hosting-wordpress\/staging\/\">sito WordPress in fase di allestimento<\/a>.<\/p>\n<h3>Modificare l&#8217;header di WordPress in un tema classico<\/h3>\n<p>Il nostro tema classico di esempio ha una posizione riservata nell&#8217;header per la navigazione primaria. Nel Personalizza, possiamo selezionare il menu di WordPress che vogliamo assegnare a quella posizione. Nel nostro caso, questo menu \u00e8 stato chiamato &#8220;Menu primario&#8221;.<\/p>\n<p>Nel tema sono presenti anche posizioni per la navigazione nel footer e nei link social, ma come potete vedere qui sotto, al momento non sono abilitate:<\/p>\n<figure id=\"attachment_183490\" aria-describedby=\"caption-attachment-183490\" style=\"width: 1073px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183490\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-theme-primary-menu-create.png\" alt=\"Schermata che mostra l'editor di menu nel Personalizza di un tema classico.\" width=\"1073\" height=\"537\"><figcaption id=\"caption-attachment-183490\" class=\"wp-caption-text\">Modifica dei menu nel Personalizza di un tema classico.<\/figcaption><\/figure>\n<p>Se diamo un&#8217;occhiata allo script <code>functions.php<\/code> del tema, vediamo dove si trovano le posizioni dei menu:<\/p>\n<pre><code class=\"language-php\">\/\/ This theme uses wp_nav_menu() \nregister_nav_menus(\n    array(\n        'primary' =&gt; __( 'Primary Navigation', 'seedlet' ),\n        'footer'  =&gt; __( 'Footer Navigation', 'seedlet' ),\n        'social'  =&gt; __( 'Social Links Navigation', 'seedlet' ),\n    )\n);<\/code><\/pre>\n<p>Di seguito, aggiungiamo a quel blocco una voce per il nostro nuovo menu &#8220;Navigazione secondaria&#8221;:<\/p>\n<pre><code class=\"language-php\">\/\/ This theme uses wp_nav_menu() \nregister_nav_menus(\n    array(\n        'primary' =&gt; __( 'Primary Navigation', 'seedlet' ),\n        'secondary' =&gt; __( 'Secondary Navigation', 'seedlet' ),\n        'footer'  =&gt; __( 'Footer Navigation', 'seedlet' ),\n        'social'  =&gt; __( 'Social Links Navigation', 'seedlet' ),\n    )\n);<\/code><\/pre>\n<p>Quando torniamo al Personalizza, la nuova opzione di <strong>navigazione secondaria<\/strong> viene visualizzata nell&#8217;area <strong>Posizioni del menu<\/strong>:<\/p>\n<figure id=\"attachment_183493\" aria-describedby=\"caption-attachment-183493\" style=\"width: 1193px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183493\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/edit-header-classic-theme-secondary-menu.png\" alt=\"Schermata che mostra un nuovo menu denominato Navigazione secondaria dopo essere stato registrato per l'uso nel Personalizza di WordPress.\" width=\"1193\" height=\"506\"><figcaption id=\"caption-attachment-183493\" class=\"wp-caption-text\">Opzione di navigazione secondaria registrata nel Personalizza del tema.<\/figcaption><\/figure>\n<p>Possiamo dare un nome al nostro menu (<strong>Menu secondario<\/strong>) e iniziare ad aggiungervi dei link. Come abbiamo fatto con l&#8217;Editor del sito nel tema a blocchi, creeremo una voce per lo <strong>Shop<\/strong>.<\/p>\n<p>Nel file del tema per l&#8217;header, abbiamo aggiunto del codice che conferma l&#8217;esistenza del menu di navigazione secondario e che ha almeno una voce nell&#8217;elenco dei link. Poi analizziamo il contenuto del menu e lo visualizziamo:<\/p>\n<pre><code class=\"language-php\">&lt;?php if ( $has_secondary_nav && $has_secondary_nav_items ) : ?&gt;\n&lt;div id=\"secondary-navigation\" class=\"secondary-navigation\" role=\"navigation\"&gt;\n&lt;?php\n\/\/ Get menu slug\n$location_name = 'secondary;\n$locations         = get_nav_menu_locations();\n$menu_id           = $locations[ $location_name ];\n$menu_obj          = wp_get_nav_menu_object( $menu_id );\nwp_nav_menu(\n    array(\n        'theme_location'  =&gt; 'secondary',\n        'menu_class'          =&gt; 'menu-wrapper',\n        'container_class' =&gt; 'secondary-menu-container',\n        'items_wrap'          =&gt; '&lt;ul id=\"%1$s\" class=\"%2$s\"&gt;%3$s&lt;\/ul&gt;',\n    )\n);\n?&gt;\n&lt;\/div&gt;&lt;!-- #secondary-navigation --&gt;\n&lt;?php endif; ?&gt;        \n&lt;div class=\"menu-button-container\"&gt;\n&lt;?php if ( $has_secondary_nav && $has_secondary_nav_items ) : ?&gt;\n    &lt;button id=\"secondary-open-menu\" class=\"button open\"&gt;\n        &lt;span class=\"dropdown-icon open\"&gt;&lt;?php _e( 'Menu', 'seedlet' ); ?&gt; &lt;?php echo seedlet_get_icon_svg( 'menu' ); ?&gt;&lt;\/span&gt;\n        &lt;span class=\"hide-visually expanded-text\"&gt;&lt;?php _e( 'expanded', 'seedlet' ); ?&gt;&lt;\/span&gt;\n    &lt;\/button&gt;\n&lt;?php endif; ?&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>Ora l&#8217;header include il link allo <strong>Shop<\/strong> (evidenziato in rosso) nella posizione preferita per la navigazione secondaria.<\/p>\n<figure id=\"attachment_183494\" aria-describedby=\"caption-attachment-183494\" style=\"width: 973px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183494\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/07\/secondary-menu-edit-header-after.png\" width=\"973\" height=\"459\"><figcaption id=\"caption-attachment-183494\" class=\"wp-caption-text\">L&#8217;header aggiornata di WordPress con il link allo <strong>Shop<\/strong> in un tema classico.<\/figcaption><\/figure>\n<p>Con questo approccio, possiamo modificare il testo di ancoraggio utilizzato per il nostro link al negozio o addirittura aggiungere altre voci di menu alla navigazione secondaria, semplicemente modificando il nostro menu di navigazione secondaria nella bacheca di WordPress.<\/p>\n<h2>Riepilogo<\/h2>\n<p>Se volete modificare l&#8217;header del vostro sito WordPress senza ricorrere a plugin o page builder di terze parti, i temi a blocchi offrono una flessibilit\u00e0 quasi illimitata in combinazione con l&#8217;Editor del sito. L&#8217;Editor del sito permette di posizionare una serie di blocchi praticamente ovunque nel layout di una pagina. Le modifiche apportate alle definizioni dei blocchi e allo stile vengono memorizzate nel database di WordPress, evitando di modificare i file del tema su disco.<\/p>\n<p>Il Personalizza, che utilizziamo da oltre un decennio per gestire i temi classici, consente di modificare gli elementi che lo sviluppatore del tema ha identificato e registrato come &#8220;personalizzabili&#8221;. Le modifiche che desiderate apportare al di fuori di questo ambito potrebbero richiedere la modifica dei file del tema e, quasi certamente, una conoscenza di base del linguaggio di scripting PHP.<\/p>\n<p>Cercate un modo migliore per creare siti WordPress? Date un&#8217;occhiata a <a href=\"https:\/\/kinqsta.com\/webinars\/install-and-use-devkinsta\/\">DevKinsta<\/a>, una suite di sviluppo locale gratuita <a href=\"https:\/\/kinqsta.com\/webinars\/install-and-use-devkinsta\/\">basata su Docker<\/a> e utilizzata da 60.000 sviluppatori, web designer e freelance.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si dice che sia importante fare una buona prima impressione. Quando i visitatori arrivano sul vostro sito web, la prima impressione inizia dall&#8217;alto, dall&#8217;header della pagina. &#8230;<\/p>\n","protected":false},"author":259,"featured_media":78578,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[25872,25873],"class_list":["post-78577","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-suggerimenti-wordpress","topic-sviluppo-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Modifica l&#039;header del tuo sito WordPress senza plugin - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Se il tuo sito web utilizza un tema a blocchi o un tema classico, ecco come modificare l&#039;header di WordPress senza utilizzare i plugin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modificare l&#039;header di un sito WordPress senza plugin\" \/>\n<meta property=\"og:description\" content=\"Se il tuo sito web utilizza un tema a blocchi o un tema classico, ecco come modificare l&#039;header di WordPress senza utilizzare i plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-14T07:42:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-14T13:26:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Bonisteel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Se il tuo sito web utilizza un tema a blocchi o un tema classico, ecco come modificare l&#039;header di WordPress senza utilizzare i plugin.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers-1024x512.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinqsta.com\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Modificare l&#8217;header di un sito WordPress senza plugin\",\"datePublished\":\"2024-08-14T07:42:43+00:00\",\"dateModified\":\"2024-08-14T13:26:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/\"},\"wordCount\":2744,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers.jpg\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/\",\"url\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/\",\"name\":\"Modifica l'header del tuo sito WordPress senza plugin - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers.jpg\",\"datePublished\":\"2024-08-14T07:42:43+00:00\",\"dateModified\":\"2024-08-14T13:26:08+00:00\",\"description\":\"Se il tuo sito web utilizza un tema a blocchi o un tema classico, ecco come modificare l'header di WordPress senza utilizzare i plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Suggerimenti per WordPress\",\"item\":\"https:\/\/kinqsta.com\/it\/argomenti\/suggerimenti-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Modificare l&#8217;header di un sito WordPress senza plugin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/it\/#website\",\"url\":\"https:\/\/kinqsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinqsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinqsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"caption\":\"Steve Bonisteel\"},\"description\":\"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.\",\"url\":\"https:\/\/kinqsta.com\/it\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Modifica l'header del tuo sito WordPress senza plugin - Kinsta\u00ae","description":"Se il tuo sito web utilizza un tema a blocchi o un tema classico, ecco come modificare l'header di WordPress senza utilizzare i plugin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/","og_locale":"it_IT","og_type":"article","og_title":"Modificare l'header di un sito WordPress senza plugin","og_description":"Se il tuo sito web utilizza un tema a blocchi o un tema classico, ecco come modificare l'header di WordPress senza utilizzare i plugin.","og_url":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2024-08-14T07:42:43+00:00","article_modified_time":"2024-08-14T13:26:08+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers.jpg","type":"image\/jpeg"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"Se il tuo sito web utilizza un tema a blocchi o un tema classico, ecco come modificare l'header di WordPress senza utilizzare i plugin.","twitter_image":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers-1024x512.jpg","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Steve Bonisteel","Tempo di lettura stimato":"19 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinqsta.com\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Modificare l&#8217;header di un sito WordPress senza plugin","datePublished":"2024-08-14T07:42:43+00:00","dateModified":"2024-08-14T13:26:08+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/"},"wordCount":2744,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers.jpg","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/","url":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/","name":"Modifica l'header del tuo sito WordPress senza plugin - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers.jpg","datePublished":"2024-08-14T07:42:43+00:00","dateModified":"2024-08-14T13:26:08+00:00","description":"Se il tuo sito web utilizza un tema a blocchi o un tema classico, ecco come modificare l'header di WordPress senza utilizzare i plugin.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#primaryimage","url":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers.jpg","contentUrl":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/editing-wordpress-headers.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/it\/blog\/modificare-header-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Suggerimenti per WordPress","item":"https:\/\/kinqsta.com\/it\/argomenti\/suggerimenti-wordpress\/"},{"@type":"ListItem","position":3,"name":"Modificare l&#8217;header di un sito WordPress senza plugin"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/it\/#website","url":"https:\/\/kinqsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinqsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinqsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinqsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","caption":"Steve Bonisteel"},"description":"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.","url":"https:\/\/kinqsta.com\/it\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/posts\/78577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/comments?post=78577"}],"version-history":[{"count":6,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/posts\/78577\/revisions"}],"predecessor-version":[{"id":78594,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/posts\/78577\/revisions\/78594"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78577\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78577\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78577\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78577\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78577\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78577\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78577\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78577\/translations\/es"},{"href":"https:\/\/kinqsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78577\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/media\/78578"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/media?parent=78577"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/tags?post=78577"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/it\/wp-json\/wp\/v2\/topic?post=78577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}