{"id":245299,"date":"2022-04-10T14:37:00","date_gmt":"2022-04-10T11:37:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=245299"},"modified":"2021-10-28T03:04:30","modified_gmt":"2021-10-28T00:04:30","slug":"come-aggiungere-immagini-alle-voci-di-menu-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-aggiungere-immagini-alle-voci-di-menu-in-wordpress\/","title":{"rendered":"Come aggiungere immagini alle voci di menu in WordPress"},"content":{"rendered":"<p>Ho buone notizie.<\/p>\n<p>L&#8217;aggiunta di immagini alle voci di menu \u00e8 sorprendentemente semplice.<\/p>\n<p>Normalmente, l&#8217;aggiunta di immagini richiederebbe la comprensione del codice. Ma grazie a un pratico plug-in, non \u00e8 necessario conoscere la prima cosa sul codice.<\/p>\n<p>In effetti, questa soluzione \u00e8 semplice come il normale editor di menu e ti consente di aggiungere immagini proprio in questo modo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" alt=\"Come aggiungere immagini alle voci di menu in WordPress\" ><\/a><\/p>\n<p>In questo post, scopri un plug-in che ti consente di aggiungere immagini a qualsiasi voce di menu e scopri come utilizzarlo sul tuo sito.<\/p>\n<p>Per aggiungere immagini al tuo menu, scarica e installa il plugin <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Menu Image<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39db9f678.png\" alt=\"Come aggiungere immagini alle voci di menu in WordPress\" \/><\/a><\/p>\n<p>Questo plugin ti consente di aggiungere un&#8217;immagine a qualsiasi voce di menu e di controllare tutti gli aspetti dello stile, inclusa la posizione e le dimensioni dell&#8217;immagine.<\/p>\n<p>Una volta attivato, visita la pagina Menu (Aspetto &gt; Menu) e fai clic sulla freccia a discesa su una voce di menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39dd6dbec.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39dd6dbec.png\" alt=\"Come aggiungere immagini alle voci di menu in WordPress\" ><\/a><\/p>\n<p><strong>Non hai ancora un menu?<\/strong> Potrebbe essere necessario <a href=\"https:\/\/www.competethemes.com\/help\/customize-menu-cele\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">creare prima un menu personalizzato<\/a>.<\/p>\n<p>Questo rivela le impostazioni per la voce di menu. Dopo aver installato Menu Image, vedrai un set aggiuntivo di opzioni per l&#8217;aggiunta di un&#8217;immagine.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39df3e9e3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39df3e9e3.png\" alt=\"Come aggiungere immagini alle voci di menu in WordPress\" ><\/a><\/p>\n<p>Carica un&#8217;immagine, cambia lo stato al passaggio del mouse, scegli una dimensione e posizionala con Menu Image<\/p>\n<p>Ad esempio, utilizzer\u00f2 questa piccola icona a forma di persona per la voce di menu Informazioni:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e0b738b.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e0b738b.png\" alt=\"Come aggiungere immagini alle voci di menu in WordPress\" ><\/a><\/p>\n<p>Per aggiungere l&#8217;immagine, fai clic sul pulsante Imposta immagine e vedrai il familiare popup Libreria multimediale in cui puoi caricare una nuova immagine o selezionarne una esistente.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e243bec.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e243bec.png\" alt=\"Come aggiungere immagini alle voci di menu in WordPress\" ><\/a><\/p>\n<p>Una volta aggiunta l&#8217;immagine, vedrai un&#8217;anteprima nell&#8217;editor delle voci di menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e432644.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e432644.png\" alt=\"Come aggiungere immagini alle voci di menu in WordPress\" ><\/a><\/p>\n<p>Ecco come appare nel menu del <a href=\"https:\/\/www.competethemes.com\/morning\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema Mattina<\/a> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" alt=\"Come aggiungere immagini alle voci di menu in WordPress\" ><\/a><\/p>\n<h3>Ulteriori personalizzazioni delle immagini<\/h3>\n<p>Oltre ad aggiungere un&#8217;immagine, puoi posizionarla sopra, sotto, prima o dopo la voce di menu. Puoi anche mostrare un&#8217;immagine diversa quando un visitatore passa il mouse sopra la voce di menu, il che \u00e8 particolarmente utile per i cambi di colore.<\/p>\n<p>Per quanto riguarda la dimensione dell&#8217;immagine, hai le quattro dimensioni dell&#8217;immagine create da WordPress, pi\u00f9 tre nuove dimensioni aggiunte da Menu Image. Le taglie disponibili sono:<\/p>\n<ul>\n<li>Misura originale<\/li>\n<li>Miniatura<\/li>\n<li>medio<\/li>\n<li>Grande<\/li>\n<li>24 \u00d7 24<\/li>\n<li>36 \u00d7 36<\/li>\n<li>48 \u00d7 48<\/li>\n<\/ul>\n<p>Le dimensioni delle dimensioni miniatura, media e grande possono essere impostate nel menu Impostazioni supporti (Impostazioni &gt; Supporto).<\/p>\n<p>Pianifica prima una serie di immagini dall&#8217;aspetto simile per il tuo menu, in modo che il tuo menu abbia un&#8217;estetica coerente. Ho aggiunto un&#8217;icona nel mio esempio per illustrare l&#8217;uso del plugin, ma consiglierei di aggiungere un&#8217;immagine a tutte le voci di menu o a nessuna.<\/p>\n<p>Potrebbe essere necessario ridimensionare l&#8217;immagine alcune volte fino a quando non appare correttamente nel menu. Se non hai un editor grafico di tua scelta, dai un&#8217;occhiata a <a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GIMP<\/a> (gratuito) o <a href=\"https:\/\/www.sketchapp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sketch<\/a> ($ 99 solo per Mac).<\/p>\n<p>Infine, usa immagini PNG trasparenti se puoi. Mostrare un grande quadrato attorno all&#8217;icona non star\u00e0 bene in nessun menu.<\/p>\n<p>Il plugin <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Menu Image<\/a> rende facile per chiunque aggiungere immagini alle proprie voci di menu. Non \u00e8 necessario conoscere PHP o CSS per includere icone eleganti nel menu.<\/p>\n<p>Hai domande sull&#8217;aggiunta o sullo stile delle immagini nel tuo menu? Lascia un commento qui sotto.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Buone notizie: aggiungere immagini alle voci di menu \u00e8 sorprendentemente facile. Scopri come aggiungere immagini al tuo menu con l&#8217;uso di un semplice plugin in questo post.<\/p>\n","protected":false},"author":1,"featured_media":257355,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[551],"tags":[846],"class_list":["post-245299","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizza-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/245299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=245299"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/245299\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/257355"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=245299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=245299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=245299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}