Mode d’emploi
Le logo utilisé pour les favicons est le logo global du site SPIP.
Vous pouvez déposer le logo de site depuis l’espace privé de votre site SPIP : menu « Configuration > Identité du site ».
Pour que ce soit esthétiquement réussi, il est préférable que votre logo de site soit carré avec une taille minimum de 150 pixels x 150 pixels.
Si vous voulez un autre logo, vous pouvez déposer un fichier image spécialement nommé favicon.png, à la racine votre dossier ./squelettes/.
Aussitôt activé, ce plugin insère automatiquement — au bon endroit : dans le head
de votre page (grâce à la balise #INSERT_HEAD
) — toutes les favicons utiles pour les différents navigateurs et terminaux, y compris les déclinaisons propriétaires de type apple-touch-icon ou msapplication-TileImage.
Voici un exemple de code généré :
<link rel="shortcut icon" href="local/cache-gd2/9444631ffd3ddd2d111efbebb935ddc2.ico" type="image/x-icon" />
<link rel="apple-touch-icon" sizes="57x57" href="local/cache-gd2/e569705f477840ae1c549c12bfe4cafb.png" />
<link rel="apple-touch-icon" sizes="114x114" href="local/cache-gd2/34d11399ae3e76d10ac70a05596b47c8.png" />
<link rel="apple-touch-icon" sizes="72x72" href="local/cache-gd2/1505e94dd60a59f56d1cd358f69e3d1d.png" />
<link rel="apple-touch-icon" sizes="144x144" href="local/cache-gd2/99dea51baa23c07914725681f09ce3a4.png" />
<link rel="apple-touch-icon" sizes="60x60" href="local/cache-gd2/d6e2d9ad798b0f1aa954bf195738eb5a.png" />
<link rel="apple-touch-icon" sizes="120x120" href="local/cache-gd2/225cc8aba80e8836aadfc1e1f7936835.png" />
<link rel="apple-touch-icon" sizes="76x76" href="local/cache-gd2/d91730143b01bbd7cf7dd3c8be2d23b3.png" />
<link rel="icon" type="image/png" href="local/cache-gd2/9e0d479a319217b4b8ebebd39dd32758.png" sizes="96x96" />
<link rel="icon" type="image/png" href="local/cache-gd2/1dfb75427c01d50a405e5ce1408e16de.png" sizes="16x16" />
<link rel="icon" type="image/png" href="local/cache-gd2/1f2f660cee13267bbcced4d252cf9237.png" sizes="32x32" />
<meta name="msapplication-TileColor" content="#895aa4" />
<meta name="msapplication-TileImage" content="local/cache-gd2/34d11399ae3e76d10ac70a05596b47c8.png" />
Il est également possible de personnaliser une couleur de thème pour Android Chrome 39+ et Windows en définissant la constante _FAVICON_COULEUR
dans le fichier mes_options.php.
// définir la couleur du navigateur mobile en rouge
define('_FAVICON_COULEUR', 'cc0000');
Si aucune valeur n’est définie, la couleur sera la couleur « moyenne » du favicon fourni.
Documentation supplémentaire
Pour en savoir plus sur les favicons, voir cette synthèse assez complète :
https://github.com/audreyr/favicon-...
Discussions par date d’activité
2 discussions
Bonjour,
Merci pour ce plugin... Est-il possible de renseigner une image pour le « mode sombre » ?
Il faut qu’on mette à jour le plugin pour intégrer les syntaxes modernes à base de SVG
Il y a une branche de travail en cours sur la forge git.
cela permettrait d’intégrer le mode sombre facilement comme on le voit dans cet article
https://css-tricks.com/svg-favicons-and-all-the-fun-things-we-can-do-with-them/
Répondre à ce message
Attention ce plugin se contenter de découper le morceau central de l’image qu’il utilise à chaque taille de fichier généré, il ne resize pas ni rien. Ça donne des résultats qui ne sont probablement pas ce à quoi vous vous attendez même si vous lui donnez une image carré (à savoir, votre logo en différentes tailles).
En fait, correction : le plugin fonctionne bien comme attendu mais peut prendre particulièrement longtemps (proche d’1h) à générer les différentes tailles voulues de l’image fournie. Armez vous de patience !
Pablo, j’ai rencontré aussi ce genre d’erreur d’affichage et je l’ai résolue en générant les miniatures (En tout cas en changeant l’outil de génération des miniatures)
Dans Configuration > Fonctions avancées
Depuis mon favicon est exactement le logo du site et il est correctement affiché et proportionné.
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |