Dans l’interface Modern UI de Windows 8, les tuiles remplacent désormais les icônes pour le lancement des programmes mais aussi l’affichage rapide d’informations. Comme sur iOS ou Android, vous pouvez également épingler un site web sur l’écran d’accueil pour accéder rapidement à vos sites favoris:
Tuiles iPhoneAddict et KultureGeek
Microsoft offre la possibilité avec Windows 8.1 de personnaliser cette tuile avec une image (différente selon sa taille), la couleur de fond et un titre par défaut que l’utilisateur pourra changer au moment d’épingler le site. Il est également possible d’ajouter un système de notifications pour indiquer les dernières nouveautés sur le site en question.
Pour le mettre en place sur votre site, il suffit de placer ces balises dans le header :
Nom de la tuile :
<meta name="application-name" content="KultureGeek" />
Couleur de fond de la tuile :
<meta name="msapplication-TileColor" content="#009900" />
Image de la tuile au format png 70×70 :
<meta name="msapplication-square70x70logo" content="https://monsite.com/msapp-70x70.png" />
Image de la tuile au format png 150×150 :
<meta name="msapplication-square150x150logo" content="https://monsite.com/msapp-150x150.png" />
Image de la tuile au format png 300×150 :
<meta name="msapplication-wide310x150logo" content="https://monsite.com/msapp-300x150.png" />
Image de la tuile au format png 300×310 :
<meta name="msapplication-square310x310logo" content="https://monsite.com/msapp-300x310.png" />
Ajouter les notifications (Optionnel – fréquence par défaut à 30 mn) :
<meta name="msapplication-notification" content="frequency=30; polling-uri=notifications/contoso1.xml; polling-uri2=notifications/contoso2.xml; polling-uri3=notifications/contoso3.xml" />
Il n’y a rien à toucher dans cette balise, par contre il faudra placer le fichier browserconfig.xml à la racine de votre site (fichier disponible sur ce lien). N’oubliez pas de remplacer, avant l’upload du fichier browserconfig sur votre serveur, les « VOTRE_LIEN_RSS » par le lien vers votre flux RSS.
L’utilisateur pourra à tout moment désactiver les notification sur ses tuiles.
Voici ce que cela donne :
Grand Tuile avec Notifications
Grand Tuile sans Notifications
Tuile large sans Notifications
Tuile Moyenne sans Notifications
Petite Tuile (pas notifications possibles)
Pour les utilisateurs n’ayant pas fait la mise à jour vers Windows 8.1, voici une dernière balise. Elle est seulement compatible avec Windows 8.0.
Image de la tuile au format png 144×144 :
<meta name="msapplication-TileImage" content="https://monsite.com/mstile-144x144.png" />
Voir : http://i.imgur.com/GiOu9Nj.jpg
merci d’avir pris le temps de me répondre.
Cependant, quand j’ouvre IE depuis les tuiles, cela m’ouvre l’application du côté bureau et donc je n’ai pas accès au menu (fond noir, écriture blanche) qui me permettrait d’appuyer sur les icônes que vous m’indiquez ! :(
cordialement
Certaines applications (Fresh Paint, VEVO) n’affichent pas leur nom. Est-ce qu’il est possible de faire la même chose avec un site web ?
Par avance, merci !
Bravo pour ce tuto et merci, je viens de la mettre en place ce la fonctionne pour les tuiles mais le flux rss ne fonctionne pas, j’ai pourtant modifier les adresses dans le fichier
par avance merci
J’ai le même problème que E1raX………….
On m’a dit qu’il se pourrais que se soit la cause du site web gratuit avec qui je suis. ???
J’ai bien mon image mais qui reste centrer au milieu et qui ne prend pas toute la tuile.
Comment faire pour régler ce petit soucis, sachant que je n’y connais pas grand chose en informatique.
PS: je modifie la taille et le format de mes images avec le logiciel light image resizer 4.
Une aide de votre part serai la bienvenue, merci.