Nous l’avons vu hier, une nouvelle fonction a fait son apparition sur l’iPhone : Webclips. vous avez maintenant la possibilité de créer un raccourci directement depuis la page d’accueil de votre téléphone vers n’importe lequel de vos sites préférés.
Sur la vidéo, avec Google, aucun problème en ce qui concerne l’icône qui apparaîtra sur la page d’accueil. En revanche, Steve Jobs a également fait une démo avec le New York Times, et l’icône n’était qu’une miniature toute moche de la page.
Je vous propose une technique toute simple de créer une icône qui apparaîtra sur l’écran des iPhones lorsque quelqu’un créera un lien vers votre site.
Pour faire ceci, il n’y a que 3 étapes très simples à suivre :
- Créez une image PNG de 60*60px ( la taille réelle de l’icône affichée est de 57*57px, mais prévoir un peu plus grand pourra éviter quelques problèmes d’affichage )
- Nommez-la « apple-touch-icon.png » ( sans les guillemets )
- Uploadez-la dans le fichier racine de de votre site ( attention, la racine de votre site, pas forcément de votre serveur )
Et c’est tout ! Maintenant, dès que quelqu’un ferra de votre site un de ses Webclips sur son iPhone, il verra cette icône. Si vous voulez plus de flexibilité ( utiliser un autre nom, un autre format, ou si vous n’avez pas accès à la racine de votre site ) vous pouvez l’inclure dans votre header comme-ceci :
<head>
<title>iHelloWorld</title>
<link rel= »apple-touch-icon » href= »/whatever.jpg »/>
</head>
Pratique, et plus bel effet. Plus d’infos sur la section iPhone du Developer Center d’Apple.
Merci de l’info
Merci