{"id":235478,"date":"2021-11-28T12:32:00","date_gmt":"2021-11-28T09:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235478"},"modified":"2022-05-16T11:50:13","modified_gmt":"2022-05-16T08:50:13","slug":"come-aggiungere-unicona-di-collegamento-esterno-ai-menu-di-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-aggiungere-unicona-di-collegamento-esterno-ai-menu-di-wordpress\/","title":{"rendered":"Come aggiungere un&#8217;icona di collegamento esterno ai menu di WordPress"},"content":{"rendered":"<p>Nell&#8217;ultimo tutorial che ho pubblicato, hai imparato come <a href=\"https:\/\/themewp.inform.click\/it\/come-aggiungere-un-collegamento-esterno-al-menu-di-wordpress\/\" title=\"aggiungere un link esterno al tuo menu\">aggiungere un link esterno al tuo menu<\/a>.<\/p>\n<p>Ora ecco la cosa&#8230;<\/p>\n<p>I collegamenti esterni nel menu vanno bene, ma sono abbastanza rari. La maggior parte dei visitatori rimarr\u00e0 sorpresa quando fa clic su un collegamento di menu e lascia il tuo sito. All&#8217;inizio potrebbero persino pensare che faccia parte dello stesso sito.<\/p>\n<p>\u00c8 necessario aggiungere un indicatore visivo che consenta loro di sapere che il collegamento li porter\u00e0 a un altro sito e il modo migliore per farlo \u00e8 aggiungere un&#8217;icona di collegamento esterno.<\/p>\n<h2>Aggiungi l&#8217;icona del collegamento esterno<\/h2>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/wVIPxlVYv8Y\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Iscriviti ai temi della competizione su Youtube<\/a><\/p>\n<p>Ci sono alcuni modi per aggiungere l&#8217;icona, ma prima ti mostrer\u00f2 il metodo pi\u00f9 semplice.<\/p>\n<p>Tecnicamente, questa \u00e8 l&#8217;icona della &quot;freccia nord-est&quot; e non un&#8217;icona di collegamento esterno, ma ottiene il punto quando viene posizionata proprio accanto a un collegamento.<\/p>\n<p>Per aggiungere l&#8217;icona, inizia aprendo il Customizer (Aspetto&gt; Personalizza) e navigando fino al menu che desideri modificare.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224002-6171d6dd305c5.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-224002-6171d6dd305c5.png\" alt=\"Come aggiungere un&#039;icona di collegamento esterno ai menu di WordPress\"><\/a><\/p>\n<p>Questo \u00e8 il layout del post nel tema <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Challenger<\/a>.<\/p>\n<p>Nel mio stupido esempio, sto collegando a Google \ud83d\ude1b<\/p>\n<p>Fare clic sulla voce di menu a cui si desidera aggiungere l&#8217;icona e copiare e incollare questo codice nell&#8217;etichetta di navigazione: \u2197<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224002-6171d6df41c7f.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-224002-6171d6df41c7f.png\" alt=\"Come aggiungere un&#039;icona di collegamento esterno ai menu di WordPress\"><\/a><\/p>\n<p>Assicurati di includere ogni carattere dalla e commerciale al punto e virgola<\/p>\n<p>Ecco come verr\u00e0 visualizzato nel menu:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224002-6171d6e0cfe78.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-224002-6171d6e0cfe78.png\" alt=\"Come aggiungere un&#039;icona di collegamento esterno ai menu di WordPress\"><\/a><\/p>\n<p>Questa icona \u00e8 colorata perch\u00e9 viene visualizzata come un&#8217;emoji. Come emoji, questo significa anche che viene visualizzato in modo leggermente diverso a seconda del dispositivo con cui viene visualizzato il tuo sito. Puoi vedere in anteprima <a href=\"https:\/\/emojipedia.org\/north-east-arrow\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">come appare su diversi dispositivi qui<\/a>.<\/p>\n<p>Inoltre, tieni presente che se hai disabilitato il supporto emoji sul tuo sito, l&#8217;icona verr\u00e0 visualizzata come una semplice freccia nera senza il riquadro attorno ad essa.<\/p>\n<p>Quanto \u00e8 facile? Basta copiare e incollare alcuni caratteri e il gioco \u00e8 fatto!<\/p>\n<p>L&#8217;unico problema con questo approccio \u00e8 che l&#8217;icona non \u00e8 personalizzabile. Se il colore \u00e8 in conflitto con il tuo marchio, potresti dover provare questa soluzione successiva.<\/p>\n<h2>Una soluzione pi\u00f9 personalizzabile<\/h2>\n<p>Sebbene ci siano modi per aggiungere icone con un po&#8217; di CSS, preferirei non farti provare a scrivere e modificare il codice.<\/p>\n<p>Invece, dai un&#8217;occhiata a questo tutorial <a href=\"https:\/\/themewp.inform.click\/it\/come-aggiungere-immagini-alle-voci-di-menu-in-wordpress\/\" title=\"sull&#039;aggiunta di immagini alle voci di menu\">sull&#8217;aggiunta di immagini alle voci di menu<\/a>. In questo modo, puoi trovare qualsiasi immagine che desideri e quindi aggiungerla prima o dopo la voce di menu. Potresti trovare anche altri modi per utilizzare il plug-in presente in quel post.<\/p>\n<h2>Apri il link in una nuova scheda<\/h2>\n<p>Prima di andare, c&#8217;\u00e8 un&#8217;altra cosa che dovresti fare&#8230;<\/p>\n<p>Imposta la voce di menu in modo che si apra in una nuova scheda.<\/p>\n<p>L&#8217;icona del collegamento esterno aiuta molto e molti visitatori apriranno il collegamento in una nuova scheda, ma per sicurezza faremo in modo che il collegamento si apra sempre in una nuova scheda. Questo ti aiuter\u00e0 a mantenere pi\u00f9 dei tuoi sudati visitatori sul tuo sito.<\/p>\n<p>Rendere le voci di menu aperte in una nuova scheda \u00e8 in realt\u00e0 davvero difficile da capire perch\u00e9 l&#8217;impostazione \u00e8 nascosta per impostazione predefinita. Segui <a href=\"https:\/\/themewp.inform.click\/it\/come-aprire-i-collegamenti-di-wordpress-in-nuove-schede\/\" title=\"questa guida sull&#039;apertura dei collegamenti in nuove schede\">questa guida sull&#8217;apertura dei collegamenti in nuove schede<\/a> per vedere come completare questo passaggio finale.<\/p>\n<h2>Conclusione<\/h2>\n<p>Ci sono molti motivi per aggiungere un link esterno al tuo menu. Tuttavia, senza un indicatore, possono portare a una brutta esperienza utente.<\/p>\n<p>Aggiungendo un&#8217;icona alla voce di menu, i visitatori sapranno che stanno per lasciare il sito prima di fare clic. Inoltre, l&#8217;apertura della pagina in una nuova scheda impedir\u00e0 loro di uscire accidentalmente dal tuo sito.<\/p>\n<p>Se hai domande o feedback su questo tutorial, 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>Non confondere i tuoi visitatori! Aggiungi una semplice icona per etichettare chiaramente i link esterni nel tuo menu seguendo questo tutorial facile e veloce.<\/p>\n","protected":false},"author":1,"featured_media":22094,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[551],"tags":[846],"class_list":["post-235478","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\/235478","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=235478"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/235478\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/22094"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=235478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=235478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=235478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}