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-...
Aucune discussion
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 : |