Favicon diversa per una singola pagina WordPress: come fare
Cosa sono le favicon?
La favicon è la piccola icona che compare nella scheda del browser, nei preferiti e in altri punti dell’interfaccia. WordPress permette di impostare una Site Icon globale, ma in alcuni progetti può essere utile mostrarne una diversa su una pagina specifica.
Come usare una favicon diversa su una singola pagina
Il metodo più pulito è filtrare l’URL della Site Icon generata da WordPress, invece di aggiungere manualmente un secondo tag <link rel="icon"> nell’header.
Prima di tutto:
- carica la favicon nella Libreria Media;
- copia l’URL del file;
- recupera l’ID della pagina su cui vuoi usarla.
Inserisci poi lo snippet in un child theme oppure con un plugin per gli snippet di codice, evitando di modificare direttamente il tema principale.
function pixylabs_custom_page_favicon( $url, $size, $blog_id ) {
if ( is_page( 6 ) ) { // sostituisci 6 con l'ID della pagina
return 'https://sitoesempio.it/favicon.svg';
}
return $url;
}
add_filter( 'get_site_icon_url', 'pixylabs_custom_page_favicon', 10, 3 );
Nell’esempio, is_page( 6 ) applica la favicon alternativa solo alla pagina con ID 6. Sostituisci sia l’ID sia l’URL con quelli del tuo progetto.
Se devi gestire più pagine, puoi estendere la condizione oppure usare una logica basata su un array di ID. Dopo la modifica, svuota eventuali cache e verifica il risultato anche in una finestra anonima: le favicon vengono spesso memorizzate a lungo dal browser.
Per altri interventi tecnici o integrazioni su WordPress puoi vedere i miei servizi di sviluppo web.
