Créer son WebClip – icône iPhone
Comments :1Tags: écran d'accueil iphone, iphone, ipod, raccourci iphone, webclip
Voici un tutoriel qui vous permettra d’ajouter à votre site internet un WebClip pour iphone, c’est à dire, pouvoir
avoir une icône personnalisée quand vos utilisateurs souhaitent ajouter votre site à leur écran d’accueil sur iPhone.
La mise en place de ce WebClip se résume en deux étapes principales, détaillées ci-dessous :
1. Création de l’icône pour iPhone :
Vous devez tout d’abord créer votre icône en utilisant le logiciel de votre choix. Les spécificités sont les suivantes :
a. Votre icône devra impérativement faire 57px de large sur 57px de haut ni plus ni moins.
b. Vous devrez créer l’icône au format png transparent.
2. Mise en place de l’icône sur votre site internet :
Cette étape est relativement simple si vous avez des connaissances en html et/ou création de sites :
a. Enregistrez votre icône en la nommant : « iphoneicon.png »
b. Placez l’image à la racine de votre site internet
c. Ajoutez la balise <link rel="apple-touch-icon" href="/iphoneicon.png"/> entre les balises <head>...</head>
d. Enregistrez votre/vos pages
Après avoir complété ces deux étapes, vous pourrez effectuer un test si vous êtes en possession d’un iPhone ou iPod en vous connectant sur votre site puis en ajoutant celui-ci en page d’accueil, cf photos ci-dessous :
FaceBook
Twitter