{"id":4637,"date":"2025-09-18T16:20:30","date_gmt":"2025-09-18T16:20:30","guid":{"rendered":"\/it\/tutorial\/?p=4637"},"modified":"2025-12-18T13:20:42","modified_gmt":"2025-12-18T13:20:42","slug":"favicon-wordpress","status":"publish","type":"post","link":"\/it\/tutorial\/favicon-wordpress\/","title":{"rendered":"Cos&#8217;\u00e8 una favicon WordPress e come aggiungerne una: 4 metodi rapidi"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Una favicon &egrave; una piccola immagine visualizzata nella scheda del browser quando un utente accede al tuo sito web WordPress. Aiuta gli utenti a riconoscere rapidamente il tuo sito quando sono aperte pi&ugrave; schede, in particolare se il titolo del sito non &egrave; visibile.<\/p><p class=\"wp-block-paragraph\">Questo tutorial spiegher&agrave; cos&rsquo;&egrave; una favicon WordPress, la sua importanza e come crearne una. Esploreremo anche diversi modi per aggiungerne una al tuo sito web, cos&igrave; potrai sceglierne una in base alle tue preferenze.<\/p><p>\n\n\n\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                     Cos&rsquo;&egrave; una favicon?                 <\/p>\n            <\/div>\n            <p class=\"protip__content\">Una favicon &egrave; un'immagine, solitamente un logo, che caratterizza il tuo sito web WordPress. Generalmente ha proporzioni rettangolari, una bassa risoluzione e incorpora l'identit&agrave; visiva del tuo sito web, come la sua palette di colori. Puoi creare una favicon utilizzando software di grafica come Photoshop, strumenti web o la funzionalit&agrave; integrata di WordPress. <\/p>\n                    <\/div>\n        \n\n\n\n<\/p><p class=\"wp-block-paragraph\">Una favicon aiuta gli utenti a gestire pi&ugrave; schede e aumenta la visibilit&agrave; del tuo sito web nelle pagine dei risultati dei motori di ricerca (SERP). Questa icona accompagna l&rsquo;URL del tuo sito, consentendo agli utenti di identificare rapidamente la pagina web.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a73067898ff0\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a73067898ff0\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"634\" height=\"164\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-49.png\/public\" alt=\"La favicon di Hostinger su una scheda del browser\" class=\"wp-image-4638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-49.png\/w=634,fit=scale-down 634w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-49.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 634px) 100vw, 634px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Questa immagine viene visualizzata anche nelle schermate iniziali degli smartphone degli utenti come icona dell&rsquo;app quando aggiungono la tua pagina web ai preferiti sul loro dispositivo. Una favicon distintiva non solo rende il tuo sito pi&ugrave; professionale, ma contribuisce anche a <strong>rafforzare il branding<\/strong> e l&rsquo;identit&agrave; del sito.<\/p><h2 class=\"wp-block-heading\" id=\"h-come-generare-un-immagine-favicon\"><strong>Come generare un&rsquo;immagine favicon<\/strong><\/h2><p class=\"wp-block-paragraph\">Per creare una favicon per WordPress, puoi utilizzare qualsiasi software di grafica o uno strumento online come <a href=\"https:\/\/realfavicongenerator.net\/\" target=\"_blank\" rel=\"noopener\"><strong>Real Favicon Generator.<\/strong><\/a> La scelta dipende dal tuo livello di esperienza con i concetti di visual design e dalla tua capacit&agrave; di utilizzare questi strumenti.<\/p><p class=\"wp-block-paragraph\">Quindi, considera quanto segue:<\/p><ul class=\"wp-block-list\">\n<li><strong>Risoluzione. <\/strong>Poich&eacute; l&rsquo;icona appare solo nelle SERP e nelle schede del browser, potrebbe non essere necessaria un&rsquo;immagine ad alta risoluzione. La dimensione ideale per la favicon di WordPress &egrave; <a href=\"https:\/\/mailchimp.com\/resources\/favicon-size\/\" target=\"_blank\" rel=\"noopener\"><strong>512 x 512 pixel<\/strong><\/a>.<\/li>\n\n\n\n<li><strong>Proporzioni. <\/strong>La favicon sul tuo sito WordPress deve essere visualizzata correttamente in proporzioni <strong>1:1<\/strong>. In caso contrario, potrebbe essere ritagliata o deformata, compromettendo l&rsquo;aspetto della pagina web.<\/li>\n\n\n\n<li><strong>Palette dei colori. <\/strong>L&rsquo;utilizzo di uno sfondo trasparente far&agrave; risaltare di pi&ugrave; la favicon, soprattutto se utilizzi elementi o icone bianchi. Ricordati di utilizzare la stessa palette dei colori del tuo brand per mantenere un&rsquo;identit&agrave; coerente con il sito.<\/li>\n\n\n\n<li><strong>Formato del file. <\/strong>Il formato PNG &egrave; necessario se il file della favicon del tuo sito web WordPress contiene uno sfondo trasparente. In alternativa, puoi utilizzare estensioni come ICO, JPEG o GIF supportate da WordPress.<\/li>\n\n\n\n<li><strong>Requisiti dei motori di ricerca. <\/strong>L&rsquo;icona del tuo sito WordPress deve rispettare le <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/favicon-in-search\" target=\"_blank\" rel=\"noopener\"><strong>linee guida di Google per le favicon<\/strong><\/a> per essere visualizzata correttamente nelle SERP.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">I passaggi per creare una favicon per WordPress variano notevolmente a seconda del software grafico utilizzato e dell&rsquo;immagine desiderata. Se preferisci una soluzione pi&ugrave; semplice, usa il <a href=\"\/it\/creatore-di-loghi\"><strong>generatore di loghi con AI di Hostinger<\/strong><\/a> per generare l&rsquo;immagine gratuitamente!<\/p><p>\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                     Suggerimento                 <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Ti consigliamo di non cambiare la favicon di WordPress troppo spesso, poich&eacute; &egrave; una parte fondamentale dell'identit&agrave; del tuo sito. Modifiche frequenti possono impedire ai visitatori di creare un'associazione forte con il brand.<\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-metodi-per-aggiungere-una-favicon-a-wordpress\"><strong>Metodi per aggiungere una favicon a WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Questa sezione ti mostrer&agrave; quattro metodi comuni per aggiungere una favicon personalizzata al tuo sito web WordPress. Poich&eacute; il risultato &egrave; lo stesso, scegline uno in base alle tue preferenze ed esigenze.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-usa-l-editor-a-blocchi-gutenberg\"><strong>1. Usa l&rsquo;editor a blocchi Gutenberg<\/strong><\/h3><p class=\"wp-block-paragraph\">Il metodo pi&ugrave; semplice per aggiungere una favicon al tuo sito di WordPress &egrave; usare l&rsquo;<strong>editor Gutenberg<\/strong>. Tieni presente che questa funzionalit&agrave; &egrave; disponibile solo per i <strong>temi a blocchi<\/strong> e per <strong>WordPress 5.9 <\/strong>o le versioni pi&ugrave; recenti.<\/p><p class=\"wp-block-paragraph\">Ecco come fare:<\/p><ol class=\"wp-block-list\">\n<li>Accedi alla <strong>dashboard di WordPress<\/strong> &rarr; <strong>Aspetto <\/strong>&rarr; <strong>Editor<\/strong>.<\/li>\n\n\n\n<li>Passa il mouse sull&rsquo;area in cui desideri posizionare l&rsquo;icona e clicca sull&rsquo;icona <strong>pi&ugrave; <\/strong>(<strong>+<\/strong>). Puoi posizionarla ovunque, ma ti consigliamo uno degli angoli dell&rsquo;intestazione.<\/li>\n\n\n\n<li>Cerca e seleziona il blocco <strong>Icona del sito<\/strong>.<\/li>\n\n\n\n<li>Passa il mouse sul blocco e clicca sull&rsquo;icona <strong>Carica<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a7306789a18c\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a7306789a18c\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"262\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-50.png\/public\" alt=\"Il blocco icona del sito nell'editor Gutenberg di WordPress\" class=\"wp-image-4639\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-50.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-50.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-50.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Carica il file della tua favicon o selezionane uno dalla<strong> Libreria multimediale<\/strong> di WordPress. Clicca su <strong>Seleziona <\/strong>per confermare.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a7306789ae3b\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a7306789ae3b\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"474\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-53.png\/public\" alt=\"L'immagine per la favicon nella libreria multimediale di WordPress\" class=\"wp-image-4641\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-53.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-53.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-53.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"6\" class=\"wp-block-list\">\n<li>Clicca sulla favicon e accedi alla sezione delle <strong>impostazioni del blocco<\/strong> nella barra laterale destra. Se non vedi l&rsquo;opzione, clicca sul pulsante <strong>Impostazioni <\/strong>in alto a destra sullo schermo.<\/li>\n\n\n\n<li>Dalla barra laterale, attiva la funzione <strong>Usa come icona del sito<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a7306789b8b8\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a7306789b8b8\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"418\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-55.png\/public\" alt=\"Usare l'icona del sito nell'editor del sito Gutenberg\" class=\"wp-image-4645\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-55.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-55.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-55.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"8\" class=\"wp-block-list\">\n<li>Clicca su <strong>Salva <\/strong>in alto a destra per applicare le modifiche.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Quando visiti il &#8203;&#8203;tuo sito web, dovresti vedere la nuova favicon al posto del logo predefinito di WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-accedi-e-configura-tramite-wordpress-customizer\"><strong>2. Accedi e configura tramite WordPress Customizer<\/strong><\/h3><p class=\"wp-block-paragraph\">Per gli utenti dei temi classici, &egrave; possibile aggiungere una favicon utilizzando la funzionalit&agrave; <strong>Customizer <\/strong>di WordPress. Questo metodo &egrave; possibile solo se si utilizza <strong>WordPress 4.3<\/strong> o le versioni successive. Ecco come fare:<\/p><ol class=\"wp-block-list\">\n<li>Dalla dashboard di WordPress, vai su <strong>Aspetto <\/strong>&rarr; <strong>Customizer<\/strong>. Se non vedi l&rsquo;opzione, aggiungi <strong>wp-admin\/customize.php<\/strong> all&rsquo;URL del tuo sito web per aprirlo manualmente.<\/li>\n\n\n\n<li>Vai alla <strong>barra laterale sinistra<\/strong> &rarr; <strong>Identit&agrave; del sito<\/strong>. Clicca sul pulsante <strong>Seleziona icona del sito<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a7306789c260\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a7306789c260\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"415\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-57.png\/public\" alt=\"Menu Identit&agrave; del sito nel Customizer di WordPress\" class=\"wp-image-4647\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-57.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-57.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-57.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Carica la tua immagine o selezionala dalla <strong>Libreria Multimediale<\/strong>. Clicca su <strong>Seleziona <\/strong>per confermare.<\/li>\n\n\n\n<li>Regola le dimensioni della favicon in base alle tue esigenze e clicca su <strong>Ritaglia immagine<\/strong>. Per utilizzare le impostazioni predefinite, seleziona <strong>Ignora ritaglio<\/strong>.<\/li>\n\n\n\n<li>Ora dovresti vedere l&rsquo;anteprima della favicon del tuo sito web nella sezione <strong>Icona<\/strong> <strong>sito<\/strong> della barra laterale. Per salvare le modifiche, fai click su <strong>Pubblica<\/strong>.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-3-utilizza-il-plugin-realfavicongenerator\"><strong>3. Utilizza il plugin RealFaviconGenerator<\/strong><\/h3><p class=\"wp-block-paragraph\">Se desideri maggiori opzioni di personalizzazione e anteprime, utilizza un plugin di terze parti per impostare una favicon su WordPress. Esistono diverse opzioni, ma noi consigliamo <a href=\"https:\/\/wordpress.org\/plugins\/favicon-by-realfavicongenerator\/\" target=\"_blank\" rel=\"noopener\"><strong>Favicon by RealFaviconGenerator<\/strong><\/a> poich&eacute; &egrave; la pi&ugrave; utilizzata.<\/p><p class=\"wp-block-paragraph\">Dopo aver <a href=\"\/it\/tutorial\/come-installare-plugin-wordpress\/\"><strong>installato e attivato il plugin<\/strong><\/a>, segui questi passaggi per creare e aggiungere una nuova favicon:<\/p><ol class=\"wp-block-list\">\n<li>Dalla dashboard di amministrazione di WordPress, vai su <strong>Aspetto <\/strong>&rarr; <strong>Favicon<\/strong>.<\/li>\n\n\n\n<li>Clicca su <strong>Seleziona dalla libreria multimediale<\/strong> e carica una nuova immagine, oppure selezionane una esistente dalla libreria di WordPress.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a7306789cde0\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a7306789cde0\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"310\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-54.png\/public\" alt=\"Il pulsante Seleziona dalla libreria multimediale nel menu del plugin Real Favicon Generator\" class=\"wp-image-4643\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-54.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-54.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-54.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Clicca su <strong>Genera favicon<\/strong> e il plugin ti reindirizzer&agrave; a una pagina separata.<\/li>\n\n\n\n<li>Se desideri mantenere l&rsquo;immagine predefinita, seleziona l&rsquo;opzione <strong>Usa l&rsquo;immagine originale cos&igrave; com&rsquo;&egrave;<\/strong>. In caso contrario, modifica impostazioni come il colore dello sfondo, il raggio e le dimensioni dell&rsquo;immagine.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a7306789d798\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a7306789d798\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"141\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-52.png\/public\" alt=\"Opzioni di modifica delle favicon di Real Favicon Generator\" class=\"wp-image-4642\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-52.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-52.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-52.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Scorri verso il basso fino alle <strong>Opzioni del generatore di favicon<\/strong> e clicca su <strong>Genera le tue favicon e il codice HTML<\/strong> per confermare.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Ecco fatto! Verrai reindirizzato al menu <strong>Favicon <\/strong>nella dashboard di WordPress. Clicca sul pulsante <strong>Controlla la tua favicon<\/strong> per verificare che l&rsquo;icona del tuo sito funzioni correttamente. Per sostituire quella attuale, ripeti semplicemente i passaggi precedenti.<\/p><p class=\"wp-block-paragraph\">Ricorda che questo plugin deve rimanere in esecuzione per visualizzare la favicon. Se lo disattivi o lo disinstalli, l&rsquo;icona del tuo sito web non verr&agrave; pi&ugrave; visualizzata.<\/p><p class=\"wp-block-paragraph\">Aggiorna regolarmente il plugin per evitare rischi per la sicurezza e bug. Per semplificare l&rsquo;operazione, gli utenti dell&rsquo;<a href=\"\/it\/hosting-wordpress\"><strong>hosting gestito per WordPress di Hostinger<\/strong><\/a> possono abilitare la funzione di aggiornamento automatico su <strong>hPanel<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/it\/hosting-wordpress\"><img decoding=\"async\" width=\"2048\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-1321\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=2048,fit=scale-down 2048w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-4-modifica-manualmente-i-file-del-tema\"><strong>4. Modifica manualmente i file del tema<\/strong><\/h3><p class=\"wp-block-paragraph\">Puoi aggiungere una favicon al tuo sito caricando manualmente l&rsquo;immagine nella cartella principale di WordPress e modificando il file del tema. Poich&eacute; questo metodo pu&ograve; essere un po&rsquo; complesso, lo consigliamo a sviluppatori o a chi ha esperienza di programmazione.<\/p><p>\n\n\n<div class=\"announcement-block announcement-block--important\">\n            <span class=\"announcement-block__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM13.637 7.65198C13.637 6.74791 12.9041 6.01501 12 6.01501C11.0959 6.01501 10.363 6.74791 10.363 7.65198C10.5335 9.53749 10.875 13.383 10.875 13.383C10.875 14.0043 11.3787 14.508 12 14.508C12.6213 14.508 13.125 14.0043 13.125 13.383V13.38L13.637 7.65198ZM11.9927 15.714C11.3714 15.714 10.8677 16.2177 10.8677 16.839C10.8677 17.4603 11.3714 17.964 11.9927 17.964H12.0073C12.6286 17.964 13.1323 17.4603 13.1323 16.839C13.1323 16.2177 12.6286 15.714 12.0073 15.714H11.9927Z\"\n                          fill=\"#FEA419\"\/>\n                <\/svg>\n                Important\n            <\/span>\n            <p class=\"announcement-block__content\">\n                <strong>Importante!<\/strong> Idealmente, dovresti controllare i frammenti di codice in un <a href=\"\/it\/tutorial\/staging-wordpress\/\">ambiente di staging di WordPress<\/a> prima di aggiungerli al sito live. Questo passaggio garantisce che le nuove aggiunte non causino potenziali errori gravi.\n            <\/p><\/div>\n\n\n\n<\/p><p class=\"wp-block-paragraph\">Prima di farlo, crea e attiva un tema child per garantire che il codice della tua favicon rimanga intatto dopo un aggiornamento. Poi segui questi passaggi:<\/p><ol class=\"wp-block-list\">\n<li>Apri il sito web <strong>Real Favicon Generator<\/strong>, clicca su <strong>Seleziona l&rsquo;immagine per la tua favicon<\/strong> e carica il file favicon dal tuo computer.<\/li>\n\n\n\n<li>Scorri fino alla sezione <strong>Opzioni generatore favicon<\/strong> e clicca sulla scheda <strong>Percorso<\/strong>. Scegli dove vuoi posizionare l&rsquo;immagine favicon. Idealmente, dovresti scegliere la directory <strong>principale<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"281\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-102.png\/public\" alt=\"Opzioni del percorso di Real Favicon Generator\" class=\"wp-image-5730\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-102.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-102.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-102.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Clicca su <strong>Genera le tue favicon e il codice HTML<\/strong>.<\/li>\n\n\n\n<li>Verrai reindirizzato alla pagina del manuale di installazione. Clicca sul pulsante <strong>Pacchetto favicon<\/strong> per scaricare i file della favicon.<\/li>\n\n\n\n<li>Copia il frammento di codice e conservalo in un luogo sicuro, ad esempio in un file TXT. In alternativa, tieni aperta questa scheda perch&eacute; ci servir&agrave; in seguito.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a7306789fd14\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a7306789fd14\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"387\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-56.png\/public\" alt=\"Pagina della guida all'installazione di Real Favicon Generator\" class=\"wp-image-4646\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-56.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-56.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/09\/image-56.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Ora che i file e il codice sono pronti, aggiungili al tuo sito WordPress. Ecco come fare:<\/p><ol class=\"wp-block-list\">\n<li>Accedi alla directory principale del sito <strong>public_html <\/strong>usando un client <strong>File Transfer Protocol<\/strong> (FTP) come<strong> FileZilla <\/strong>o il <strong>file manager<\/strong> del tuo fornitore di hosting.<\/li>\n\n\n\n<li>Carica ed estrai l&rsquo;archivio scaricato nella directory <strong>public_html<\/strong>. Ricorda che <strong>public_html<\/strong> deve contenere solo i file delle favicon, non la cartella.<\/li>\n\n\n\n<li>Inserisci il seguente URL nel tuo browser web per confermare che WordPress possa leggere la tua favicon. Sostituisci <strong>domain.tld<\/strong> con il tuo nome di dominio effettivo:<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">domain.tld\/favicon.ico<\/pre><ol start=\"4\" class=\"wp-block-list\">\n<li>Apri la dashboard di WordPress e vai su <strong>Strumenti <\/strong>&rarr; <strong>Editor file tema<\/strong>.<\/li>\n\n\n\n<li>Dal menu <strong>File del tema <\/strong>a destra, seleziona <strong>header.php<\/strong>. Se il tuo tema non lo contiene, modifica il file <strong>functions.php<\/strong>.<\/li>\n\n\n\n<li>Aggiungi il codice HTML di Real Favicon Generator in fondo al file, dopo il tag <strong>?&gt;<\/strong>. Nel nostro caso, lo snippet si presenta cos&igrave;:<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">&lt;link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\"&gt;<br><br>&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\"&gt;<br><br>&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\"&gt;<br><br>&lt;link rel=\"manifest\" href=\"\/site.webmanifest\"&gt;<br><br>&lt;link rel=\"mask-icon\" href=\"\/safari-pinned-tab.svg\" color=\"#5bbad5\"&gt;<br><br>&lt;meta name=\"msapplication-TileColor\" content=\"#da532c\"&gt;<br><br>&lt;meta name=\"theme-color\" content=\"#ffffff\"&gt;<\/pre><ol start=\"7\" class=\"wp-block-list\">\n<li>Clicca su <strong>Aggiorna file <\/strong>per salvare le modifiche.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Per rimuovere la favicon personalizzata, elimina il codice dal file del tema e rimuovi i file dell&rsquo;immagine dalla directory principale di WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusioni\"><strong>Conclusioni<\/strong><\/h2><p class=\"wp-block-paragraph\">Una favicon di WordPress &egrave; una piccola immagine che appare nella scheda del browser di un utente quando accede al tuo sito web. Aiuta a distinguere le schede e a rafforzare il riconoscimento del brand.<\/p><p class=\"wp-block-paragraph\">Puoi creare una favicon utilizzando un software di grafica o uno strumento web come <strong>Real Favicon Generator<\/strong>. Ricorda che l&rsquo;immagine deve essere quadrata, di almeno <strong>512 x 512 pixel<\/strong> e rispettare le linee guida dei motori di ricerca.<\/p><p class=\"wp-block-paragraph\">Il modo pi&ugrave; semplice per aggiungere una favicon al tuo sito web &egrave; utilizzare il blocco <strong>Icona del sito <\/strong>nell&rsquo;editor Gutenberg. Se usi i temi classici, utilizza la funzionalit&agrave; <strong>Customizer di WordPress<\/strong> nel menu <strong>Aspetto<\/strong>.<\/p><p class=\"wp-block-paragraph\">In alternativa, puoi usare un plugin come <strong>Real Favicon Generator<\/strong> e caricare l&rsquo;immagine tramite l&rsquo;impostazione <strong>Aspetto<\/strong>. Gli sviluppatori possono anche farlo manualmente caricando l&rsquo;icona nella directory principale di WordPress e aggiungendo codice HTML al file <strong>PHP <\/strong>del tema.<\/p><h2 class=\"wp-block-heading\" id=\"h-faq-sulle-favicon-wordpress\"><strong>FAQ sulle favicon WordPress<\/strong><\/h2><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-6943ffaae4a4a\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Come rimuovere la favicon predefinita di WordPress?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Sebbene non sia possibile rimuovere la favicon predefinita di WordPress, &egrave; possibile sostituirla con un&rsquo;altra immagine. &Egrave; possibile farlo utilizzando l&rsquo;editor integrato del sito, la personalizzazione del tema, un plugin o il file <strong>header.php<\/strong>. Se rimuovi la nuova icona, la favicon predefinita di WordPress riapparir&agrave;.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffaae4a4d\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Come posso rendere trasparente la favicon su WordPress?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Per creare uno sfondo trasparente per la favicon di WordPress, salva l&rsquo;immagine in un&rsquo;estensione che supporti la trasparenza, come <strong>PNG<\/strong>. Se l&rsquo;icona &egrave; in un altro formato, devi rimuovere lo sfondo utilizzando un software di grafica e salvarlo come nuovo file.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffaae4a4e\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Qual &egrave; lo scopo di una favicon?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>La favicon di WordPress aiuta gli utenti a distinguere i siti web quando aprono pi&ugrave; schede nei loro browser. Aumenta, inoltre, la visibilit&agrave; nelle pagine dei risultati dei motori di ricerca e rafforza la riconoscibilit&agrave; del brand.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffaae4a4f\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Qual &egrave; la differenza tra una favicon e un&rsquo;icona del sito su WordPress?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Una favicon &egrave; una piccola immagine visualizzata nelle schede del browser degli utenti, accanto al titolo del tuo sito web. Un&rsquo;icona del sito, invece, &egrave; in genere pi&ugrave; grande e si trova in pi&ugrave; aree della pagina web. Costituisce una rappresentazione pi&ugrave; dettagliata dell&rsquo;identit&agrave; del tuo brand.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Una favicon &egrave; una piccola immagine visualizzata nella scheda del browser quando un utente accede al tuo sito web WordPress. Aiuta gli utenti a riconoscere rapidamente il tuo sito quando sono aperte pi&ugrave; schede, in particolare se il titolo del sito non &egrave; visibile. Questo tutorial spiegher&agrave; cos&rsquo;&egrave; una favicon WordPress, la sua importanza e [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/it\/tutorial\/favicon-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":548,"featured_media":4649,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Come aggiungere la favicon WordPress al tuo sito: 4 metodi","rank_math_description":"La favicon \u00e8 una piccola icona nella scheda del browser accanto al titolo del sito. Scopri come aggiungere una favicon WordPress al tuo sito.","rank_math_focus_keyword":"favicon wordpress","footnotes":""},"categories":[142],"tags":[],"class_list":["post-4637","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizzazione-e-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-favicon\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-adicionar-favicon-no-site\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/favicon-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/favicon-wordpress\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-favicon-wordpress\/","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wordpress-favicon\/","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/favicon-wordpress\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-favicon\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-favicon\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-favicon\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-favicon\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-favicon\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-favicon\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-favicon\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/favicon-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/favicon-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/favicon-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-adicionar-favicon-no-site\/","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts\/4637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/users\/548"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/comments?post=4637"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts\/4637\/revisions"}],"predecessor-version":[{"id":5821,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts\/4637\/revisions\/5821"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/media\/4649"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/media?parent=4637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/categories?post=4637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/tags?post=4637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}