Jump to content

Manuel:$wgAppleTouchIcon

From mediawiki.org
This page is a translated version of the page Manual:$wgAppleTouchIcon and the translation is 100% complete.
URLs de serveur et chemins de fichiers: $wgAppleTouchIcon
URL facultative vers l'icône à utiliser lorsque l'on crée un signet vers la page d'accueil sur les appareils mobiles Apple
Introduit dans la version :1.12.0 (r29942)
Retiré dans la version :Encore utilisé
Valeurs autorisées :(chemin relatif ou URL absolue)
Valeur par défaut :false

Détails

L'iPhone, l'iPod Touch et l'iPad de Apple peuvent afficher une icône lorsque vous sauvegardez un signet sur l'écran d'accueil de Safari. C'est un peu similaire aux icônes favorites, mais dans des tailles supérieures (57x57, 72x72, 114x114 et 144x144 pixels, en fonction du matériel).

Le Guide du contenu web de Safari recommande de placer un fichier nommé apple-touch-icon.png dans le répertoire du document racine de votre site web; utilisez apple-touch-icon-precomposed.png pour éviter les coins arrondis créés par iOS et l'effet brillant pour votre icône. Néanmoins, si pour une raison quelconque vous souhaitez utiliser une icône d'un ensemble personnalisé, vous pouvez utiliser le format suivant :

$wgAppleTouchIcon = "/wiki/icons/apple-touch-icon.png";

Ceci produit une balise ‎<link> dans l'entête HTML de la sortie :

<link rel="apple-touch-icon" href="/wiki/icons/apple-touch-icon.png" />

Comme $wgAppleTouchIcon est mis à false par défaut, MediaWiki ne va pas générer le lien, et le navigateur essaiera de charger /apple-touch-icon.png. Si ce n'est pas le cas, une vignette de la page est utilisée, ce qui n'est pas très attrayant.

En utilisant l'option de redéfinition, les wikis peuvent définir une icône différente d'autres pages du même hôte, ou peuvent simplement choisir d'utiliser une URL personnelle.

Pour les appareils Android mettre apple-touch-icon-precomposed.png dans votre répertoire racine et inclure $wgAppleTouchIcon = "$wgScriptPath/apple-touch-icon-precomposed.png"; dans LocalSettings.php.

Lignes de conduite

Page d'accueil iPhone incluant des icônes personnalisées de site.

Des images propres avec une bonne netteté, un bon contraste et un fond de couleurs vives s'intègrent assez bien avec les autres icônes. Si vous n'en avez pas à tester, consultez les captures d'écran pratiques comme celle-ci.

La documentation Apple recommande une image PNG de 114×114 pixels ; cependant, 118×120 semble être la marque pour les écrans rétiniens. Une image plus petite est légèrement mise à l'échelle, devenant un peu floue. Les projets Wikimedia actuels (mai 2021) utilisent 152×152 pixels.

Les coins arrondis et une texture brillante sont ajoutés par l'interface utilisateur de l'iPhone, alors utilisez un fond plat et carré dans votre image source :

Image originale : Comme rendu :

Les arrière-plans transparents sont rendus en noir plein.


Voir aussi