{"id":47656,"date":"2021-09-21T10:22:41","date_gmt":"2021-09-21T08:22:41","guid":{"rendered":"https:\/\/kinsta.com\/?p=6514"},"modified":"2023-03-14T13:15:26","modified_gmt":"2023-03-14T12:15:26","slug":"menu-personalizzato-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/","title":{"rendered":"Una Guida Approfondita per Creare e Personalizzare un Menu WordPress"},"content":{"rendered":"<p>Un sito WordPress non sarebbe granch\u00e9 senza i suoi menu e sottomenu. Personalizzare questi menu a vostro piacimento dall&#8217;interno di WordPress \u00e8 semplice. Il vostro menu WordPress \u00e8 uno strumento in prima linea per ottenere un alto posizionamento di ricerca e mantenere i visitatori sul sito.<\/p>\n<p>Le schermate dedicate all&#8217;interno di WordPress non rivelano quanto possano arrivare a essere complessi i vostri menu. Potete anche visualizzare i menu in diversi punti del vostro sito. Se avete delle conoscenze di programmazione, potete personalizzare il vostro menu WordPress con possibilit\u00e0 quasi infinite.<\/p>\n<p>Con questo articolo vi offriamo una guida approfondita per creare un menu WordPress. Vi mostreremo anche come prendere la funzionalit\u00e0 e migliorarla in alcuni modi diversi.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>L&#8217;Anatomia di un Menu di WordPress<\/h2>\n<p>Per chi non lo sapesse, un menu WordPress \u00e8 spesso una collezione di link (<a href=\"https:\/\/kinsta.com\/it\/blog\/menu-a-tendina-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">inclusi i menu a tendina<\/a>). \u00c8 una funzionalit\u00e0 semplice che \u00e8 solo una &#8220;vertebra&#8221; nella spina dorsale del vostro sito web.<\/p>\n<p><figure style=\"width: 1035px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/wordpress-menu.png\" alt=\"Un esempio di un menu WordPress[\/caption]\n.\" width=\"1035\" height=\"59\"><figcaption class=\"wp-caption-text\">Un esempio di un menu WordPress<\/figcaption><\/figure><\/p>\n<p>Parleremo in modo pi\u00f9 dettagliato di dove vedere i menu su un sito web nella prossima sezione. Per ora, sappiate che possono adattarsi ovunque vogliate visualizzarli. Potreste avere solo alcune opzioni preselezionate (in base alle aree dei widget), ma in senso tecnico un menu pu\u00f2 andare ovunque.<\/p>\n<p>Naturalmente, un menu WordPress \u00e8 fondamentale per la navigazione di un sito web. Se avete un menu di navigazione chiaro e definito, questo aiuter\u00e0 gli utenti a muoversi nel vostro sito e manterr\u00e0 bassa la vostra <a href=\"https:\/\/kinsta.com\/it\/blog\/come-ridurre-la-frequenza-di-rimbalzo\/\" rel=\"noopener\">frequenza di rimbalzo<\/a>.<\/p>\n<p>Servono anche per un altro scopo: i vostri menu aiutano <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-significa-seo\/\" rel=\"noopener\">l&#8217;ottimizzazione per i motori di ricerca (SEO)<\/a>. Ottimizzare un menu WordPress per la SEO \u00e8 pi\u00f9 una questione di cosa lasciare fuori che di cosa mettere dentro. Per cominciare, potete eliminare elementi &#8211; come le nuvole di tag &#8211; e mantenere ridotto il numero di link che includete.<\/p>\n<p>Anche se Google vi permette di aggiungere fino a 250 link su una pagina, mantenere alto il &#8220;<a href=\"https:\/\/kinsta.com\/it\/blog\/come-dirigere-il-traffico-verso-il-vostro-sito-web\/#46-boost-authority-with-internal-links\">valore dei link<\/a>&#8221; \u00e8 essenziale. Per questo ridurre il numero di link esterni vi sar\u00e0 utile nel lungo termine.<\/p>\n\n<h2>I Diversi Tipi di Strutture di Menu di WordPress<\/h2>\n<p>Come potreste aver gi\u00e0 capito, a seconda delle esigenze della vostra applicazione, potete optare per diverse strutture di menu WordPress.<\/p>\n<p>I menu dell&#8217;intestazione, per esempio, sono i pi\u00f9 comuni perch\u00e9 si occupano della <a href=\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/\" rel=\"noopener\">navigazione primaria del sito<\/a>. Spesso vedrete anche dei menu pi\u00f9 piccoli sopra la navigazione principale, un posto eccellente per le icone dei social media, le barre di ricerca e altro.<\/p>\n<p>Il sito web di <a href=\"https:\/\/kinsta.com\/it\/indice-agenzie\/saucal\/\" rel=\"noopener\">SAU\/CAL, partner di Kinsta<\/a>, ha un menu &#8220;fly-in&#8221; che include la navigazione e i link social:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/fly-in-menu.png\" alt=\"Un menu fly-in che mostra due menu.\" width=\"1000\" height=\"571\"><figcaption class=\"wp-caption-text\">Un menu fly-in che mostra due menu<\/figcaption><\/figure>\n<p>Questo menu mostra che ci sono pi\u00f9 casi d&#8217;uso per un menu WordPress che non si limitano alla navigazione di un sito. Usando la funzionalit\u00e0 integrata di WordPress (pi\u00f9 avanti), potete creare un menu per quasi tutto ci\u00f2 di cui avete bisogno.<\/p>\n<p>Altro uso popolare del menu, \u00e8 quello che compare nel footer. Spesso userete quest&#8217;area per ripetere la navigazione primaria per gli utenti che scorrono verso il basso. Inoltre, \u00e8 un posto eccellente per offrire link pi\u00f9 contestuali per i vostri prodotti e servizi:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/kinsta-footer-menu.png\" alt=\"Il menu nel footer di Kinsta.\" width=\"1000\" height=\"578\"><figcaption class=\"wp-caption-text\">Il menu nel footer di Kinsta<\/figcaption><\/figure>\n<p>Vi capiter\u00e0 di vedere anche dei menu all&#8217;interno di una barra laterale, se il sito la usa:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/sidebar-navigation.png\" alt=\"Un esempio di navigazione della barra laterla\" width=\"1000\" height=\"580\"><figcaption class=\"wp-caption-text\">Un esempio di navigazione della barra laterale<\/figcaption><\/figure>\n<p>Anche se in molti casi qui non vedrete la navigazione primaria, \u00e8 una posizione tradizionale per i <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-wordpress-social-media\/\" target=\"_blank\" rel=\"noopener noreferrer\">link social<\/a>, gli archivi dei post del blog e molto altro.<\/p>\n<h2>Come Creare un Menu WordPress Personalizzato (3 Metodi)<\/h2>\n<p>Creare un menu WordPress \u00e8 un processo semplice, indipendentemente dal vostro livello di esperienza. Ci sono tre modi principali per fare il lavoro: usare la funzionalit\u00e0 integrata di WordPress; installare un plugin adatto o sporcarsi le mani con il codice.<\/p>\n<p>Di seguito vi mostreremo come creare un menu WordPress usando tutti e tre gli approcci.<\/p>\n<h3>1. Usare la Funzionalit\u00e0 Integrata di WordPress per Creare il Vostro Menu<\/h3>\n<p>WordPress ha degli strumenti integrati per aiutarvi a creare un menu. Una schermata dedicata all&#8217;interno dell&#8217;amministrazione di WordPress sar\u00e0 familiare a tutti tranne che agli utenti pi\u00f9 recenti.<\/p>\n<figure style=\"width: 1200px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/The-WordPress-Menu-Screen.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/The-WordPress-Menu-Screen.png\" alt=\"La schermata del menu di WordPress\" width=\"1200\" height=\"615\"><\/a><figcaption class=\"wp-caption-text\">La schermata del menu di WordPress<\/figcaption><\/figure>\n<p>Naturalmente, usare la funzionalit\u00e0 nativa per creare il vostro menu di WordPress ha numerosi vantaggi. Per cominciare, avete una completa compatibilit\u00e0 con il vostro sito. Inoltre, potete costruire i vostri menu usando un&#8217;interfaccia familiare e strumenti nativi.<\/p>\n<p>Per arrivarci, andate alla pagina <b>Aspetto &gt; Menu<\/b> all&#8217;interno di WordPress:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menus-page.png\" alt=\"Il link dei menu di WordPress.\" width=\"1000\" height=\"729\"><figcaption class=\"wp-caption-text\">Il link dei menu di WordPress<\/figcaption><\/figure>\n<p>Questa schermata si divide in alcune sezioni diverse. In alto, troverete l&#8217;opzione per selezionare un menu corrente o crearne uno nuovo:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/create-new-wordpress-menu.png\" alt=\"La tendina di selezione del menu\" width=\"1000\" height=\"315\"><figcaption class=\"wp-caption-text\">La tendina di selezione del menu<\/figcaption><\/figure>\n<p>Se decidete di creare un nuovo menu, dategli un nome e verificate la sezione <b>Impostazioni del menu<\/b>:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-settings.png\" width=\"1000\" height=\"439\"><figcaption class=\"wp-caption-text\">La sezione &#8220;Impostazioni del menu&#8221;<\/figcaption><\/figure>\n<p>Ci sono molte caselle di controllo qui, ma avete due decisioni principali da prendere:<\/p>\n<ul>\n<li><b>Aggiungere automaticamente le pagine di primo livello al menu.<\/b> &#8220;Di primo livello&#8221; qui significa le pagine che create all&#8217;interno di WordPress e che non sono dipendenti da altre pagine. Per esempio, un post del blog non \u00e8 una pagina di primo livello perch\u00e9 in molti casi avr\u00e0 una pagina archivio madre (ad esempio <strong>\/blog<\/strong>). D&#8217;altra parte, una pagina di contatto \u00e8 spesso di primo livello perch\u00e9 di solito non ha una pagina madre.<\/li>\n<li><b>La posizione del menu.<\/b> Ogni tema avr\u00e0 le sue posizioni di menu. A meno che non modifichiate i file principali del vostro tema, chi ha sviluppato il tema avr\u00e0 codificato queste posizioni del menu. Alcuni temi includono delle impostazioni che vi permettono di personalizzarli.<\/li>\n<\/ul>\n<p>Quando avete le idee chiare, fate clic sul pulsante <b>Crea menu<\/b>. Lo schermo si aggiorner\u00e0 e vi troverete nel vostro nuovo menu. Poi date un&#8217;occhiata al lato sinistro dello schermo:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/wordpress-menu-assets.png\" alt=\"Il menu a fisarmonica delle voci di menu\" width=\"1000\" height=\"531\"><figcaption class=\"wp-caption-text\">Il menu a fisarmonica delle voci di menu<\/figcaption><\/figure>\n<p>Questa schermata elenca tutti i post, le pagine, le tassonomie e altre risorse collegabili sul vostro sito. Costruite il vostro menu spuntando le caselle sulla sinistra e facendo clic sul pulsante <b>Aggiungi al menu<\/b>.<\/p>\n<p>Questo pulsante li sposter\u00e0 nella sezione centrale della schermata dei <strong>Menu<\/strong>:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-drag-and-drop.png\" alt=\"Trascinare gli elementi nella sezione del Menu\" width=\"1000\" height=\"422\"><figcaption class=\"wp-caption-text\">Trascinando gli elementi nella sezione del Menu<\/figcaption><\/figure>\n<p>Qui potete trascinare e rilasciare gli elementi del menu al loro posto. Se fate clic sulla freccia di espansione accanto a ogni voce, potete anche impostare un&#8217;etichetta per la voce di menu o rimuoverla:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-item-expand.png\" alt=\"Espansione di una voce di menu\" width=\"1000\" height=\"616\"><figcaption class=\"wp-caption-text\">Espansione di una voce di menu<\/figcaption><\/figure>\n<p>Una volta che avete fatto clic su <b>Salva menu<\/b>, potete partire. Se espandete il menu <b>Impostazioni schermata<\/b> nella parte superiore dello schermo, per\u00f2, potete fare molto altro con il vostro menu WordPress:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/screen-options.png\" alt=\"Il pannello Opzioni schermo\" width=\"1000\" height=\"288\"><figcaption class=\"wp-caption-text\">Il pannello Opzioni schermo<\/figcaption><\/figure>\n<p>Il gruppo <b>Elementi dello schermo<\/b> vi permette di mostrare le meta box del menu nella barra laterale sinistra. Al contrario, il gruppo <b>Mostra propriet\u00e0 avanzate del menu<\/b> include la destinazione dei link, le descrizioni e le classi CSS per gli elementi dell&#8217;elenco.<\/p>\n<p>C&#8217;\u00e8 un altro aspetto della schermata dei <strong>Menu<\/strong> che vale la pena notare. La casella <b>Link personalizzati<\/b> vi permette di impostare un link a vostro scelta, piuttosto che una pagina predefinita del vostro sito:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/custom-links-box.png\" alt=\"Il box dei link personalizzati\" width=\"1000\" height=\"456\"><figcaption class=\"wp-caption-text\">Il box dei link personalizzati<\/figcaption><\/figure>\n<p>Questa opzione \u00e8 il modo in cui potete aggiungere i link dei social media al vostro menu di WordPress. La piattaforma tirer\u00e0 fuori l&#8217;icona corretta per voi in base al sito che selezionate, dandovi la possibilit\u00e0 di avere loghi ben visualizzati per i siti che scegliete.<\/p>\n<h3>2. Usare un Plugin per Creare il Vostro Menu WordPress Personalizzato<\/h3>\n<p>La soluzione immediata per aggiungere funzionalit\u00e0 a WordPress \u00e8 attraverso i <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-project-management-wordpress\/\">plugin<\/a>. Nella sezione precedente abbiamo spiegato perch\u00e9 l&#8217;opzione nativa di WordPress \u00e8 quasi tutto ci\u00f2 di cui avete bisogno, ma i plugin possono espandere questa funzionalit\u00e0.<\/p>\n<p>C&#8217;\u00e8 da chiedersi se avete bisogno di un plugin dedicato (e aggiuntivo) per creare un menu WordPress, anche se ci sono molte buone ragioni per farlo. Per cominciare, spesso vorrete creare un menu basato su uno stile a cui non potete accedere con l&#8217;impostazione predefinita. Specifici design responsive, &#8220;mega menu&#8221; e altri elementi sono tutti disponibili attraverso i plugin.<\/p>\n<p>Inoltre, in molti casi potete costruire i menu usando un editor dedicato e scegliere da modelli preimpostati. Insieme alle ampie opzioni di personalizzazione, avete una soluzione &#8220;no-code&#8221; che generer\u00e0 un menu WordPress che funziona per il vostro sito.<\/p>\n<p>Per esempio, il plugin <a href=\"https:\/\/wordpress.org\/plugins\/megamenu\/\" target=\"_blank\" rel=\"noopener noreferrer\">Max Mega Menu<\/a> non ha segreti su quello che potete ottenere installandolo:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/max-mega-menu.png\" alt=\"Il plugin Max Mega Menu\" width=\"1000\" height=\"321\"><figcaption class=\"wp-caption-text\">Il plugin Max Mega Menu<\/figcaption><\/figure>\n<p>Una volta <a href=\"https:\/\/kinsta.com\/it\/blog\/come-installare-i-plugin-di-wordpress\/\">installato e attivato<\/a>, troverete un nuovo pannello <b>Mega Menu<\/b> all&#8217;interno di WordPress:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/mega-menu-panel.png\" alt=\"Il link Menu Locations all'interno di WordPress\" width=\"1000\" height=\"502\"><figcaption class=\"wp-caption-text\">Il link Menu Locations all&#8217;interno di WordPress<\/figcaption><\/figure>\n<p>Se guardate la schermata <strong>Menu Locations<\/strong>, noterete che ci sono pi\u00f9 personalizzazioni disponibili:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/mega-menu-locations.png\" alt=\"La schermata Menu Locations di Max Mega Menu\" width=\"1000\" height=\"450\"><figcaption class=\"wp-caption-text\">La schermata Menu Locations di Max Mega Menu<\/figcaption><\/figure>\n<p>Potete anche applicare modelli di menu e modificarli con una portata simile ad alcuni dei migliori page builder sul mercato:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-themes.png\" alt=\"La schermata dei modelli di menu in Max Mega Menu\" width=\"1000\" height=\"555\"><figcaption class=\"wp-caption-text\">La schermata dei modelli di menu in Max Mega Menu<\/figcaption><\/figure>\n<p>C&#8217;\u00e8 molto altro che potremmo approfondire qui, anche se finiremmo per ripeterci. Vi invitiamo a leggere il nostro articolo precedente sui <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-menu-wordpress\/\" rel=\"noopener\">plugin per i menu di WordPress<\/a>. Entriamo nel dettaglio su come scegliere il plugin giusto per voi e su come usarlo.<\/p>\n<h3>3. Scrivere il Codice per Creare il Vostro Menu WordPress Personalizzato<\/h3>\n<p>Se avete buona volont\u00e0 (o se sviluppate temi WordPress per lavoro), programmare da zero il vostro menu WordPress \u00e8 un modo affidabile per raggiungere il vostro obiettivo. Naturalmente, per farlo non vi servir\u00e0 aprire un editor di codice ogni giorno e aggiungere il menu: vi baster\u00e0 usare gli strumenti nativi di WordPress (o forse un plugin).<\/p>\n<p>Detto questo, imparare a codificare un menu WordPress \u00e8 un requisito vitale se volete sviluppare temi. Ci sono <a href=\"https:\/\/developer.wordpress.org\/themes\/functionality\/navigation-menus\/\" target=\"_blank\" rel=\"noopener noreferrer\">quattro passaggi<\/a> per farlo con successo:<\/p>\n<ul>\n<li>Registrare il vostro menu.<\/li>\n<li>Visualizzare il menu di WordPress sul front-end.<\/li>\n<li>Mostrare contenuti aggiuntivi all&#8217;interno del vostro menu o dei suoi elementi.<\/li>\n<li>Definire un callback.<\/li>\n<\/ul>\n<p>Daremo per scontato che abbiate familiarit\u00e0 condi un <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-editor-di-testo\/\" rel=\"noopener\">editor di codice<\/a>, che abbiate un <a href=\"https:\/\/kinsta.com\/it\/changelog\/sviluppo-locale-di-wordpress\/\" rel=\"noopener\">ambiente di sviluppo<\/a> in cui lavorare e che abbiate <a href=\"https:\/\/kinsta.com\/it\/blog\/modificare-codice-wordpress\/\" rel=\"noopener\">buone conoscenze di programmazione<\/a>. Se non avete ancora un tema con cui lavorare, potete usare le opzioni predefinite di WordPress o sceglierne uno dalla <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\" rel=\"noopener\">nostra lista di temi WordPress pi\u00f9 veloci<\/a>.<\/p>\n<p>Quando tutto \u00e8 pronto, aprite il file <b>functions.php<\/b> del tema. Notate che \u00e8 diverso dal file generale di WordPress che porta lo stesso nome. Qui dovete registrare il vostro menu. In altre parole, dovete dire a WordPress cosa visualizzare nella pagina <b>Aspetto &gt; Menu<\/b>.<\/p>\n<p>Per farlo, usate la funzione <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/register_nav_menus\/\" target=\"_blank\" rel=\"noopener noreferrer\">register_nav_menus()<\/a>:<\/p>\n<pre><code class=\"language-php\">function register_my_menus() {\n  register_nav_menus(\n    array(\n      'header' =&gt; __( 'Header Menu' ),\n      'other' =&gt; __( 'Other Menu' )\n     )\n   );\n }\n add_action( 'init', 'register_my_menus' );\n<\/code><\/pre>\n<p>Questo codice dice alla scheda <b>Gestisci posizioni<\/b> all&#8217;interno di WordPress di visualizzare due menu: <b>Menu intestazione<\/b> e <b>Altro menu<\/b>:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/register-menus.png\" alt=\"Registrazione dei menu in WordPress\" width=\"1000\" height=\"610\"><figcaption class=\"wp-caption-text\">Registrazione dei menu in WordPress<\/figcaption><\/figure>\n<p>Successivamente, dovete visualizzare il vostro menu usando la funzione <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_nav_menu\/\" target=\"_blank\" rel=\"noopener noreferrer\">wp_nav_menu()<\/a>. Lo aggiungerete nel file template che corrisponde al punto in cui vorreste visualizzare il menu. Nel nostro caso, abbiamo scelto l&#8217;intestazione, quindi aggiungeremo il seguente codice al file <b>header.php<\/b> del nostro tema:<\/p>\n<pre><code class=\"language-php\">wp_nav_menu( array( 'theme_location' =&gt; 'header' ) );\n<\/code><\/pre>\n<p>Potrebbe essere che questo codice sia avvolto in un&#8217;istruzione <code>if<\/code>, insieme ad alcuni dei vostri altri menu, quindi seguite le convenzioni che trovate.<\/p>\n<p>A questo punto, potete lavorare con il menu di WordPress come qualsiasi altro. Tuttavia, potreste anche prendere in considerazione l&#8217;aggiunta di contenuti aggiuntivi alle voci del vostro menu. Per esempio, potete espandere l&#8217;array definito per includere i tag HTML che verranno resi in uscita:<\/p>\n<pre><code class=\"language-php\">wp_nav_menu(\n  array(\n    'menu' =&gt; 'primary',\n    'link_before' =&gt; '<span class=\"screen-reader-text\">',\n    'link_after' =&gt; '<\/span>',\n  )\n);\n<\/code><\/pre>\n<p>Il vostro compito finale qui \u00e8 quello di definire un callback. Per impostazione predefinita, WordPress visualizza un menu popolato quando quello specificato non viene trovato. In alternativa, WordPress visualizzer\u00e0 un menu di pagine quando nessun menu personalizzato \u00e8 selezionato.<br \/>\nSe questa non \u00e8 la vostra azione desiderata, potete impostare un parametro diverso per l&#8217;argomento <code>theme-location<\/code> e aggiungere anche un argomento <code>fallback_cb<\/code>:<\/p>\n<pre><code class=\"language-php\">wp_nav_menu(\n  array(\n    'menu' =&gt; 'primary',\n    \/\/ do not fall back to first non-empty menu\n    'theme_location' =&gt; '__no_such_location',\n    \/\/ do not fall back to wp_page_menu()\n    'fallback_cb' =&gt; false\n  )\n);\n<\/code><\/pre>\n<p>Una volta che avete capito come creare un menu WordPress, potete iniziare a migliorarne la funzionalit\u00e0. Vedremo come fare nella sezione finale per creare una meta box menu personalizzato per WordPress.<\/p>\n\n<h2>Come Migliorare il Menu WordPress<\/h2>\n<p>Questa \u00e8 una sezione avanzata, per cui prima di continuare supponiamo che:<\/p>\n<ul>\n<li>Sappiate come creare un menu WordPress utilizzando PHP.<\/li>\n<li>Le vostre competenze di PHP vi permettono di seguire passaggi avanzati.<\/li>\n<li>Sappiate come registrare e inizializzare un plugin WordPress.<\/li>\n<\/ul>\n<p>Va oltre lo scopo di questo articolo, ma potete usare il <a href=\"https:\/\/wppb.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Plugin Boilerplate Generator<\/a> per creare un nuovo modello di plugin standardizzato.<\/p>\n<figure id=\"align\" aria-describedby=\"caption-align\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/plugin-boilerplate-generator.png\" alt=\"Il WordPress Plugin Boilerplate Generator.\" width=\"1000\" height=\"460\"><figcaption id=\"caption-align\" class=\"wp-caption-text\">Il WordPress Plugin Boilerplate Generator.<\/figcaption><\/figure>\n<p>Quando siete pronti, create e caricate il vostro plugin su WordPress:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/install-plugin.png\" alt=\"Un nuovo plugin installato su WordPress.\" width=\"1000\" height=\"196\"><figcaption class=\"wp-caption-text\">Un nuovo plugin installato su WordPress.<\/figcaption><\/figure>\n<p>Successivamente, navigate nella cartella del plugin e aprite il file principale. Qui, aggiungete il seguente codice:<\/p>\n<pre><code class=\"language-php\">\/**\n * Add menu meta box\n *\n * @param object $object The meta box object\n * @link https:\/\/developer.wordpress.org\/reference\/functions\/add_meta_box\/\n *\/\nfunction custom_add_menu_meta_box( $object ) {\n    add_meta_box( 'custom-menu-metabox', __( 'Authors' ), 'custom_menu_meta_box', 'nav-menus', 'side', 'default' );\n    return $object;\n}\nadd_filter( 'nav_menu_meta_box_object', 'custom_add_menu_meta_box', 10, 1);\n<\/code><\/pre>\n<p>La funzione WordPress <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_meta_box\/\" target=\"_blank\" rel=\"noopener noreferrer\">add_meta_box()<\/a> registrer\u00e0 una meta box nell&#8217;amministratore di WordPress. Ci sono alcuni argomenti a cui dovrete fare riferimento all&#8217;interno della documentazione ufficiale.<br \/>\nUsiamo anche il filtro <a href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/nav_menu_meta_box_object\/\" target=\"_blank\" rel=\"noopener noreferrer\">nav_menu_meta_box_object()<\/a> perch\u00e9 non c&#8217;\u00e8 nessuna azione all&#8217;interno del file <b>nav-menu.php<\/b> a cui agganciarsi.<\/p>\n<p>Questa dichiarazione determina se la funzione aggiunge la meta box di una voce di menu per un tipo di oggetto. Quando il filtro viene eseguito, <code>add_meta_box<\/code> registra la meta box personalizzata.<\/p>\n<h4>Definire una Funzione di Callback<\/h4>\n<p>Successivamente, possiamo definire una funzione di callback per produrre il contenuto HTML per la meta box:<\/p>\n<pre><code class=\"language-php\">\/**\n * Displays a metabox for an author menu item.\n *\n * @global int|string $nav_menu_selected_id (id, name or slug) of the currently-selected menu\n *\/\nfunction custom_menu_meta_box(){\n    global $nav_menu_selected_id;\n    $walker = new Walker_Nav_Menu_Checklist();\n    ...\n}\n<\/code><\/pre>\n<p>La variabile globale ricorda l&#8217;ID corrente del menu, mentre <code>$walker<\/code> memorizza una nuova istanza dell&#8217;oggetto <code>Walker_Nav_Menu_Checklist<\/code>. Questo costruir\u00e0 l&#8217;elenco HTML delle voci di menu.<\/p>\n<p>Da qui, dobbiamo determinare la scheda attiva nella meta box personalizzata. Per farlo, impostiamo il valore di <code>$current_tab<\/code>, lavorando all&#8217;interno dell&#8217;ellissi impostata nel blocco di codice precedente.<\/p>\n<p>Qui stiamo usando due schede, ma potete aggiungerne quante ne volete:<\/p>\n<pre><code class=\"language-php\">$current_tab = 'all';\nif ( isset( $_REQUEST['authorarchive-tab'] ) && 'admins' == $_REQUEST['authorarchive-tab'] ) {\n    $current_tab = 'admins';\n} elseif ( isset( $_REQUEST['authorarchive-tab'] ) && 'all' == $_REQUEST['authorarchive-tab'] ) {\n    $current_tab = 'all';\n}\n<\/code><\/pre>\n<p>La linea seguente otterr\u00e0 tutti gli utenti con privilegi di scrittura e aggiunger\u00e0 molte propriet\u00e0 all&#8217;oggetto <code>$authors<\/code>:<\/p>\n<pre><code class=\"language-php\">$authors = get_users( array( 'orderby' =&gt; 'nicename', 'order' =&gt; 'ASC', 'who' =&gt; 'authors' ) );\n$admins = array();\n\n\/* set values to required item properties *\/\nforeach ( $authors as &$author ) {\n    $author-&gt;classes = array();\n    $author-&gt;type = 'custom';\n    $author-&gt;object_id = $author-&gt;nickname;\n    $author-&gt;title = $author-&gt;nickname . ' - ' . implode(', ', $author-&gt;roles);\n    $author-&gt;object = 'custom';\n    $author-&gt;url = get_author_posts_url( $author-&gt;ID );\n    $author-&gt;attr_title = $author-&gt;displayname;\n    if( $author-&gt;has_cap( 'edit_users' ) ){\n        $admins[] = $author;\n    }\n}\n$removed_args = array( 'action', 'customlink-tab', 'edit-menu-item', 'menu-item', 'page-tab', '_wpnonce' );\n?&gt;\n<\/code><\/pre>\n<p>Qui, <code>get_users<\/code> restituisce un array di oggetti <code>$user<\/code> selezionati dai parametri specificati. Il parametro <code>who<\/code> forzer\u00e0 WordPress a interrogare il database per gli utenti che hanno privilegi di scrittura.<\/p>\n<p>Inoltre, l&#8217;array <code>$admins<\/code> memorizzer\u00e0 un array di autori, mentre <code>$removed_args<\/code> memorizzer\u00e0 un elenco di variabili di query da rimuovere.<\/p>\n<p>Ora potete stampare il markup della meta box. Per farlo, costruiamo le etichette delle schede e i collegamenti.<\/p>\n<pre><code class=\"language-php\">&lt;div id=\"authorarchive\" class=\"categorydiv\"&gt;\n    &lt;ul id=\"authorarchive-tabs\" class=\"authorarchive-tabs add-menu-item-tabs\"&gt;\n        &lt;li &lt;?php echo ( 'all' == $current_tab ? ' class=\"tabs\"' : '' ); ?&gt;&gt;\n            &lt;a class=\"nav-tab-link\" data-type=\"tabs-panel-authorarchive-all\" href=\"&lt;?php if ( $nav_menu_selected_id ) echo esc_url( add_query_arg( 'authorarchive-tab', 'all', remove_query_arg( $removed_args ) ) ); ?&gt;#tabs-panel-authorarchive-all\"&gt;\n                &lt;?php _e( 'View All' ); ?&gt;\n            &lt;\/a&gt;\n        &lt;\/li&gt;\n\n        &lt;li &lt;?php echo ( 'admins' == $current_tab ? ' class=\"tabs\"' : '' ); ?&gt;&gt;\n            &lt;a class=\"nav-tab-link\" data-type=\"tabs-panel-authorarchive-admins\" href=\"&lt;?php if ( $nav_menu_selected_id ) echo esc_url( add_query_arg( 'authorarchive-tab', 'admins', remove_query_arg( $removed_args ) ) ); ?&gt;#tabs-panel-authorarchive-admins\"&gt;\n                &lt;?php _e( 'Admins' ); ?&gt;\n            &lt;\/a&gt;\n        &lt;\/li&gt;\n    &lt;\/ul&gt;<\/code><\/pre>\n<p>Ricordate di assegnare i nomi di classe corretti, gli ID e gli attributi dati agli elementi della meta box; altrimenti il menu non funzioner\u00e0 come previsto.<\/p>\n<p>Entrambe le funzioni <code>add_query_arg<\/code> e <code>remove_query_arg<\/code> impostano valori specifici per la variabile <code>authorarchive-tabs<\/code> e rimuovono le variabili non necessarie.<\/p>\n<p>A questo punto, abbiamo una meta box con schede definite:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/authors-empty-meta-box.png\" alt=\"Schede non popolate all'interno della meta box degli autori.\" width=\"1000\" height=\"683\"><figcaption class=\"wp-caption-text\">Schede non popolate all&#8217;interno della meta box degli autori<\/figcaption><\/figure>\n<p>Il prossimo passo \u00e8 costruire il contenuto HTML delle schede.<\/p>\n<h4>Costruire il Contenuto HTML per le Schede della Meta Box<\/h4>\n<p>Dovrete seguire il codice della sezione precedente all&#8217;interno della funzione <code>custom_menu_meta_box()<\/code>. Per costruire il contenuto, usate quanto segue all&#8217;interno della funzione <code>&lt;div&gt;<\/code> che avete scritto nell&#8217;ultima sezione:<\/p>\n<pre><code class=\"language-php\">&lt;div id=\"tabs-panel-authorarchive-all\" class=\"tabs-panel tabs-panel-view-all &lt;?php echo ( 'all' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); ?&gt;\"&gt;\n    &lt;ul id=\"authorarchive-checklist-all\" class=\"categorychecklist form-no-clear\"&gt;\n    &lt;?php\n        echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $authors), 0, (object) array( 'walker' =&gt; $walker) );\n    ?&gt;\n    &lt;\/ul&gt;\n&lt;\/div&gt;\n\n&lt;div id=\"tabs-panel-authorarchive-admins\" class=\"tabs-panel tabs-panel-view-admins &lt;?php echo ( 'admins' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); ?&gt;\"&gt;\n    &lt;ul id=\"authorarchive-checklist-admins\" class=\"categorychecklist form-no-clear\"&gt;\n    &lt;?php\n        echo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $admins), 0, (object) array( 'walker' =&gt; $walker) );\n    ?&gt;\n    &lt;\/ul&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>In breve, ogni scheda contiene una lista di caselle di controllo. La funzione <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/walk_nav_menu_tree\/\" target=\"_blank\" rel=\"noopener noreferrer\">walk_nav_menu_tree()<\/a> stampa la lista usando tre argomenti: <code>$items<\/code>, <code>$depth<\/code> e <code>$r<\/code>, tutti richiesti.<\/p>\n<p>L&#8217;array <code>$items<\/code> memorizza un array di utenti admin. La funzione <code>array_map()<\/code> applica la funzione <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/walk_nav_menu_tree\/\" target=\"_blank\" rel=\"noopener noreferrer\">wp_setup_nav_menu_item()<\/a> a <code>$admins<\/code> e aggiunge le propriet\u00e0 degli elementi del menu agli elementi dell&#8217;array.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/authors-meta-box-populated.png\" alt=\"La meta box dell'autore, popolato di utenti.\" width=\"1000\" height=\"577\"><figcaption class=\"wp-caption-text\">La meta box dell&#8217;autore, popolato di utenti.<\/figcaption><\/figure>\n<p>Da qui, possiamo aggiungere il tocco finale.<\/p>\n<h4>Aggiungere un Pulsante di Invio<\/h4>\n<p>La gran parte della meta box personalizzata \u00e8 completa, anche se abbiamo ancora bisogno di aggiungere un pulsante <b>Invia<\/b> e un&#8217;icona &#8220;spinner&#8221; di elaborazione.<\/p>\n<p>Ecco un breve snippet di codice che potete inserire subito dopo il blocco precedente:<\/p>\n<pre><code class=\"language-php\">&lt;p class=\"button-controls wp-clearfix\"&gt;\n    &lt;span class=\"list-controls\"&gt;\n        &lt;a href=\"&lt;?php echo esc_url( add_query_arg( array( 'authorarchive-tab' =&gt; 'all', 'selectall' =&gt; 1, ), remove_query_arg( $removed_args ) )); ?&gt;#authorarchive\" class=\"select-all\"&gt;&lt;?php _e('Select All'); ?&gt;&lt;\/a&gt;\n    &lt;\/span&gt;\n    &lt;span class=\"add-to-menu\"&gt;\n        &lt;input type=\"submit\"&lt;?php wp_nav_menu_disabled_check( $nav_menu_selected_id ); ?&gt; class=\"button-secondary submit-add-to-menu right\" value=\"&lt;?php esc_attr_e('Add to Menu'); ?&gt;\" name=\"add-authorarchive-menu-item\" id=\"submit-authorarchive\" \/&gt;\n        &lt;span class=\"spinner\"&gt;&lt;\/span&gt;\n    &lt;\/span&gt;\n&lt;\/p&gt;\n\n&lt;\/div&gt;\n&lt;?php\n}<\/code><\/pre>\n<figure id=\"attachment_100037\" aria-describedby=\"caption-attachment-100037\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-100037\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/complete-meta-box.png\" alt=\"La meta box Autori all'interno di WordPress.\" width=\"1000\" height=\"426\"><figcaption id=\"caption-attachment-100037\" class=\"wp-caption-text\">La meta box Autori all&#8217;interno di WordPress<\/figcaption><\/figure>\n<p>Con queste conoscenze, potete aggiungere quasi tutte le funzionalit\u00e0 ai vostri menu! C&#8217;\u00e8 anche un <a href=\"https:\/\/gist.github.com\/carlodaniele\/5202b29d11fce21af01f2c2cb00b6d61\" target=\"_blank\" rel=\"noopener noreferrer\">Gist pubblico<\/a> del plugin su GitHub che \u00e8 disponibile per il download gratuito.<\/p>\n<h2>Riepilogo<\/h2>\n<p>Un menu di WordPress \u00e8 un aspetto cruciale del vostro sito. Per questo motivo, la piattaforma offre un pannello nativo e potente che vi permetter\u00e0 di personalizzare ogni menu del vostro sito. Tuttavia, non vi dar\u00e0 tutto ci\u00f2 di cui avete bisogno per impostazione predefinita.<\/p>\n<p>Diverse opzioni dello schermo vi aiutano ad <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-css\/\">aggiungere tag CSS<\/a> e altro. Inoltre, l&#8217;installazione di un plugin vi permetter\u00e0 di trasformare i vostri menu nativi in mega menu e di lavorare con funzionalit\u00e0 avanzate per rendere il vostro menu pi\u00f9 responsive (tra le altre cose). Anche la programmazione da zero \u00e8 una possibilit\u00e0, e sebbene sia un compito impegnativo se siete principianti, \u00e8 qualcosa che potete mettere insieme nello spazio di un pomeriggio.<\/p>\n<p><em>Volete personalizzare il vostro menu di WordPress e se s\u00ec, quale approccio avete scelto? Condividete le vostre opinioni nella sezione commenti qui sotto!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I menu di navigazione personalizzati sono una caratteristica incredibile che permette agli utenti admin di aggiungere qualsiasi elenco di link in qualsiasi punto del sito. In questo post mi immerger\u00f2 in profondit\u00e0 in questa caratteristica e ti mostrer\u00f2 come creare un menu personalizzato di WordPress e migliorare la schermata del menu come un professionista.<\/p>\n","protected":false},"author":117,"featured_media":47666,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[5499,67],"topic":[25873],"class_list":["post-47656","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-menu","tag-webdev","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>Una Guida Approfondita per Creare e Personalizzare un Menu WordPress<\/title>\n<meta name=\"description\" content=\"Impara come personalizzare il menu di WordPress e abbinare il design del tuo sito con le funzionalit\u00e0 integrate di WordPress, i plugin o il codice.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Una Guida Approfondita per Creare e Personalizzare un Menu WordPress\" \/>\n<meta property=\"og:description\" content=\"Impara come personalizzare il menu di WordPress e abbinare il design del tuo sito con le funzionalit\u00e0 integrate di WordPress, i plugin o il codice.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-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=\"2021-09-21T08:22:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-14T12:15:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/personalizzare-menu-wordpress.jpeg\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Impara come personalizzare il menu di WordPress e abbinare il design del tuo sito con le funzionalit\u00e0 integrate di WordPress, i plugin o il codice.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/wordpress-menu.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\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:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Una Guida Approfondita per Creare e Personalizzare un Menu WordPress\",\"datePublished\":\"2021-09-21T08:22:41+00:00\",\"dateModified\":\"2023-03-14T12:15:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/\"},\"wordCount\":2919,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/personalizzare-menu-wordpress.jpeg\",\"keywords\":[\"menu\",\"webdev\"],\"articleSection\":[\"Sviluppo WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/\",\"name\":\"Una Guida Approfondita per Creare e Personalizzare un Menu WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/personalizzare-menu-wordpress.jpeg\",\"datePublished\":\"2021-09-21T08:22:41+00:00\",\"dateModified\":\"2023-03-14T12:15:26+00:00\",\"description\":\"Impara come personalizzare il menu di WordPress e abbinare il design del tuo sito con le funzionalit\u00e0 integrate di WordPress, i plugin o il codice.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/personalizzare-menu-wordpress.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/personalizzare-menu-wordpress.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"Una guida approfondita per creare e personalizzare un menu WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sviluppo di WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/sviluppo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Una Guida Approfondita per Creare e Personalizzare un Menu WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.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:\/\/kinsta.com\/it\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Una Guida Approfondita per Creare e Personalizzare un Menu WordPress","description":"Impara come personalizzare il menu di WordPress e abbinare il design del tuo sito con le funzionalit\u00e0 integrate di WordPress, i plugin o il codice.","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:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/","og_locale":"it_IT","og_type":"article","og_title":"Una Guida Approfondita per Creare e Personalizzare un Menu WordPress","og_description":"Impara come personalizzare il menu di WordPress e abbinare il design del tuo sito con le funzionalit\u00e0 integrate di WordPress, i plugin o il codice.","og_url":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2021-09-21T08:22:41+00:00","article_modified_time":"2023-03-14T12:15:26+00:00","og_image":[{"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/personalizzare-menu-wordpress.jpeg","type":"","width":"","height":""}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Impara come personalizzare il menu di WordPress e abbinare il design del tuo sito con le funzionalit\u00e0 integrate di WordPress, i plugin o il codice.","twitter_image":"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/wordpress-menu.jpg","twitter_creator":"@salmanravoof","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Salman Ravoof","Tempo di lettura stimato":"19 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Una Guida Approfondita per Creare e Personalizzare un Menu WordPress","datePublished":"2021-09-21T08:22:41+00:00","dateModified":"2023-03-14T12:15:26+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/"},"wordCount":2919,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/personalizzare-menu-wordpress.jpeg","keywords":["menu","webdev"],"articleSection":["Sviluppo WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/","url":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/","name":"Una Guida Approfondita per Creare e Personalizzare un Menu WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/personalizzare-menu-wordpress.jpeg","datePublished":"2021-09-21T08:22:41+00:00","dateModified":"2023-03-14T12:15:26+00:00","description":"Impara come personalizzare il menu di WordPress e abbinare il design del tuo sito con le funzionalit\u00e0 integrate di WordPress, i plugin o il codice.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/personalizzare-menu-wordpress.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/09\/personalizzare-menu-wordpress.jpeg","width":1460,"height":730,"caption":"Una guida approfondita per creare e personalizzare un menu WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/menu-personalizzato-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Sviluppo di WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/sviluppo-wordpress\/"},{"@type":"ListItem","position":3,"name":"Una Guida Approfondita per Creare e Personalizzare un Menu WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.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:\/\/kinsta.com\/it\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/47656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=47656"}],"version-history":[{"count":17,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/47656\/revisions"}],"predecessor-version":[{"id":66852,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/47656\/revisions\/66852"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/47656\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/47656\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/47656\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/47656\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/47656\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/47656\/translations\/it"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/47656\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/47656\/translations\/jp"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/47656\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/47666"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=47656"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=47656"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=47656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}