WordPress mon favicon ne s'affiche pas sur mobile

WRInaute occasionnel
Bonjour,
j'ai modifié le favicon (une guêpe); il se voit sur PC mais pas sur mobile...
Le site : https://pasdpanique.fr/

J'ai adopté une méthode manuelle (pas un plugin) :

1- génération des fichiers image avec le générateur https://www.favicon-generator.org/ et au départ, je lui fournis https://pasdpanique.fr/wp-content/uploads/2022/12/guepe-commune-512.jpeg (image 512px par 512px)

2- je mets tous les fichiers générés dans le répertoire /assets/img/ (situé à la racine du thème enfant)

3- dans functions.php du thème enfant, je mets ce code :
Code:
/**
 * Generated favicons
 * @see https://www.team-ever.com/wordpress-personnaliser-les-favicons-du-site
 */
function generated_favicons() {
   echo '
   <link rel="icon" sizes="57x57" href="'.get_stylesheet_directory_uri().'/assets/img/favicon.ico">
   <link rel="apple-touch-icon" sizes="57x57" href="'.get_stylesheet_directory_uri().'/assets/img/apple-icon-57x57.png">
   <link rel="apple-touch-icon" sizes="60x60" href="'.get_stylesheet_directory_uri().'/assets/img/apple-icon-60x60.png">
   <link rel="apple-touch-icon" sizes="72x72" href="'.get_stylesheet_directory_uri().'/assets/img/apple-icon-72x72.png">
   <link rel="apple-touch-icon" sizes="76x76" href="'.get_stylesheet_directory_uri().'/assets/img/apple-icon-76x76.png">
   <link rel="apple-touch-icon" sizes="114x114" href="'.get_stylesheet_directory_uri().'/assets/img/apple-icon-114x114.png">
   <link rel="apple-touch-icon" sizes="120x120" href="'.get_stylesheet_directory_uri().'/assets/img/apple-icon-120x120.png">
   <link rel="apple-touch-icon" sizes="144x144" href="'.get_stylesheet_directory_uri().'/assets/img/apple-icon-144x144.png">
   <link rel="apple-touch-icon" sizes="152x152" href="'.get_stylesheet_directory_uri().'/assets/img/apple-icon-152x152.png">
   <link rel="apple-touch-icon" sizes="180x180" href="'.get_stylesheet_directory_uri().'/assets/img/apple-icon-180x180.png">
   <link rel="apple-touch-icon-precomposed" href="'.get_stylesheet_directory_uri().'/assets/img/apple-icon-57x57.png" />
   <link rel="icon" type="image/png" sizes="192x192"  href="'.get_stylesheet_directory_uri().'/assets/img/android-icon-192x192.png">
   <link rel="icon" type="image/png" sizes="32x32" href="'.get_stylesheet_directory_uri().'/assets/img/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="96x96" href="'.get_stylesheet_directory_uri().'/assets/img/favicon-96x96.png">
   <link rel="icon" type="image/png" sizes="16x16" href="'.get_stylesheet_directory_uri().'/assets/img/favicon-16x16.png">
   <meta name="msapplication-TileColor" content="#ffffff">
   <meta name="msapplication-TileImage" content="'.get_stylesheet_directory_uri().'/assets/img/ms-icon-144x144.png">
   <meta name="theme-color" content="#ffffff">
   ';
}
add_action('wp_head', 'generated_favicons');



j’espère qu’on va me trouver une solution…
 
WRInaute accro
Sous Android 13, Chrome, il y est. Mais il ne s'affiche pas au même endroit sur Android que PC (et pour tous les sites).
 
WRInaute occasionnel
J'avais fait la même hypothèse et j'ai déjà regardé sur un autre iPhone, mais pareil...(et j'ai vu comment vider le cache de Safari, le navigateur de l'iPhone)
 
WRInaute occasionnel
Bonne année !
Et le père Noël m'a apporté un cadeau : le favicon est désormais visible aussi sur iphone. Il fallait juste attendre quelques semaines...:)
 
Discussions similaires
Haut